Форум

f0rzik · #1 (**permalink**) 30.12.2012, 01:58

Всем привет, читал учебник, возник вопрос при нажатии на кнопку, должно меняться изображение:

<body>
<div align = "center" > 
<img id="menu">
 </div>
 </br>
  <div align = "center" > 
  <input type="button" id="btn1" value="1">
  <input type="button" id="btn2" value="2">
  <input type="button" id="btn3" value="3">
  <input type="button" id="btn4" value="4">
  <input type="button" id="btn5" value="5">
  <input type="button" id="btn6" value="6">
  <input type="button" id="btn7" value="7">
  <input type="button" id="btn8" value="8">
  <input type="button" id="btn9" value="9">
  <input type="button" id="btn0" value="0">
  <a><button value="7" id="btn7"><onclick = 'run()'> 7 </button></a>
</div> 
</body>

window.onload = function(){
	 var img = document.getElementById('menu')
	 img.src = "1.jpg"

 function runimg1(){
	var runimg=document.createElement('img')
	runimg.src="2.jpg"
	document.getElementById('menu').appendChild(runimg)

function runimg2(){
		var runimgm=document.createElement('img')
		runimgm.src='3.jpg'
		document.getElementById('menu').appendChild(runimgm)
	 }
//пробовал разные варианты, что то ничего не работает :(
var btn7 = document.getElementById("btn7")
var handler= runimg1()
btn7.attachEvent("onclick", handler);

пробовал менять через Id, через функцию которая бы вызывалась при нажатии, не работает.

и еще такой вопрос, если я хочу смену картинки сделать по нажатию комбинации кнопок? (onclick3&onclick3&onclick4)

подскажите в чем может быть проблема.
спс.

ruslan_mart · #2 (**permalink**) 30.12.2012, 06:27

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

Это ещё что?

<button value="7" id="btn7" onclick= "run()"> 7 </button>

Вообщем, вот:

<img alt="" id="MyImg">
<input type="button" value="1" onclick="Img('ссылка на изображение')">
<input type="button" value="2" onclick="Img('ссылка на изображение')">
<input type="button" value="3" onclick="Img('ссылка на изображение')">
<input type="button" value="4" onclick="Img('ссылка на изображение')">

function Img(a)
{
   document.getElementById('MyImg').src = a;
}

f0rzik · #3 (**permalink**) 30.12.2012, 11:12

спасибо за ответ.

onclick= "run()"

это была функция которая запускала runimg1(), но таким способом у меня ничего не заработало.

Я просто хотел разобраться как это сделать через id кнопки, что бы можно было использовать комбинации кнопок.

lord2kim · #4 (**permalink**) 30.12.2012, 11:19

f0rzik, через комбинации кнопок...
создайте функцию, которую вызывайте по нажатию на определенные кнопки...ну и скажем запишите, а потом сравнивайте id кнопок по которым кликнули, если в итоге получилась правильная комбинация, то все ок...

f0rzik · #5 (**permalink**) 30.12.2012, 14:07

ясно а почему когда я пишу например

document.getElementById('btn7').onclick = function() {
 alert('Клик');}

по идее я ж определяю Id кнопки, и если я ее нажал происходит вызов alert, а на деле ничего не происходит.

Deff · #6 (**permalink**) 30.12.2012, 14:24

<input type="button" value="1" id=btn7>

<script type="text/javascript">
document.getElementById('btn7').onclick = function() {
 alert('Клик');}
</script>

f0rzik · #7 (**permalink**) 30.12.2012, 14:51

хммм странно только почему это у меня не работает...

ruslan_mart · #8 (**permalink**) 30.12.2012, 14:55

<button value="7" id="btn7"><onclick = 'run()'> 7 </button>

Вы наверное опять не правильно пишете.

Deff · #9 (**permalink**) 30.12.2012, 14:57

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

хммм странно только почему это у меня не работает...

Наверно скрипт раньше HTML кнопки
либо событие определять в window.onload=

<script type="text/javascript">
window.onload= function Img() {
document.getElementById('btn7').onclick = function() {
 alert('Клик');}
}
</script>

<input type="button" value="1" id=btn7>

f0rzik · #10 (**permalink**) 30.12.2012, 15:14

то Ruslan_xDD нет в этот раз уже правильно

то Deff таки да, скрипт был раньше. спасибо.

но теперь всплывает такой вопрос по поводу комбинаций, я же могу так написать:

<script type="text/javascript">
var com1=document.getElementById('btn7').onclick 
var com2=document.getElementById('btn8').onclick 

if(com1&&com1&&com2) {
 alert('778');
}
</script>

Форум

Справочник

Discord чат

Курсы javascript