|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
10.02.2011, 23:12 | #1 |
Новичок
Джуниор
Регистрация: 10.02.2011
Сообщений: 3
|
не получается скрытый текст
привет всем, у меня проблема: не могу создать несколько скрытых текстов на одной странице.
надо что бы было так, например: есть 2 слова, нажимаешь на 1слово, будет скрытый текст1, на слово2 будет под словом2 скрытый текст2. а не выходит.. сама проблема выглядит так: есть список, (например 3 слова ) и под каждым словом скрытый текст, нажимаю на первое слово, появляется скрытый текст1, нажимаю на второе слово2, пропадает скрытый текст1, а сам второй скрытый текст2 из под 2слова не появляется. если нажать на третье слово, то появится скрытый текст1 из под первого слова1, и под ним. что делать. вот код: Код HTML:
<b><h3>Группы</b></h3> <script language=JavaScript> function show_hide_div() { var obj = document.getElementById("hiddendiv"); if (obj.style.display == "none") obj.style.display = ""; else obj.style.display = "none"; return false; } </script> <a href="#" onClick="return show_hide_div()"> 1 группа </a> <div id="hiddendiv" style="display:none"> <TABLE BORDER> <TR> <TH COLSPAN></TH> <TH COLSPAN>Понедельник1</TH> <TH COLSPAN>Вторник1</TH> <TH COLSPAN>Среда1</TH> <TH COLSPAN>Четверг1</TH> <TH COLSPAN>Пятница1</TH> <TH COLSPAN>Суббота1</TH> </TR> <TR> <TD>8.00-9.30</TD><TD ALIGN="right"> </TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD> </TR> <TR> <TD>9.40-11.10</TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD> </TR> <TR> <TD>11.15-12.45</TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"> </TD><TD ALIGN="right"></TD><TD ALIGN="right"> </TD><TD ALIGN="right"></TD> </TR> <TR> <TD>11.55-14.25</TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"> </TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD> </TR> <TR> <TD>14.30-16.00</TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"> </TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD> </TR> <TR> <TD>16.05-17.35</TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD> </TR> <TR> <TD>17.40-19.10</TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD> </TR> </TABLE> </div> <br> <script language=JavaScript> function show_hide_div() { var obj = document.getElementById("hiddendiv"); if (obj.style.display == "none") obj.style.display = ""; else obj.style.display = "none"; return false; } </script> <a href="#" onClick="return show_hide_div()"> 2 группа </a> <div id="hiddendiv" style="display:none"> <TABLE BORDER> <TR> <TH COLSPAN></TH> <TH COLSPAN>Понедельник2</TH> <TH COLSPAN>Вторник2</TH> <TH COLSPAN>Среда3</TH> <TH COLSPAN>Четверг2</TH> <TH COLSPAN>Пятница2</TH> <TH COLSPAN>Суббота2</TH> </TR> <TR> <TD>8.00-9.30</TD><TD ALIGN="right"> </TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD> </TR> <TR> <TD>9.40-11.10</TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD> </TR> <TR> <TD>11.15-12.45</TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"> </TD><TD ALIGN="right"></TD><TD ALIGN="right"> </TD><TD ALIGN="right"></TD> </TR> <TR> <TD>11.55-14.25</TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"> </TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD> </TR> <TR> <TD>14.30-16.00</TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"> </TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD> </TR> <TR> <TD>16.05-17.35</TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD> </TR> <TR> <TD>17.40-19.10</TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD> </TR> </TABLE> </div> <br> |
11.02.2011, 02:43 | #2 |
Форумчанин
Регистрация: 27.04.2010
Сообщений: 185
|
id - Уникальный идентификатор обьекта в DOM, т.е. обьект с id="hiddendiv" может встречатся в документе не больше одного раза.
Код HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>...</title> </head> <script language="javascript" type="text/javascript"> var divCount=3; function showdiv(n){ var i, mydiv; for(i=1; i<=divCount; i++){ mydiv=document.getElementById('hidiv'+i); if(i!=n) mydiv.style.display='none'; } mydiv=document.getElementById('hidiv'+n); if(mydiv.style.display=='block'){ mydiv.style.display='none'; }else{ mydiv.style.display='block'; }; } </script> <style type="text/css"> body{font: 12px Tahoma, sans-serif; color: #121212; background:#DAD9CF; padding: 20px;} a{color: #00f; display: block;} a:hover{color: #f00;} div{background: #ccc; padding: 5px; border: 1px solid #191919; margin: 2px 0px 15px 0px; display: none;} </style> <body> <a href="#" onclick="showdiv(1)">show block 1</a> <div id="hidiv1"> text text text text text text text text <br /> text text text text text text text text <br /> text text text text text text text text <br /> text text text text text text text text <br /> text text text text text text text text <br /> </div> <a href="#" onclick="showdiv(2)">show block 2</a> <div id="hidiv2"> asd asd asd asd asd asd asd asd <br /> asd asd asd asd asd asd asd asd <br /> asd asd asd asd asd asd asd asd <br /> asd asd asd asd asd asd asd asd <br /> asd asd asd asd asd asd asd asd <br /> asd asd asd asd asd asd asd asd <br /> asd asd asd asd asd asd asd asd <br /> </div> <a href="#" onclick="showdiv(3)">show block 3</a> <div id="hidiv3"> qwe qwe qwe qwe qwe qwe qwe qwe <br /> qwe qwe qwe qwe qwe qwe qwe qwe <br /> qwe qwe qwe qwe qwe qwe qwe qwe <br /> qwe qwe qwe qwe qwe qwe qwe qwe <br /> </div> </body> </html>
Помог - тырк на весы
|
11.02.2011, 07:12 | #3 |
Новичок
Джуниор
Регистрация: 10.02.2011
Сообщений: 3
|
очень вам благодарен
|
11.02.2011, 09:39 | #4 |
Новичок
Джуниор
Регистрация: 10.02.2011
Сообщений: 3
|
когда ввел код на сайте, то сайт поплыл, а основной на котором работаю вообще не загружает данную страницу..
что с этим делать? вот сайт на котором пробую gute-seite.3dn.ru если посмотреть раздел список, в котором вводил код то можно увидеть проблему.. Последний раз редактировалось johnsilver1221; 11.02.2011 в 09:42. |
11.02.2011, 12:33 | #5 | |
Форумчанин
Регистрация: 27.04.2010
Сообщений: 185
|
Цитата:
Вы CSS смотрели? я для упрощения не задавал блокам, ссылкам и т.д. никаких классов со своими свойствами, а сразу обьектам. задайте скрытым блокам например <div class="mydiv"> ТОгда CSS на странице можно упростить до Код:
Помог - тырк на весы
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
скрытый edit и его текст | grafgrial | Общие вопросы Delphi | 5 | 05.10.2010 14:47 |
Delphi. Не получается вывести текст в Label | murmuno | Помощь студентам | 4 | 26.03.2010 10:50 |
Не получается в Post запросе передать длинный текст | theYozh | Работа с сетью в Delphi | 17 | 18.05.2009 21:43 |
не получается вывести текст | sum42 | Общие вопросы C/C++ | 15 | 29.11.2008 18:55 |
Скрытый текст | strider | Microsoft Office Word | 3 | 06.05.2008 20:32 |