Js: замена рисунков

o-mega · 31.08.2005, 13:30

Мужики, нужна помощь.
Можно ли прописать на JS так, чтобы в какой-то конкретной строке (html) одна картинка заменялась другой?
Ну, то есть, вот есть у меня меню. В нем картинка перед ссылкой (квадратик зеленый). А если нажать на него - открывается "подкаталог" - там (чуть с отступлением) но стоит этот же квадратик. А его нужно поменять на синий. Задать же этот квадрат можно только в одном месте. Если его изменить - изменится всё...
Так вот и нужно сделать так, чтобы в строчке (где указывается количество "отступлений" для подкаталога) поставить скрипт который заменяет "квадратики" подкаталогов...

Сложно выразится, но если поняли - дайте, пожалуйста, либо ссылку на подобный пример (где можно код взять) или напишите его...

Спасибо!

KidsKilla · 31.08.2005, 13:55

UL{list-style:none;}

LI{background: url("green_li.gif") left top no-repeat;}

LI UL LI{background: url("blue_li.gif") left top no-repeat;}

LI UL LI UL LI{background: url("red_li.gif") left top no-repeat;}

o-mega · 31.08.2005, 23:59

KidsKilla, а можно по-подробнее?

Цитата:

UL{list-style:none;}
LI{background: url("green_li.gif") left top no-repeat;}
LI UL LI{background: url("blue_li.gif") left top no-repeat;}
LI UL LI UL LI{background: url("red_li.gif") left top no-repeat;}

Чет, я немного не понял, можно объяснить?

Илья К · 01.09.2005, 05:57

Цитата:

Сообщение от o-mega

KidsKilla, а можно по-подробнее?

Чет, я немного не понял, можно объяснить?

Представь себе матрешку. Длф каждой "под-матрешки" определяется новый стиль.

ninja_127 · 31.08.2005, 17:19

кстати, для более нетривиальных задач:
http://htmlcoder.visions.ru/JavaScript/?27

juggy · 31.08.2005, 19:14

Чего все с ума что ли посходили? Я, например, на alesh.ru картинки меняю так

Код:

			function changeImage(imageId){
				i = document.getElementById('im');
				if( i.width == 700 ){
					i.src = '/p/700/'+ imageId +'.jpg';
				}else{
					i.src = '/p/500/'+ imageId +'.jpg';
				}
			}

KidsKilla · 31.08.2005, 19:16

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

juggy · 31.08.2005, 19:17

а, ну тогда, всё верно. только Css.

ninja_127 · 31.08.2005, 19:36

Цитата:

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

Чего все с ума что ли посходили? Я, например, на alesh.ru

Ты чего истерики закатываешь
все четко - для разных задач разные средства

KidsKilla · 01.09.2005, 15:00

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<title>Списки</title>
<style type="text/css">
UL{list-style:none;}
.my-list LI{background: url("green_li.gif") left top no-repeat;}
.my-list LI UL LI{background: url("blue_li.gif") left top no-repeat;}
.my-list LI UL LI UL LI{background: url("red_li.gif") left top no-repeat;}
</style>
</head>
<body>
<ul>
	<li> 1й пункт списка 1й вложенности, зелёная картинка
	<ul>
		<li> 1й пункт списка 2й вложенности, синяя картинка
		<ul>
			<li> 1й пункт списка 3й вложенности, красная картинка</li>
			<li> 2й пункт списка 3й вложенности, красная картинка</li>
		</ul>
		</li>
		<li> 2й пункт списка 2й вложенности, синяя картинка </li>
		<li> 3й пункт списка 2й вложенности, синяя картинка </li>
	</ul>
	</li>
	<li> 2й пункт списка 1й вложенности, зелёная картинка </li>
	<li> 3й пункт списка 1й вложенности, зелёная картинка </li>
</ul>
</body>
</html>