Форум АНТИЧАТ

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)

- PHP, PERL, MySQL, JavaScript (https://forum.antichat.xyz/forumdisplay.php?f=37)

- - Скрипт (https://forum.antichat.xyz/showthread.php?t=83940)

Как сделать чтобы сообщения скрывались под скрол, вот примерно так

Зы: с меня +

Код 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>

Во то что надо, токо надо чтобы ещё скрывалось сообщение когда нажимаешь на Названи1.

Учи Ajax всегда пригодиться!

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>

Сделал вот так. Токо при открытии Сообщение всплывает вверх а не вниз. Как сделать чтобы вниз опускалось :confused:

Он у тебя за таблицу вышел...

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>