Не работает window.onload
Мне нужно, чтобы при нажатии на изображение оно менялось, но проблема в том, что функция не запускается, хотя страница загрузилась.
window.onload = function() { var next=getElementById("next"); next.onclick = newStyle; }; function newStyle(e) { e.target.src = "newPicture.png"; }; |
Цитата:
Цитата:
Начинай тестировать свой код. Скорее всего он у тебя не рабочий... |
<img id="next" src="http://javascript.ru/cat/list/event.gif"/> <script> window.onload = function() { var next=document.getElementById("next"); next.onclick = newStyle; }; function newStyle() { this.src = "http://javascript.ru/cat/list/donkey.gif"; }; </script> |
У меня картинка, которую нужно изменить имеет id "next" и я с помощью getElementById беру этот элемент для взаимодействия с помощью js
|
Цитата:
getElementById отдельно не существует... Это метод элемента document. Смотри пример от Dilettante_Pro. ;) |
да, я тут в примере косанула, но проблема в том что у меня не работало именно window.onload (я для проверки запускала alert). Но в ту же очередь такая же функция работала в программе, где эта функция была единственной
|
Цитата:
|
это нерабочий вариант:
<script> window.onload = function() { var nowStyle = 1; alert("функция запустилась"); var next = document.getElementById("next"); next.onclick = newStyle; }; function newStyle() { this.src = "button2.png"; }; </script> Рабочий window.onload = function() { alert ("function on"); var images = document.getElementsByTagName("img"); image.onclick = showAnswer; }; function showAnswer(e) { e.target.src = "picture.jpg"; |
Цитата:
<!DOCTYPE html> <html> <head> <meta http-equiv='Content-Type' content='text/html; charset=windows-1251' /> <!-- <script src='http://code.jquery.com/jquery-latest.js'></script> <script src="https://code.angularjs.org/1.3.9/angular.min.js"></script> <script src="https://code.angularjs.org/1.3.9/angular-route.js"></script> --> <style type='text/css'> </style> <script type='text/javascript'> window.onload = function() { var nowStyle = 1; alert("функция запустилась"); var next = document.getElementById("next"); next.onclick = newStyle; }; function newStyle() { this.src = "http://javascript.ru/forum/images/smilies/laugh.gif"; }; </script> </script> </head> <body> <img id='next' src='http://javascript.ru/forum/images/smilies/smile.gif' /> </body> </html> |
strange.tany,
Цитата:
<script> window.onload = function() { alert ("function on"); var images = document.getElementsByTagName("img"); image.onclick = showAnswer; }; function showAnswer(e) { e.target.src = "http://javascript.ru/cat/list/donkey.gif"; }; </script> <img id="next" src="http://javascript.ru/cat/list/event.gif"/> Исправленный вариант <script> window.onload = function() { alert ("function on"); var images = document.getElementsByTagName("img"); images[0].onclick = showAnswer; }; function showAnswer(e) { e.target.src = "http://javascript.ru/cat/list/donkey.gif"; }; </script> <img id="next" src="http://javascript.ru/cat/list/event.gif"/> |
Часовой пояс GMT +3, время: 13:33. |