Хочу сделать 2 таблицы одна уже есть, под ней хочу сделать кнопку "Показать" нажимаешь и табличка открывается
Скрыть таблицу
Сообщений 1 страница 12 из 12
Поделиться2Чт, 15 Май 2008 19:32:43
zerrona1
Идете в админку, в объяве ищите начало вашей таблицы.
ДО нее добавьте:
<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> <span style='cursor:hand' onClick='expandit(this)'>Показать таблицу</span>
А в саму таблицу после <table добавьте строку style='display:none' style=&{head};
Должно получится что-то типа этого:
<table style='display:none' style=&{head}; width=100%>
Поделиться3Чт, 15 Май 2008 23:45:06
Можно вместо названия поставить картинку?
Поделиться4Пт, 16 Май 2008 08:25:00
Вместо
<span style='cursor:hand' onClick='expandit(this)'>Показать таблицу</span>
поставьте
<span style='cursor:hand' onClick='expandit(this)'><img src=картинка></span>
Поделиться5Пт, 16 Май 2008 09:33:57
что тут неправильно:
<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>
<span style='cursor:hand' onClick='expandit(this)'><img src=http://forumupload.ru/uploads/0003/ee/bf/2101-1.jpg></span>
<p align="center">
<table style='display:none' style=&{head}; width="100%" background="http://forumupload.ru/uploads/0003/ee/bf/2086-1.jpg" id="table1">
<tr>
<td align="center" width="50" height="10"><b><font color=black >Имя героя:</font></b>
<hr>
<b>111</b>
<hr>
<b>111</b>
<hr>
<b>111</b>
</td>
<td align="center" width="50" height="10"><b><font color=black >Причина:</font></b>
<hr>
<b>111</b>
<hr>
<b>111</b>
<hr>
<b>111</b>
</td>
<td align="center" width="50" height="10"><b><font color=black >Количество очков:</font></b>
<hr>
<b>111</b>
<hr>
<b>111</b>
<hr>
<b>111</b>
</td>
<table border="1" width="100%" id="table1">
</tr>
<tr>
</table>
Поделиться6Пт, 16 Май 2008 10:28:42
Посмотрите Что Я Не Так Сделала?????
Поделиться7Пт, 16 Май 2008 10:31:15
Попробуйте удалить выделенное
<script language="JavaScript1.2">
<!--
var ns6=document.getElementById&&!document.all?1:0var 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>
<span style='cursor:hand' onClick='expandit(this)'><img src=http://forumupload.ru/uploads/0003/ee/bf/2101-1.jpg></span><p align="center">
<table style='display:none' style=&{head}; width="100%" background="http://forumupload.ru/uploads/0003/ee/bf/2086-1.jpg" id="table1">
<tr>
<td align="center" width="50" height="10"><b><font color=black >Имя героя:</font></b><hr>
<b>111</b>
<hr>
<b>111</b>
<hr>
<b>111</b></td>
<td align="center" width="50" height="10"><b><font color=black >Причина:</font></b><hr>
<b>111</b>
<hr>
<b>111</b>
<hr>
<b>111</b></td>
<td align="center" width="50" height="10"><b><font color=black >Количество очков:</font></b>
<hr>
<b>111</b>
<hr>
<b>111</b>
<hr>
<b>111</b></td>
<table border="1" width="100%" id="table1">
</tr>
<tr>
</table>
Поделиться9Пт, 16 Май 2008 11:02:42
zerrona1
Не забывайте пожалуйста, всегда указывать адрес форума в случае проблемы — иначе мы вам не сможем помочь!
Поделиться11Пт, 16 Май 2008 13:27:25
zerrona1, а почему бы Вам не сделать скрытие таблицы вот по ТАКОМУ принципу:
ставите в ХТМЛ-верх:
<style type="text/css">
#mylist {
position: relative;
visibility: hidden}
</style>
в ХТМЛ-низ:
<script>
function visibilityON() {
document.getElementById("mylist").style.visibility="visible"}
function visibilityOFF() {
document.getElementById("mylist").style.visibility="hidden"
}
</script>
а это туда, где хотите видеть раскрывающуюся по кнопке табличу в ХТМЛ-низ или в Объявление или куда Вы хотите):
<input type="button" value="Показать таблицу" onClick="visibilityON()">
<div id="mylist" class="container" >
<br>
Ваша таблица
<br>
<input type="button" value="Скрыть" onClick="visibilityOFF()">
</div>
где Ваша таблица - просто поставьте код Вашей таблички...
попробовал, работает...
Поделиться12Пт, 16 Май 2008 18:35:58
можно сделать свою кнопку?