HTML+CSS+JavaScript

<span scroll=no style="width:100%;height:80%;OVERFLOW:auto;border:inset 1px #555555;" id=div_chat></span>

делаю так но это натаблице которая помешяется в самый верх документа.. все вроде работает :

<table id='loading_table' cellspacing=0 cellpadding=0 border=0 width=$width height=$heidht style='position:absolute;left:0;top:0;width:$width;height:$heidht;z-index:999999;display:block;' bgcolor='#000000'>"; <tr> <td align=center valign=center> <font color=#B7976A>Загрузка...</font> </td> </tr> </table>

function loading(text){                 document.getElementById('loading_table').style.display='none';         }

а вот как бы зделать к спану который может находится где угодно... заранее спасибо:?

есть кто может помочь?:

не очень понятно написал - что нужно - написать сам прилоадер или применить уже готовый к другому элементу?

Я описал ужэ готовый который просто перекрывает фоном пока инфа не загрузится не фоном точнее а таблицей , но работает он исключительно когда код таблици в самом корне начале страници.. хачю приминить к отдельномк элементу !

function loading(text){                  document.getElementById('loading_table').style.display='none';          }

только делает элемент невидимым, а что следит за ходом загрузки?

а таблица сама и следит как инфа вся загрузится так фон и пропадает с надписью загружается.. можете попробывать тот код что я предоставил в первом посте поставить на какой либо элемент!

Располагай спан где угодно

<span id = "Span_id" style = "position:absolute;left:100;top:100">lala</span>

и используй тот же код

document.getElementById(' Span_id ').style.display='none';

Чтото не выходит...
Короче говоря есть

<span scroll=no style="width:100%;height:80%;OVERFLOW:auto;border:inset 0px #555555;" id=div_chat></span>

который отвечает за вывод инфы на примере чат чтобы долго не скролировалась инфа я решил перекрыть фоном и текстом мол идет загрузка и именно чтобы перекрывала только этот спан и вот чтото никак :(

А может есть смысл прятать этот спан, а при загрузке показать ?)

В любом случае не понимаю, в чем суть проблемы )
Ты не можешь сделать закрывающий спан?
Ты не можешь правильно расположить его?
Или ты не можешь спрятать его при загрузке?

Скорее всего первое и второе :(

Можно динамически вычислить координаты снапа с текстом, но уже после его загрузки )

Из вариантов:
1. Если при передвижении размеры и координаты первого спана не меняются, то просто посчитай с линейкой -)
2. Все-таки прятать спан )
3. Закрывать все окно
4. Смотреть полную структуру сайта, если растяжка динамическая, возможно указывать размеры в процентах, если дизайн на табличках, просто дублировать основную таблицу без данных и закрашивать нужные области -)

Дубль

Вот таблица :

print "<table border=0 width=$width height=$heidht cellspacing=0 cellpadding=0>";

а вот спан в котором инфа подгружается :

<span scroll=no style="width:100%;height:80%;OVERFLOW:auto;border:inset 0px #555555;" id=div_chat></span>

нужно этот спан прям весь загородить таблицей или еще чем вродебы и получается но загараживает криво почемуто тоесть не весь контент со скролингом а без него только тект получается не красиво ...

Ты не указал, как этот самый спан расположен относительно таблицы ))

print "<table border=0 width=$width height=$heidht cellspacing=0 cellpadding=0>"; ?>     <tr height=18>         <td width=18><img src=images/skin/c_l_t.jpg></td>         <td background=images/skin/l_t.jpg><img src=images/img_from_all/s.gif width=100% height=100%></td>         <td width=18><img title=Закрыть src=images/skin/c_r_t_l.jpg border=0></td>     </tr>     <tr>         <td background=images/skin/l_l.jpg>&nbsp;</td>         <td bgcolor="000000">           <a href=?raz=2><<<</a> <a href=?raz=1>>>></a>               <table id='loading_table' style='position:absolute;left:0;top:0;width:100%;height:100%;z-index:999999;display:block;' bgcolor='#000000'>             <tr>             <td align=center valign=center>             <font color=#B7976A>Загрузка...</font>             </td>                </tr>             </table>           <span scroll=no style="width:100%;height:80%;OVERFLOW:auto;border:inset 0px #555555;" id=div_chat></span>           <form id="frmmain" name="frmmain" onsubmit="return blockSubmit();">             <input type=hidden id=idchat name=idchat>              <input type="button" value="Основной" onclick="javascript:go(0);" />             <input type="button" value="Локационный" onclick="javascript:go(1);" />             <input type="button" value="Системный" onclick="javascript:go(2);" />             <!--<input type="button" name="btn_get_chat" id="btn_get_chat" value="Настройки" onclick="javascript:getChatText();" /><br>-->             <input type="text" id="txt_message" name="txt_message" style="width: 447px;" />             <input type="button" name="btn_send_chat" id="btn_send_chat" value="Send" onclick="javascript:sendChatText();" />             <input type="button" name="btn_get_chat" id="btn_get_chat" value="Refresh Chat" onclick="javascript:getChatText();" />             <input type="button" name="btn_get_chat" id="btn_get_chat" value="Refresh Page" onclick="javascript:refreshChat()" />             <input type="button" name="btn_reset_chat" id="btn_reset_chat" value="Reset Chat" onclick="javascript:resetChat();" />           </form>                             </td>         <td background=images/skin/l_r.jpg>&nbsp;</td>     </tr><tr height=18>         <td width=18 height=18><img src=images/skin/c_l_b.jpg></td>         <td background=images/skin/l_b.jpg>&nbsp;</td>         <td width=18><img src=images/skin/c_r_b.jpg></td>     </tr> </table>