Версия для печати темы Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Проблема с innertext

Автор: Serik 18.11.2006, 16:21

начит так! Вот код(упрощенный) Код <html> <head>     <title> Сайт "Конькобежец" </title> </head> <body background=pictures/Texture1.jpg> <!--Начало: Меню сайта--> <TABLE border=1 align=left  bordercolor=white cellpadding="0" cellspacing="0"> <tr><td height="41" width=204 colspan="" style="background:url('pictures/menu.jpg') top no-repeat;color:#363636;padding-left:30px;padding-top:0px;font-size:10px;"><b><a anchor definition href=javascript:menuz();>Меню сайта</a></b></td></tr> <tr><td> <p  name=menuras id=menuras></p></td></tr> <!-- --> <tr><td height="28" colspan="3"><img src="pictures/menu_niz.jpg" border="0"></td></tr>  </table>  <script language=javascript> function menuz(){ var a; a="<td width=204 style='background:url(pictures/lor.jpg) repeat-y;padding:0px 0px 0px 10px;'><a href=index.html><b>Главная страница </b></a></td></tr><td width=204 style='background:url(pictures/lor.jpg) repeat-y;padding:0px 0px 0px 10px;'><a href=history/><b>История </b></a></td></tr><td width=204 style='background:url(pictures/lor.jpg) repeat-y;padding:0px 0px 0px 10px;'><a href=records/><b>Рекорды</b></a></td></tr><td width=204 style='background:url(pictures/lor.jpg) repeat-y;padding:0px 0px 0px 10px;'><a href=pravilo.html><b>Правила</b></a></td></tr><td width=204 style='background:url(pictures/lor.jpg) repeat-y;padding:0px 0px 0px 10px;'><a href=http:///burevestnik-konki.narod.ru/gallery.html><b>Галерея</b></a></td></tr><td width=204 style='background:url(pictures/lor.jpg) repeat-y;padding:0px 0px 0px 10px;'><a href=razryad.html><b>Разряды</b></a></td></td></tr><td width=204 style='background:url(pictures/lor.jpg) repeat-y;padding:0px 0px 0px 10px;'><a href=http:///speedSk.ucoz.ru/forum><b>Форум</b></a></td></tr><td width=204 style='background:url(pictures/lor.jpg) repeat-y;padding:0px 0px 0px 10px;'><a href=http:///speedSk.ucoz.ru/gb><b>Гостевая книга</b></a></td></tr><td width=204 style='background:url(pictures/lor.jpg) repeat-y;padding:0px 0px 0px 10px;'><a href=rez.html><b>Архив соревнований</b></a></td></tr>"; menuz.textcontent=a } </script> </BODY> </html> Смысол в том, чтоб при нажатии на ссылку раскравалась менюшка, но когда я нажимаю ниче не происходит!! Даж ошибку не выдает!! Вообщем ХЕЛП

Автор: GIK 18.11.2006, 16:43

Используй innerHTML, если я конечно тебя правильно понял. Код <html> <head>     <title> Сайт "Конькобежец" </title> </head> <body background=pictures/Texture1.jpg> <!--Начало: Меню сайта--> <TABLE border=1 align=left  bordercolor=green cellpadding="0" cellspacing="0"> <tr><td height="41" width=204 colspan="" style="background:url('pictures/menu.jpg') top no-repeat;color:#363636;padding-left:30px;padding-top:0px;font-size:10px;"><b><a anchor definition href=javascript:menuz();>Меню сайта</a></b></td></tr> <tr><td> <p  name=menuras id=menuras>dfghdsfhdfh</p></td></tr> <tr><td id="innerFor"> </td></tr> <tr><td height="28" colspan="3"><img src="pictures/menu_niz.jpg" border="0"></td></tr>  </table>  <script language=javascript> function menuz(){ var a; a="<td width=204 style='background:url(pictures/lor.jpg) repeat-y;padding:0px 0px 0px 10px;'><a href=index.html><b>Главная страница </b></a></td></tr><td width=204 style='background:url(pictures/lor.jpg) repeat-y;padding:0px 0px 0px 10px;'><a href=history/><b>История </b></a></td></tr><td width=204 style='background:url(pictures/lor.jpg) repeat-y;padding:0px 0px 0px 10px;'><a href=records/><b>Рекорды</b></a></td></tr><td width=204 style='background:url(pictures/lor.jpg) repeat-y;padding:0px 0px 0px 10px;'><a href=pravilo.html><b>Правила</b></a></td></tr><td width=204 style='background:url(pictures/lor.jpg) repeat-y;padding:0px 0px 0px 10px;'><a href=http:///burevestnik-konki.narod.ru/gallery.html><b>Галерея</b></a></td></tr><td width=204 style='background:url(pictures/lor.jpg) repeat-y;padding:0px 0px 0px 10px;'><a href=razryad.html><b>Разряды</b></a></td></td></tr><td width=204 style='background:url(pictures/lor.jpg) repeat-y;padding:0px 0px 0px 10px;'><a href=http:///speedSk.ucoz.ru/forum><b>Форум</b></a></td></tr><td width=204 style='background:url(pictures/lor.jpg) repeat-y;padding:0px 0px 0px 10px;'><a href=http:///speedSk.ucoz.ru/gb><b>Гостевая книга</b></a></td></tr><td width=204 style='background:url(pictures/lor.jpg) repeat-y;padding:0px 0px 0px 10px;'><a href=rez.html><b>Архив соревнований</b></a></td></tr>"; document.getElementById("innerFor").innerHTML=a; } </script> </BODY> </html>

Автор: 12345c 18.11.2006, 16:53

А кто такой textcontent, не вижу. Наверное, имелось в виду document.getElementById('t1').childNodes[0].childNodes[1], где <TABLE id=t1... ? Только ноду на месте <tr> нужно соответственно сформировать. Проще сделать меню в реальном HTML и скрыть строку tr по display:none, а открыть по block для IE и table-row для "правильных" бр-ров.

Автор: Serik 18.11.2006, 17:57

Цитата Используй innerHTML, если я конечно тебя правильно понял. Все правельно понал! Спасибо! Цитата А кто такой textcontent, не вижу. Наверное, имелось в виду Эт я от отчаяния пробовал innertext,innerhtml,textcontent

Автор: ВасяТриллер 18.11.2006, 18:22

innerText не забываем о чувствительности к регистру!

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)