PDA

View Full Version : Спойлер для модуля Content


BFG
21.04.2011, 22:46
Есть вот такой вот код спойлера:
<div style="border-top: 1px solid #B9CBDC; border-left: 1px solid #B9CBDC; border-right: 1px solid #B9CBDC; border-bottom: 1px solid #B9CBDC; font-size: 1em;"><div style="border-bottom: 1px solid #B9CBDC; padding: 3px; font-size: 0.9em; font-weight: bold; display: block;"><span style="cursor: pointer;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerHTML = '<b><a href=\'#\' onClick=\'return false;\'><img src=\'styles/prosilver/imageset/icon_minus_1.gif\' width=\'9\' height=\'9\' border=\'0\'></a>&nbsp;TEXT1</b>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<b><a href=\'#\' onClick=\'return false;\'><img src=\'http://www.chelseateam.ru/forums/styles/prosilver/imageset/icon_plus_1.gif\' width=\'9\' height=\'9\' border=\'0\'></a>&nbsp;TEXT1</b>'; }" /><b><a href="#" onClick="return false;"><img src=\'http://www.chelseateam.ru/forums/styles/prosilver/imageset/icon_plus_1.gif\' alt="" width="9" height="9" border="0"></a>&nbsp;TEXT1</b></span></div><div><div style="display: none; border-bottom: 1px solid #B9CBDC; padding: 3px;">TEXT</div></div></div>

на форуме он работает (PhpBB3), а вот ни в новостях ни в контенте (Нюки 7,6) не хочет, подскажите пож-та как этот исправить, или предложите рабочий код спойлера для модуля Content.
Заранее спасибо!

BFG
22.04.2011, 01:08
извиняюсь, сам нарыл другой, может кому пригодится:

добавляем в стили:
.spoilerBody {
padding: 3px;
background-color: #FFFFFF;
border: 1px solid #D8D8D8;
font-size: 1em; width: 400px;
}
.spoilerBar {
text-transform: uppercase;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 3px;
font-size: 0.8em;
font-weight: bold;
display: block;
}
.spoilerContents {
padding: 4px;
background-color: #F7ECDC;
border: 1px solid #D8D8D8;
font-size: 0.9em;
}

А это собственно сам спойлер
<!-- spoiler --> <div class="spoilerBody"><div class="spoilerBar"> <span onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') {this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerHTML = ' <a href=\'#\' onclick=\'return false;\'><img src=http://www.chelseateam1.ru/forums/styles/prosilver/imageset/icon_minus_1.gif width=9 height=9 border=0><\/a> <b>Спойлер<\/b>';} else {this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = ' <a href=\'#\' onclick=\'return false;\'><img src=http://www.chelseateam1.ru/forums/styles/prosilver/imageset/icon_plus_1.gif width=9 height=9 border=0><\/a><b> Спойлер<\/b>';}"> <a href="#" onclick="return false;"><img src="http://www.chelseateam1.ru/forums/styles/prosilver/imageset/icon_plus_1.gif" width=9 height=9 border=0></a><b> Спойлер</b></span></div> <div class="spoilerContents"> <div style="display:none;">текст</div></div></div> <!-- /spoiler -->

Отключаем проверку html кода и радуемся.
ну и конечно изменяем под себя стили.

нет, не радуемся, этот спойлер только в новостях работает а в контенте нет...

Soniks
22.04.2011, 20:21
смотрите какую ошибку выдает вам браузер при попытки работы со спойлером.

BFG
23.04.2011, 00:16
ничего не выдаёт, просто не открывает спойлер и всё...
странно, сегодня уже и в новостях не хочет работать )))