PDA

Просмотр полной версии : Скрипт

GuK0s
07.09.2008, 13:35
Как сделать чтобы сообщения скрывались под скрол, вот примерно так (http://cswanderer.ru/viewpage.php?page_id=18#)


Зы: с меня +
mff
07.09.2008, 13:56
<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>
GuK0s
07.09.2008, 14:42
Вообщем вот код.

<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
Jer1cho
07.09.2008, 14:51
<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>
GuK0s
07.09.2008, 14:55
Во то что надо, токо надо чтобы ещё скрывалось сообщение когда нажимаешь на Названи1.
Zabuldon
07.09.2008, 19:18
Учи Ajax всегда пригодиться!
GuK0s
08.09.2008, 13:22
<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=linkValue s[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:
Jer1cho
08.09.2008, 15:33
Он у тебя за таблицу вышел...

<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>