Fogel
-
Posts
3 -
Joined
-
Last visited
Fogel's Achievements
Explorer (1/14)
0
Reputation
-
Прочитал статью - очень доходчиво и понятно. Ну чтож, если без JS никак, буду разбираться с ним, чтобы сделать список в своём стиле.. Спасибо за помощь!
-
Да, ещё тут нюанс - можно ли реализовать это только средствами html/css без javascript? Great Rash, без точки с запятой перед else при проверке кода - выдаёт ошибку и в IE вообще никак не работает. Спасибо за ссылку - почитаю. Но неужели нельзя никак без javascript обойтись??
-
Здравствуйте. HTML начал осваивать около недели - прочитал базовые сведения о нём и об CSS. Попытался самостоятельно создать раскрывающийся список с кнопками. Синтаксис кода проверил на ошибки - отсутствуют, но при отображении не работает как надо, этого не могу понять. При нажатии на строку Заголовок 1 (см. рисунок ниже) раскрывается список подзаголовков. Это правильно. Но по идее должна была меняться кнопка с плюса на минус. Однако по первому клику только раскрывается список. По следующему клику уже меняется плюс на минус, но раскрывшийся список остаётся неподвижным. При последующих кликах меняются только значки плюса-минуса, а список остаётся открытым. Вот собственно сам мой код. В чём моя ошибка? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=koi-8"> <meta name="generator" content="PSPad editor, www.pspad.com"> <title> </title> <style type="text/css"> .ukaz{cursor:pointer;} #plus{display:inline;} #minus{display:none;} </style> </head> <body> <table BORDER=0> <tr><td> <table BORDER=0> <tr><td> <span class="ukaz" onclick= "if(document.getElementById('plus').style.display=='inline') document.getElementById('plus').style.display='none';else document.getElementById('plus').style.display='inline'; if(document.getElementById('minus').style.display=='none') document.getElementById('minus').style.display='inline';else document.getElementById('minus').style.display='none'; if(document.getElementById('tab1').style.display='none') document.getElementById('tab1').style.display='table-row';else document.getElementById('tab1').style.display='none';"> <img id="plus" SRC="plus.png"> <img id="minus" SRC="minus.png"> Заголовок 1 </span> <table class="ukaz" id="tab1" style="display:none;"> <tr> <td WIDTH=20></td><td>Подзаголовок 1</td> </tr> <tr> <td WIDTH=20></td><td>Подзаголовок 2</td> </tr> <tr> <td WIDTH=20></td><td>Подзаголовок 3</td> </tr> </table> </table> </table> </body> </html> Сам раскрывающийся список если убрать значки кнопок и условия для них срабатывания по onclick прекрасно работает, то есть если оставить только такую строку: <span class="ukaz" onclick="if(document.getElementById('tab1').style.display='none') document.getElementById('tab1').style.display='table-row';else document.getElementById('tab1').style.display='none';">Заголовок 1 </span>