Светофор

Сашокк · 16.11.2007, 07:10

Простенькая штучка написанная на javascript'е:

Код:

<head>
.....

function changeclr(imgid) {
 
	switch(imgid.src) {
		case "color1.jpg" :
		imgid.src="color2.jpg";
		break;
		case "color2.jpg" :
		imgid.src="color3.jpg";
		break;
		case "color3.jpg" :
		imgid.src="color1.jpg";
		break;
 }	
}
............
</head>
............
<body>

<img src="color1.jpg" id="clr" onclick="changeclr(clr);">	
<input type=button value="Изменить статус" onclick="changeclr(clr);">

......
</body>

цель этого всего менять по событию onclick на кнопку или же на сам рисунок файл рисунка (у меня там 3 разноцветных квадрата). Но вот беда - не работает. Чувствую что чтото неправильно, но где - не понимаю, вроде логически всё правильно построил... Помогите пожалуйста.

З.Ы. Существует ли какой-нибудь дебагер для жаваскрипта?

screamge · 16.11.2007, 07:33

Сашокк, оформите код в вашем посте тэгами [code][/code].

kotsie · 16.11.2007, 09:28

если вы передаёте id картинки, то его надо передавать как строку, после чего нужно воспользоваться методом "getElementById".

насчёт дебаггера ничего не могу сказать, я как-то тоже искал, но надоело. да и будет этот дебаггер работать только на один из движков бровзерных, а толку от такого.

Код:

<head>
.....

function changeclr(imgid) {
	var obj = document.getElementById(imgid);
	switch(obj.src) {
		case "color1.jpg" :
		obj.src="color2.jpg";
		break;
		case "color2.jpg" :
		obj.src="color3.jpg";
		break;
		case "color3.jpg" :
		obj.src="color1.jpg";
		break;
 }	
}
............
</head>
............
<body>

<img src="color1.jpg" id="clr" onclick="changeclr('clr');">	
<input type=button value="Изменить статус" onclick="changeclr('clr');">

......
</body>

LinuxVideo · 16.11.2007, 11:31

Код:

<img src="color1.jpg" onclick="changeclr(this);">

> да и будет этот дебаггер работать только на один из движков бровзерных, а толку от такого.

Вот всю жизнь в браузере, нативнами средствами отлаживаю, и ничего... Сначала в ИЕ, потом в Опере...

KidsKilla · 16.11.2007, 14:48

Цитата:

Сообщение от Сашокк

Простенькая штучка написанная на javascript'е:

Код:

<head>
.....

function changeclr(imgid) {
 
	switch(imgid.src) {
		case "color1.jpg" :
		imgid.src="color2.jpg";
		break;
		case "color2.jpg" :
		imgid.src="color3.jpg";
		break;
		case "color3.jpg" :
		imgid.src="color1.jpg";
		break;
 }	
}
............
</head>
............
<body>

<img src="color1.jpg" id="clr" onclick="changeclr(clr);">	
<input type=button value="Изменить статус" onclick="changeclr(clr);">

......
</body>

цель этого всего менять по событию onclick на кнопку или же на сам рисунок файл рисунка (у меня там 3 разноцветных квадрата). Но вот беда - не работает. Чувствую что чтото неправильно, но где - не понимаю, вроде логически всё правильно построил... Помогите пожалуйста.

З.Ы. Существует ли какой-нибудь дебагер для жаваскрипта?

дебаггеров полно — Firebug. Первый, единственный и лучший плугин для файрФокса.
IE Developer Toolbar хиленький аналог файрбага, понятно для кого.

Для оперы тоже что-то есть, но мне ни разу не требовалось.

по вопросу: у тя три картинки и по очереди их надо менять?

Сашокк · 16.11.2007, 22:26

2 kotsie
ваш код не работает, сами-то пробовали?
2 KidsKilla
вот именно
для ие есть дебагер Firebug lite, только чегото у нас с ним не получается сотрудничать.

kotsie · 16.11.2007, 22:43

да, действительно, броузеры заменяют путь на абсолютный, значит надо из obj.src вырезать имя файла, думаю это не сложно.

Сашокк · 18.11.2007, 23:19

Цитата:

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

да, действительно, броузеры заменяют путь на абсолютный, значит надо из obj.src вырезать имя файла, думаю это не сложно.

вырезать? расскажите пожалуйста поподробнее, я новичок

KidsKilla · 19.11.2007, 18:19

Код:

<img alt="" src="http://ya.ru/logo.gif" id="my_img">
<script type="text/javascript">
function PicSrcSwitcher(){
	var arr = [];
	for(var i=0, l=arguments.length; i<l; i++)
		arr.push(arguments[i]);
	var f = function(){
		arr.push(this.src);
		this.src=arr.shift();
	};
	document.getElementById(arr.shift()).onclick = f;
	img = null;
	for(var i=0, l=arr.length; i<l; i++)
		(new Image()).src = arr[i];
}
var i1 = new PicSrcSwitcher('my_img', 
'http://img.mail.ru/mail/ru/images/logon.gif',
'http://images.rambler.ru/head2005/rambler.gif'
);
</script>

Сашокк · 20.11.2007, 22:20

спасибо всё работает