Показать сообщение отдельно
  #1 (permalink)  
Старый 19.09.2010, 12:12
Новичок на форуме
Отправить личное сообщение для romzes2 Посмотреть профиль Найти все сообщения от romzes2
 
Регистрация: 19.09.2010
Сообщений: 3

Скрыть\показать div в ряде таблицы
В JS я чайник, по этому, буду предельно краток:
Есть документик:
<style> #menus_s {bg-color:333#} </style>
<script> window.onload=function(){tableruler();} </script>
<table id="menus" width="200">
  <tr>
    <td width="20">Текст1</td>
    <td width="20"><div style="display:none">Картики1</div></td>
  </tr>
  <tr>
    <td width="20">Текст2</td>
    <td width="20"><div style="display:none">Картики2</div></td>
  </tr>
</table>


Есть скриптик подключенный к этому документу (нарыл в нэте):
function tableruler() {
    if (document.getElementById && document.createTextNode) {
        var tables=document.getElementsByTagName('table');
        for (var i=0;i<tables.length;i++) {
            if(tables[i].id=='menus') {
                var trs=tables[i].getElementsByTagName('tr');
                for(var j=0;j<trs.length;j++) {
                    if(trs[j].parentNode.nodeName=='TBODY' && trs[j].parentNode.nodeName!='TFOOT') {
                        trs[j].onmouseover=function() {
                         //this.getElementsByTagName('div').style.display="block";
                            this.id='menus_s';
                            return false;
                        }
                        trs[j].onmouseout=function() {
                        //this.getElementsByTagName('div').style.display="none";
                            this.id='';
                            return false;
                        }
                     }
                }
            }
        }
    }
}

Суть: данный скрипт подсвечивает ряд в таблице при наведении на него курсором цветом #333 (через класс: менюс_с), а когда курсор убирают, подсветка пропадает. Это всё успешно работает!
Появилась задумка: сделать так, чтобы при наведении курсора на ряд - в этом ряду включалась бы не только подсветка, но и появлялись картинки, которые находятся в скрытом диве этого ряда.
Мои попытки это реализовать находятся в JS скрипте под косыми чертами...ессесно как только косые убрать, всё не работает.
помогите пожалуйста, и сильно не бейте Зарание спасибо
Ответить с цитированием