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

Форум АНТИЧАТ (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)

GuK0s 07.09.2008 13:35

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


Зы: с меня +

mff 07.09.2008 13:56

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

GuK0s 07.09.2008 14:42

Вообщем вот код.
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

Jer1cho 07.09.2008 14:51

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


GuK0s 07.09.2008 14:55

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

Zabuldon 07.09.2008 19:18

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

GuK0s 08.09.2008 13:22

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:

Jer1cho 08.09.2008 15:33

Он у тебя за таблицу вышел...
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



Время: 18:29