Ищу хак для сворачивания текста, к примеру 3 строчки написал, а остальные 10 строчек убрать под BBCODE, чтобы он свернулся и появился тескт, для разворачивания свёрнутого текста

Spoiler

Sellrion, да это вроде то, но для 3.7 есть подобие того, что нужно, к примеру есть хак, который скрывает тока текст, оставляя пустое поле и по наведению на него, появляется текст, а мне чуток другое нужно, смотрю для 3.6.х есть, значит придётся подождать для 3.7

Kluivert, не думайте ставить HIDE

Mc AleX, мне этот хак не нужен пока, а почему его не ставить, именно на 3.7? на 3.6. без проблем работал или он конфликтует с тем, что я ищу?

Kluivert, его пока под 3.7. не заделали. Поставишь - наберешься проблем. Он даже без причины глючит.

Дополнительные BB коды -> Добавить BB коды

Заголовок: Spoiler
Тег: spoiler
Замена:

<div style="margin:20px; margin-top:5px"> <div class="smallfont" style="margin-bottom:2px"><b>Спойлер: </b><input type="button" 

value="Показать" style="width:70px;font-size:10px;margin:0px;padding:0px;" 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.innerText = 

''; this.value = 'Скрыть'; } else { 

this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText 

= ''; this.value = 'Показать'; }"> </div> <div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"> <div 

style="display: none;"> <font color="DimGray"><font size="1"> {param} </font></font> </div> </div> </div>
            </div>
        <!-- / sig -->

Использовать опцию: Нет

поставил у себя этот код. в админке в разделе тестирования кода пробую - идеально работает

в посте на форуме - не реагирует на кнопку "показать", хотя сам спойлер появляется, текст прячет.

в чем косяк? булка версии 3.5.3

Добавлено через 31 минуту
поправил, все работает

Упростил вышеприведенный код. Убрал на хрен лишние рамки, отступы и фон. И лишний <div> один убрал.

<div>
	<div class="smallfont" style="margin-bottom:2px">
		<b>Читать дальше...&nbsp; </b>
		<input type="button" value="Показать" style="width:70px;font-size:10px;margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].style.display = '';this.innerText = ''; this.value = 'Скрыть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].style.display = 'none'; this.innerText = ''; this.value = 'Показать'; }">
	</div>
	<div style="display: none;">{param}</div>
</div>

Этот вариант лучше и симпатичней смотрится ,спасибо!


Staill,Не в обиду

Vailet добавил 27.03.2009 в 11:27
Оффтоп

Тест

тест