Не работает 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, время: 17:52. |