Форум

LegGnom · #1 (**permalink**) 22.03.2011, 13:39

Помагите не работет скрипт. Я только начинаю познавать просторы java скриптов и не пойму в чем у меня ошибка:

Код:

<script type="text/javascript">
	//Функция, осуществяющая смену порядка слоев
	function move(){
		//Получаем доступ к слоям
		var Layer1=document.getElementById('first');
		var Layer2=document.getElementById('second');
		//Выясняем текущий порядок слоев
		if (Layer1.style.zindex<Layer2.style.zindex){
			//Если сверху второй слой
			Layer1.style.zindex=1;
			Layer2.style.zindex=0;
			}
		}
</script>
</head>

<body>
<h2>Управление порядком слоев</h2>
<div id=first style="position:absolute; top:50px; left:50px; height:100px; width:250px; background-color:orange; z-index:0">Слой1</div>
<div id=second style="position:absolute; top:80px; left:80px; height:100px; width:250px; background-color:yellow; z-index:1">Слой2</div>
<!-- Вспомогательный блок, в котором находится ссылка -->
<!-- вызывающаяя функцию move() -->
<div id=control style="position:absolute; top:200px; left:80px;">
	<a href="javascript:move();">Переложить слои</a>
</div>

ksa · #2 (**permalink**) 22.03.2011, 14:07

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

не работет скрипт

В чём это выражается?

Gvozd · #3 (**permalink**) 22.03.2011, 14:07

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

java скриптов

я не знаю что это такое.
расскажите подробней

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

Не работает скрипт???

похоже что да.
я ответил на ваш вопрос?

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

не пойму в чем у меня ошибка:

http://javascript.ru/tutorial/foundation/errors

ksa · #4 (**permalink**) 22.03.2011, 14:15

LegGnom, учи матчасть...

http://htmlbook.ru/css/z-index

[window.]document.getElementById("elementID").style.z*!*I*/!*ndex

<script type="text/javascript">
//Функция, осуществяющая смену порядка слоев
function move(){
	//Получаем доступ к слоям
	var Layer1=document.getElementById('first');
	var Layer2=document.getElementById('second');
	Layer1.style.zIndex=(Layer1.style.zIndex==0)? 1: 0;
	Layer2.style.zIndex=(Layer1.style.zIndex==0)? 1: 0;
	}
</script>
<h2>Управление порядком слоев</h2>
<div id=first style="position:absolute; top:50px; left:50px; height:100px; width:250px; background-color:orange; z-index:0">Слой1</div>
<div id=second style="position:absolute; top:80px; left:80px; height:100px; width:250px; background-color:yellow; z-index:1">Слой2</div>
<!-- Вспомогательный блок, в котором находится ссылка -->
<!-- вызывающаяя функцию move() -->
<div id=control style="position:absolute; top:200px; left:80px;">
	<a href="javascript:move();">Переложить слои</a>
</div>

LegGnom · #5 (**permalink**) 23.03.2011, 14:27

Всем спасибо, дошло до адресата

А есть такие люди которым не в напряг будет проконсультировать или проверить код по скайпу. Просто я скриптами на работе занимаюсь а там кроме скайпа нет нифига. в инэт вылезти не могу заблочен

ksa · #6 (**permalink**) 23.03.2011, 15:03

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

А есть такие люди которым не в напряг будет проконсультировать или проверить код по скайпу.

Оплата?

Форум

Справочник

Discord чат

Курсы javascript