Выпадающяя менюшка, почемуто криво работает, в чем ошибка? - Веб-программирование

Gudzon · 04.04.2004, 19:29

Ниже код страницы, хотел сделать чтобы при клике на слово в первой ячейке таблицы, появлялся бы текст во второй ячейке, но что-то не срабатывает и вторая ячейка наоборот пропадает, где может быть ошибка?

PHP код:


			
<HTML>

<HEAD>

<script language="JavaScript1.2">

<!--

var head="display:''"

function doit(header){

var head=header.style

if (head.display=="none")

head.display=""

else

head.display="none"

}

//-->



</script>

</HEAD>



<table border="1">

<tr>

<td width="200">

<h3 style="cursor:hand" onClick="doit(document.all[this.sourceIndex+1])">Меню 1</h3>

</td>

<td width="200">Здесь должен появиться текст

<span style="display:none" style=&{head};>

<A HREF="">Links 1</A>

</span></td>

</tr>



</BODY>

</HTML>

joker99 · 05.04.2004, 02:10

так что-ли?

Код:

<HTML> 
<HEAD> 
<script language="JavaScript1.2"> 
<!-- 
var head="display:''" 
function doit(header){ 
	header.innerHTML =  "<b>New Text</b>";
} 
//--> 

</script> 
</HEAD> 

<table border="1"> 
<tr> 
<td width="200"> 
<h3 style="cursor:hand" onClick="doit(document.all[this.sourceIndex+1])">Меню 

1</h3> 
</td> 
<td width="200">Здесь должен появиться текст 
Links 1</td> 
</tr> 

</BODY> 
</HTML>

Gudzon · 05.04.2004, 08:56

Можно и так, но лучше вот так

PHP код:


			
<HTML>

<HEAD>

<script language="JavaScript1.2">

<!--

var head="display:''"

function doit(header){

var head=header.style

if (head.display=="none")

head.display=""

else

head.display="none"

}

//-->



</script>

</HEAD>



<table border="1">

<tr>

<td width="200">

<h3 style="cursor:hand" onClick="doit(menu1)">Меню 1</h3>

</td>

<td width="200">Здесь должен появиться текст

<span id=menu1 style="display:none" style="&{head};">

<A HREF="">Links 1</A>

</div></td>

</tr>



</BODY>

</HTML>

Добавлено через 33 минуты:
Возникла новая проблема.
Как сделать чтобы предыдущие данные при новом клике исчезали. Т.е. я кликнул на "Меню 1" данные появились в соседней ячейке, но при клике на "Меню 2" предыдущие даные не исчезли, а просто добавились, вот как сделать чтобы предыдущие данные исчезали и появлялись новые?

PHP код:


			
<HTML>

<HEAD>

<script language="JavaScript1.2">

<!--

var head="display:''"

function doit(header){

var head=header.style

if (head.display=="none")

head.display=""

else

head.display="none"

}

//-->



</script>

</HEAD>



<table border="1">

<tr>

<td width="200">

<h3 style="cursor:hand" onClick="doit(menu1)">Меню 1</h3>

</td>

<td width="200">

<h3 style="cursor:hand" onClick="doit(menu2)">Меню 2</h3>

</td>

<td width="200">Здесь должен появиться текст

<span id=menu1 style="display:none" style="&{head};">

<A HREF="">Links 1</A>

</span>

<span id=menu2 style="display:none" style="&{head};">

<A HREF="">Links 2</A>

</span>

</td>

</tr>

</table>

</BODY>

</HTML>

05.04.2004, 13:44

Код:

<script language="JavaScript1.2"> 
<!-- 
lheader = "";
var head="display:''" 
function doit(header){ 
	undoit();
	var head=header.style 
	if (head.display=="none"){
		head.display="" 
		lheader = header;
	}else{
		head.display="none" 
		lheader = "";
	}
} 
function undoit(){ 
	if(lheader != "")
		lheader.style.display="none" 
}

//--> 

</script>

04.04.2004, 19:29	# 1
Gudzon Newbie Регистрация: 10.03.2003 Сообщения: 11	Выпадающяя менюшка, почемуто криво работает, в чем ошибка? Ниже код страницы, хотел сделать чтобы при клике на слово в первой ячейке таблицы, появлялся бы текст во второй ячейке, но что-то не срабатывает и вторая ячейка наоборот пропадает, где может быть ошибка? PHP код: <HTML> <HEAD> <script language="JavaScript1.2"> <!-- var head="display:''" function doit(header){ var head=header.style if (head.display=="none") head.display="" else head.display="none" } //--> </script> </HEAD> <table border="1"> <tr> <td width="200"> <h3 style="cursor:hand" onClick="doit(document.all[this.sourceIndex+1])">Меню 1</h3> </td> <td width="200">Здесь должен появиться текст <span style="display:none" style=&{head};> <A HREF="">Links 1</A> </span></td> </tr> </BODY> </HTML>

05.04.2004, 08:56	# 3
Gudzon Newbie Регистрация: 10.03.2003 Сообщения: 11	Можно и так, но лучше вот так PHP код: <HTML> <HEAD> <script language="JavaScript1.2"> <!-- var head="display:''" function doit(header){ var head=header.style if (head.display=="none") head.display="" else head.display="none" } //--> </script> </HEAD> <table border="1"> <tr> <td width="200"> <h3 style="cursor:hand" onClick="doit(menu1)">Меню 1</h3> </td> <td width="200">Здесь должен появиться текст <span id=menu1 style="display:none" style="&{head};"> <A HREF="">Links 1</A> </div></td> </tr> </BODY> </HTML> Добавлено через 33 минуты: Возникла новая проблема. Как сделать чтобы предыдущие данные при новом клике исчезали. Т.е. я кликнул на "Меню 1" данные появились в соседней ячейке, но при клике на "Меню 2" предыдущие даные не исчезли, а просто добавились, вот как сделать чтобы предыдущие данные исчезали и появлялись новые? PHP код: <HTML> <HEAD> <script language="JavaScript1.2"> <!-- var head="display:''" function doit(header){ var head=header.style if (head.display=="none") head.display="" else head.display="none" } //--> </script> </HEAD> <table border="1"> <tr> <td width="200"> <h3 style="cursor:hand" onClick="doit(menu1)">Меню 1</h3> </td> <td width="200"> <h3 style="cursor:hand" onClick="doit(menu2)">Меню 2</h3> </td> <td width="200">Здесь должен появиться текст <span id=menu1 style="display:none" style="&{head};"> <A HREF="">Links 1</A> </span> <span id=menu2 style="display:none" style="&{head};"> <A HREF="">Links 2</A> </span> </td> </tr> </table> </BODY> </HTML>