Javascript-форум - Отображение информации при нажатии на кнопки

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Отображение информации при нажатии на кнопки (https://javascript.ru/forum/misc/55134-otobrazhenie-informacii-pri-nazhatii-na-knopki.html)

Отображение информации при нажатии на кнопки

При нажатии на первую кнопку отображается содержимое таблицы 1, при нажатии на вторую содержимое таблицы 2.

Саму функцию взял из методички к лабораторной, но она не работает.
Только начал изучать предмет.

Исправьте код пожалуйста.

<HTML>
<HEAD>
 <meta charset="UTF-8">
<script type="text/javascript">
 
 function disp(myid)
 {
	document.getElementByld('r1').style.display = "none";
	document.getElementByld('r2').style.display = "none";
	document.getElementByld('myid').style.display = "block";
 }

</SCRIPT>

</head>
<body>


	<table id="r1"> <tr><td>Картинка 1</td></tr> </table>
		<table id="r2" style="display:none;"> <tr><td>Картинка 2 </td></tr> </table>


			<table align="left">

			<tr><td><input type="button"value="Первый пункт меню"style="width:200px;"onClick="disp('r1')"> </td></tr>
			<tr><td><input type="button" value="Второй пункт меню" style  ="width:200px;"onClick="disp('r2')"> </td></tr>

			</table>
</body>
</HTML>

Цитата:

Сообщение от tane

Саму функцию взял из методички к лабораторной, но она не работает.

Может просто не внимательно "брал"? :)

<HTML>
<HEAD>
<meta charset="UTF-8">
<script type="text/javascript">
function disp(myid){
	document.getElementById('r1').style.display = "none";
	document.getElementById('r2').style.display = "none";
	document.getElementById(myid).style.display = "block";
};
</SCRIPT>
</head>
<body>
	<table id="r1"> <tr><td>Картинка 1</td></tr> </table>
	<table id="r2" style="display:none;"> <tr><td>Картинка 2 </td></tr> </table>
	<table align="left">
		<tr><td><input type="button"value="Первый пункт меню"style="width:200px;"onClick="disp('r1')"> </td></tr>
		<tr><td><input type="button" value="Второй пункт меню" style  ="width:200px;"onClick="disp('r2')"> </td></tr>
	</table>
</body>
</HTML>

У тебя даже это

Цитата:

Сообщение от tane

document.getElementByld

синтаксически не верно написано... :D Пришлось заново перенабирать.

ksa, Что вы имеете ввиду?

Списал все из методички(это пример), но кнопки не работают. Если Я с примером не могу разобраться, то задание тем более не сделаю.

Цитата:

Сообщение от tane

Что вы имеете ввиду?

Цитата:

Сообщение от tane

getElementByld

Цитата:

Сообщение от ksa

getElementById

:-?

рони, вот ты глазастый! :D А я даже разбираться не стал, набрал заново...

Цитата:

Сообщение от tane

Если Я с примером не могу разобраться, то задание тем более не сделаю.

Для того люди и начинают учиться, дабы разобраться и делать потом самостоятельно аналогичные задания.

А то потом некоторые тут плачутся, де не учат в УЗ вэб программированию! :D

Цитата:

Сообщение от ksa (Сообщение 366754)

Благодарю!