24/08/15 Открыта запись на обучение вёрстки для майбба - ссылка на тему

Избранные уроки Photoshop


Вверх
Вниз

COLOR MATE

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » COLOR MATE » Каталог CSS|JS » Сворачивание подписи


Сворачивание подписи

Сообщений 1 страница 3 из 3

1

В HTML в форме ответа или в HTML-низ ставим следущее:

Код:
<script language="JavaScript1.2">
<!--
var ns6=document.getElementById&&!document.all?1:0

var head="display:''"
var folder=''

function expandit(curobj){
folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style
if (folder.display=="none")
folder.display=""
else
folder.display="none"
}

//-->
</script>
<script type="text/javascript">
var arr=document.getElementsByTagName("dl")
i=0
str=document.URL
while(arr[i] ){
if(arr[i].className=="post-sig"){
name=arr[i].innerHTML
name=name.substring(43)
arr[i].innerHTML="<dt><span>Подпись автора</span></dt><dd><p><span style='cursor:hand' onClick='expandit(this)'>Показать подпись</span><span  style='display:none' style=&{head};><br>"+name+"</span></p></dd>"
}
i++
}
</script>

В результате у всех пользователей будет ссылка-кнопка, при нажатии на которую появится сама подпись.
А для чего это?
Просто многие любят злоупотреблять картинками и тем самым мешают ознакамливаться с самой темой.

0

2

Если вы сами проверите, то увидите, что он не работает.
А вот рабочий:

Код:
<script language="JavaScript1.2"> 
<!--
var ns6=document.getElementById&&!document.all?1:0
 
var head="display:''"
var folder=''
 
function expandit(curobj){
folder=ns6?curobj.nextSibling.style:document.all[curobj.sourceIndex+1].style
if (folder.display=="none")
folder.display=""
else
folder.display="none"
}
 
//-->
</script> 
<script type="text/javascript">
var arr=document.getElementsByTagName("dl")
i=0
str=document.URL
while(arr[i] ){
if(arr[i].className=="post-sig"){
name=arr[i].innerHTML
name=name.substring(43)
arr[i].innerHTML="<dt><span>Подпись автора</span></dt><dd><INPUT value='Показать подпись' type=submit style='cursor:hand' onClick='expandit(this)'><span  style='display:none' style=&{head};><br>"+name+"</span></dd>"
}
i++
}
</script>

0

3

а существует вариант более симпатичного оформления, картинкой например?

0


Вы здесь » COLOR MATE » Каталог CSS|JS » Сворачивание подписи