HTML: <div style="width:100%; height:100px; overflow:auto; scrollbar-face-color: #675547;scrollbar-shadow-color: #e3d9d0; scrollbar-highlight-color: #e3d9d0; scrollbar-3dlight-color: #e3d9d0; scrollbar-darkshadow-color: #e3d9d0; scrollbar-track-color: #e3d9d0; scrollbar-arrow-color: #ffffff;"><!--Сдесь текст--></div>
Вообщем вот код. PHP: <table cellpadding='0' cellspacing='0' width='100%' class='border'> <tr> <td class='scapmain'>Название1</td> <td class='scapmain' align='right'></td> </tr> <tr> <td colspan='2' class='side-body'> <hr> ТЕКСТ </tr> </table> <table cellpadding='0' cellspacing='0' width='100%' class='border'> <tr> <td class='scapmain'>Название2</td> <td class='scapmain' align='right'></td> </tr> <tr> <td colspan='2' class='side-body'> <hr> ТЕКСТ </tr> </table> Мне надо чтобы сначало было какбы 2 менюшки, т.е Название1 и Название2. При нажатии на Название1 открывается текст на этой же странице. т.е как бы сообщение всплывает из Названи1. тоже самое и с Названием2
PHP: <html> <head> <title>test</title> <style type="text/css"> #m1,#m2 { display:none; } </style> </head> <body> <table cellpadding='0' cellspacing='0' width='100%' class='border'> <tr> <td class='scapmain' onclick="document.getElementById('m1').style.display='block'">Название1</td> <td class='scapmain' align='right'></td> </tr> <tr id="m1"> <td colspan='2' class='side-body'> ТЕКСТ <hr/> </tr> </table> <table cellpadding='0' cellspacing='0' width='100%' class='border'> <tr> <td class='scapmain' onclick="document.getElementById('m2').style.display='block'">Название2</td> <td class='scapmain' align='right'></td> </tr> <tr id="m2"> <td colspan='2' class='side-body'> ТЕКСТ <hr/> </tr> </table> </body> </html>
PHP: <script language="JavaScript"> function switchBlock(id,obj){ linkValues=['<img src="http://cswanderer.ru/themes/cs1.6/images/panel_on.gif" align="right">','<img src="http://cswanderer.ru/themes/cs1.6/images/panel_off.gif" align="right">'] div=document.getElementById(id); if(div.style.display=='none') {div.style.display='block';obj.innerHTML=linkValues[1];} else { div.style.display='none';obj.innerHTML=linkValues[0];} return false; } </script> <table class="border" width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="scapmain">Текс</td> <td class="scapmain" align="right"><a href='#' onclick='return switchBlock("bl0",this)'><img src="http://cswanderer.ru/themes/cs1.6/images/panel_on.gif" align="right"></a></td> <SPAN id="bl0" style="DISPLAY: none"> <br> ТЕКС МНОГО ТЕСКТА </SPAN> </table> Сделал вот так. Токо при открытии Сообщение всплывает вверх а не вниз. Как сделать чтобы вниз опускалось
Он у тебя за таблицу вышел... PHP: <script language="JavaScript"> function switchBlock(id,obj){ linkValues=['<img src="http://cswanderer.ru/themes/cs1.6/images/panel_on.gif" align="right">','<img src="http://cswanderer.ru/themes/cs1.6/images/panel_off.gif" align="right">'] div=document.getElementById(id); if(div.style.display=='none') {obj.innerHTML=linkValues[1];div.style.display='block';} else { obj.innerHTML=linkValues[0];div.style.display='none';} return false; } </script> <table class="border" width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="scapmain">Текс</td> <td class="scapmain" align="right"><a href='#' onclick='return switchBlock("bl0",this)'><img src="http://cswanderer.ru/themes/cs1.6/images/panel_on.gif" align="right"></a></td> </tr><tr><td> <SPAN id="bl0" style="DISPLAY: none"> <br> ТЕКС МНОГО ТЕСКТА </SPAN> </td> </tr> </table>
