Скрипт

Скрипт

07.09.2008, 13:35

GuK0s

Познающий

Регистрация: 17.02.2007

Сообщений: 39

С нами: 10120250

Репутация: 23

Скрипт

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

Зы: с меня +

𝕏 Twitter Reddit Telegram Копировать ссылку

07.09.2008, 13:56

mff

Познавший АНТИЧАТ

Регистрация: 12.03.2008

Сообщений: 1,379

С нами: 9560486

Репутация: 1809

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

07.09.2008, 14:42

GuK0s

Познающий

Регистрация: 17.02.2007

Сообщений: 39

С нами: 10120250

Репутация: 23

Вообщем вот код.

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

07.09.2008, 14:51

Jer1cho

Участник форума

Регистрация: 06.06.2008

Сообщений: 162

С нами: 9436713

Репутация: 244

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>

07.09.2008, 14:55

GuK0s

Познающий

Регистрация: 17.02.2007

Сообщений: 39

С нами: 10120250

Репутация: 23

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

07.09.2008, 19:18

Zabuldon

Участник форума

Регистрация: 06.04.2008

Сообщений: 102

С нами: 9524949

Репутация: 28

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

08.09.2008, 13:22

GuK0s

Познающий

Регистрация: 17.02.2007

Сообщений: 39

С нами: 10120250

Репутация: 23

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>

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

08.09.2008, 15:33

Jer1cho

Участник форума

Регистрация: 06.06.2008

Сообщений: 162

С нами: 9436713

Репутация: 244

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

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>

Внести депозит

Депозит создан

Вывести депозит