Master-X
Форум | Новости | Статьи
Главная » Форум » Программинг, Скрипты, Софт, Сервисы » 
Тема: Wink
цитата
07/09/08 в 11:43
 Nic
icon_wink.gif

Последний раз редактировалось: Nic (25/10/19 в 09:04), всего редактировалось 1 раз
цитата
07/09/08 в 12:13
 color
с перебором не совсем понял что ты там делаешь (точнее обязательно ли именно так реализовывать), IMHO именно там ошибка, в document.all
Для одного дива если то вот так например работает без проблем:

Код:

<HTML>
   <HEAD>
      <TITLE> Отображение и скрытие данных </TITLE>
      <STYLE TYPE="text/css">
         body {background:white}
         .expandable {color:blue; cursor:hand}
         .expanded {color:black; font-size:"12pt"}
         .collapsed {display:none}
      </STYLE>


      <SCRIPT LANGUAGE="JavaScript">
         // Общий код отображения
         function outliner() {

            // Получение дочернего элемента.
            var child = document.getElementById("info");
//               document.all[event.srcElement.getAttribute("child",
//                  false)];
            // Если дочерний элемент существует, то он будет
            // развернут или свернут.
            if (null != child)
               child.className = child.className == "collapsed" ?
                  "expanded" : "collapsed";
         }
   document.onclick = outliner;
      </SCRIPT>
   </HEAD>
   <BODY>
      <H1 CLASS="expandable" child="info">
         Click here for more information.
      </H1>
      <DIV ID="info" CLASS="collapsed">
         Данное содержание не отображается в исходном
         состоянии. Для отображения содержания
         щелкните по заголовку выше данного текста.
      </DIV>
   </BODY>
</HTML>



Последний раз редактировалось: color (07/09/08 в 12:20), всего редактировалось 1 раз
цитата
07/09/08 в 12:17
 SomeVar
как вариант - повесить обработку onclick непосредственно на нужный объект и указывать видимость через getElementById. Пример:
Код:

<HTML>
   <HEAD>
      <TITLE> Отображение и скрытие данных </TITLE>
      <STYLE TYPE="text/css">
         body {background:white}
         .expandable {color:blue; cursor:hand}
         .expanded {color:black; font-size:"12pt"}
         .collapsed {display:none}
      </STYLE>


      <SCRIPT LANGUAGE="JavaScript">
         // Общий код отображения
         function outliner() {
      document.getElementById('info').style.display = "block";
         }
      </SCRIPT>
   </HEAD>
   <BODY>
      <H1 CLASS="expandable" child="info" ONCLICK="outliner();">
         Click here for more information.
      </H1>
      <DIV ID="info" CLASS="collapsed">
         Данное содержание не отображается в исходном
         состоянии. Для отображения содержания
         щелкните по заголовку выше данного текста.
      </DIV>
   </BODY>
</HTML>
цитата
07/09/08 в 12:20
 Nic
icon_wink.gif

Последний раз редактировалось: Nic (25/10/19 в 09:04), всего редактировалось 1 раз
цитата
07/09/08 в 12:28
 color
Вот, правильный солюшн, в том стиле что изначально был icon_smile.gif

Код:

<HTML>
   <HEAD>
      <TITLE> Отображение и скрытие данных </TITLE>
      <STYLE TYPE="text/css">
         body {background:white}
         .expandable {color:blue; cursor:hand}
         .expanded {color:black; font-size:"12pt"}
         .collapsed {display:none}
      </STYLE>


      <SCRIPT LANGUAGE="JavaScript">
         // Общий код отображения
         function outliner(aEvent) {

            // Получение дочернего элемента.
   var myEvent = aEvent ? aEvent : window.event;
   var child=document.getElementById(myEvent.target.getAttribute("child"));
            // Если дочерний элемент существует, то он будет
            // развернут или свернут.
            if (null != child)
               child.className = child.className == "collapsed" ?
                  "expanded" : "collapsed";
         }

      </SCRIPT>
   </HEAD>
  <BODY ONCLICK="outliner(event);">
      <H1 CLASS="expandable" child="info">
         Click here for more information.
      </H1>
      <DIV ID="info" CLASS="collapsed">
         Данное содержание не отображается в исходном
         состоянии. Для отображения содержания
         щелкните по заголовку выше данного текста.
      </DIV>
   </BODY>
</HTML>

цитата
07/09/08 в 12:31
 color
SomeVar писал:
как вариант - повесить обработку onclick непосредственно на нужный объект и указывать видимость через getElementById.

нее, тогда придется для каждого такого объекта на странице свою функцию отдельную писать и айдишники разные ставить icon_smile.gif
Разворот же требуется только для дочерних дивов для того элемента, на который кликнули.
цитата
07/09/08 в 14:28
 Sergeyka
ФФ не собака, это один из немногих броузеров который ИМХО ПРАВИЛЬНО отображает код страницы, и если в нем не работает ИЩИ косяк в своем коде
цитата
09/09/08 в 10:39
 vik_tgpteam
+1 У мелкософта всегда своё понимание форматов ...


Эта страница в полной версии