Xwab
Форумыnavigate_nextHTML/CSS

как сделать такое!
Сообщения
wweua

такого плана :вот есть у меня текст!я хочу чтобы он был скрыт,но при нажатии на ссылку (кнопку)он открывался без перезагрузки страници!как сделать?в хтмл!

12 Мар 2011, 13:26
OTSHELNIK

в хтмл никак. либо js,либо ajax(если что-то подгружать нужно из базы,наприаер)

12 Мар 2011, 13:32
GraF

на яваскрипт. Опера мини все равно перезагрузит. Буду дома - напишу

12 Мар 2011, 13:33
sew960i

Вот...

12 Мар 2011, 13:39
Ъb

<html>
<head>
<title>Исчезновение элемента</title>
</head>
<body>
<script>
function tablica(i)
{
t=document.getElementById(i);
if(t.style.display=='none')
{
t.style.display='';
}
else
{
t.style.display='none';
}
return false;
}
</script>
<a href="#" onclick="tablica('test');">Опа</a>
<div id="test" style="display: none;">
это дело мы прячем
</div>
</body>
</html>

12 Мар 2011, 15:00
Amarelle

Автор имеет ввиду спойлер?

12 Мар 2011, 15:06
DarveL

Amarelle, аха.

12 Мар 2011, 15:07
Amarelle

<?php
//Спойлер
$bb[] = "#[spoiler=(.*?)](.*?)[/spoiler]#is";
$html[] = "<table width=" 90%" border="0" cellspacing="1" cellpadding="3"><div id="cont"><tr><th onclick="SwitchMenu ('pokaz4');
SwitchMenu ('pokaz5');
SwitchMenu ('pokaz6');
" style=" cursor:pointer;" nowrap=" nowrap "><div align="left" id="pokaz5" style=" display :block;"><img src="images/icon_plu.gif" align="bottom"> \1</ div><div align=" left" id="pokaz6" style=" display :none;"><img src="images/icon_min.gif" align="bottom"> \1</div></th></tr></ div><tr><td><div id=" pokaz4" style=" display :none;"> \2</div></td></tr></table>" ; //Спойлер
?>
добавлено спустя 1 минуту:
Оуу напартачил.. Надо же жс, а тут пых))

12 Мар 2011, 15:25
Sandr

Amarelle, так лучше)

<html>
<body>
<title>Заголовок</title>
</head>
<body>
<script language="javascript">
function show(test)
{
var id = document.getElementById(test);
id.style.display == 'none' ? id.style.display = 'block' : id.style.display = 'none';
}
</script>
<a href="javascript:void(0)" onclick="show('test');">Показать спойлер</a>
<div id="test" style="display: none">
Скрытый текст
</div>
</body>
</html>

12 Мар 2011, 15:27
Amarelle

Sandr, ага) Санька, великий гуру js:) а как пользоваться этой функцией так же как и в пыхе? show('скрытый текст'); или туда вместо слова тест подставлять?

12 Мар 2011, 15:32
Ответить на тему