[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Баг со спойлером
Форум PHP программистов > Дизайн и верстка
Sw1tchBack
13.04.2009 - 23:04
Имеется страница, решил в нее воткнуть спойлер.
Баг заключается в том, что спойлер в основной таблице не пашет. Если его вынести за таблицу, он пашет.
Стиль:
HTML
<style type=text/css>
.spoiler {}
.spoilerheader {cursor: pointer;}
.spoiler.open .spoilerheader {}
.spoiler .spoilertext {display:none;}
.spoiler.open .spoilertext {display:block;}
</style>

Скрипт:
HTML
<script style=\"text/javascript\">
function spoiler_on()
{
document.getElementById('spoiler').style.visibility='visible';
document.getElementById('spoiler').style.display='';
}
function spoiler_off()
{
document.getElementById('spoiler').style.visibility='hidden';
document.getElementById('spoiler').style.display='none';
}
</script>

Вставка:
HTML
<div class=\"spoiler\">
<a class=\"spoilerheader\" onclick=\"this.parentNode.className=this.parentNode.className=='spoiler'?'spoiler open':'spoiler'\">
<b>Заказать</b>
</a>
<div class=\"spoilertext\">
Текст</div>
</div>

Таблица:
HTML
<table cellpadding=0 cellspacing=0 width=600>
<tr>
<td class=imgtd width=170 height=170 bgcolor=#EAEAEA colspawn=2>
<center>
#вставка#
</center>
</td>
</tr>
</table>


Хз даже, почему так странно пашет blink.gif
Плиз помогите подогнать smile.gif


 ! 

М
HardWoman
Не принято на нашем форуме общаться в таких выражениях.

Хз даже, почему так странно пашет

Имейте ввиду на будущее. Наши постоянные пользователи привыкли к достойному общению. И если вы стали нашим пользователем, постарайтесь следовать нашим правилам и культуре общения, принятой на нашем форуме.
Без обид. Но здесь общаются изначально люди, и лишь потом программисты.






Спустя 12 часов, 54 минуты, 22 секунды (14.04.2009 - 10:59) Sw1tchBack написал(а):
Есть кто? unsure.gif

Спустя 23 минуты, 3 секунды (14.04.2009 - 11:22) Joker написал(а):
Выложи целую рабочую html страничку так куда понятнее будет.

Вот скрипт поменяю, может заработает.
HTML
<script type="text/javascript">
function spoiler_on()
{
document.getElementById('spoiler').style.display = 'Block';
}
function spoiler_off()
{
document.getElementById('spoiler').style.display = 'none';
}
</script>

Спустя 4 минуты, 26 секунд (14.04.2009 - 11:26) twin написал(а):
Цитата
Есть кто?

Есть. А в чём именно странность? Вроде всё пашет... Разве что можно это всё проще сделать

HTML
<table cellpadding=0 cellspacing=0 width=600>
<tr>
<td class=imgtd width=170 height=170 bgcolor=#EAEAEA colspawn=2>
<center>
<div class="spoiler">
<script>
var d = document;
function hide()
{
var a = d.getElementById('spoiler').style.display ;
d.getElementById('spoiler').style.display = (a == 'none')?'block':'none';
}
</script>
<a href="#" onclick="hide(); return false;">
<b>Заказать</b>
</a>
<div id="spoiler" style="display:none" >
Текст</div>
</div>
</center>
</td>
</tr>
</table>

Спустя 50 минут, 52 секунды (14.04.2009 - 12:17) Sw1tchBack написал(а):
twin
Спс, все стало работать smile.gif
Joker
Уже нет нужды smile.gif



Спустя 9 дней, 20 часов, 56 минут, 32 секунды (24.04.2009 - 09:14) x0ka написал(а):
Я это реализовал ваще так:

HTML
<script language="JavaScript">
function chan(obj) { if (document.getElementById(obj).style.display=='')
{document.getElementById(obj).style.display='none';} else
{document.getElementById(obj).style.display='';}; };
</script>
<a href="javascript://" onclick="chan('id1');">Показать/Скрыть</a>
<div style="display:;" id="id1">
Скрытый текст
</div>

Спустя 4 часа, 22 минуты, 13 секунд (24.04.2009 - 13:36) FatCat написал(а):
+5!!!


_____________
Постигаю PHP... а он убегает :(
Быстрый ответ:
Powered by dgreen

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.