Форум

UpJump · #1 (**permalink**) 03.11.2010, 13:10

Господа вопрос

!
Как передать переменную из jQuery в load?
Если это невозможно то может есть другой способ? Смысл в том что бы по клику на ссылку div уезжал влево а после возвращался с обновленной информацией.

<body>
<script type="text/javascript">
$(document).ready(function(){
$("#run").click(function(){

var myhref = $(this).attr("href");
$("#box").animate({left: "-=100%"}, 500, function(){$('#load').load( //СЮДА ПЕРЕДАТЬ ПЕРЕМЕННУЮ myhref// );})
$("#box").animate({left: "+=100%"}, 500 )

return false;
});
});

</script>

<div id="box">
<div id="load">// СЮДА ДОЛЖНА ВСТАТЬ ССЫЛКА//
</div>
</div>

<a href="ursa.php" id="run"><p>скользи</p></a> //ПРИ КЛИКЕ ПЕРЕМЕННАЯ ЛЕТИТ В JQEURY//
</body>
</html>

micscr · #2 (**permalink**) 03.11.2010, 13:43

Цитата:

//СЮДА ПЕРЕДАТЬ ПЕРЕМЕННУЮ myhref//

бери ее просто там и используй.

Цитата:

$("#box").animate({left: "+=100%"}, 500 )

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

p.s. оформляйте свой код тегами форматирования.

UpJump · #3 (**permalink**) 03.11.2010, 14:02

Цитата:

//СЮДА ПЕРЕДАТЬ ПЕРЕМЕННУЮ myhref//

Может подскажешь синтаксис что бы вставить ее в load. Сколько пробывал - нифига не получалось. Да и инфы я так и не нашел.

P.S.
Я наверное не правильно выразился когда задавал вопрос. Я имел виду когда кликаешь по

Цитата:

<a href="ursa.php" id="run"><p>скользи</p></a>

вот это вот все уезжает влево

Цитата:

<div id="box">
<div id="load">// СЮДА ДОЛЖНА ВСТАТЬ ССЫЛКА//
</div>
</div>

а возвращается

Цитата:

<div id="load">// СЮДА ДОЛЖНА ВСТАТЬ ССЫЛКА//
</div>

с обновленной инфой то есть ursa.php.

micscr · #4 (**permalink**) 03.11.2010, 14:08

var myhref = $(this).attr("href");
$("#box").animate({left: "-=100%"}, 500, function(){$('#load').load(myhref);})

А так пробовал?

UpJump · #5 (**permalink**) 03.11.2010, 14:17

Чудно! Заработало! Но тут же встал вопрос если добавить еще одну ссылку, то по клику на первую все работае и страница выезжает обнавленной, а вот если кликнуть по второму то происходит просто переход на страницу по ссылке.

вот измененный код с добавкой ссылки внизу.

<body>
<script type="text/javascript">
$(document).ready(function(){
	$("#run").click(function(){
	
		var myhref = $(this).attr("href");
		$("#box").animate({left: "-=100%"}, 500, function(){$('#load').load(myhref);})
		$("#box").animate({left: "+=100%"}, 500 )
		
		
		return false;
	    }); 			
		});
	
	
</script>

<div id="box">
<div id="load">
</div>
</div>

<a href="ursa2.php" id="run"><p>скользи</p></a>
<a href="ursa.php" id="run"><p>скользи1</p></a>//Сдесь происходит просто переход на страницу//
</body>
</html>

Подозреваю что все дело в return false;

micscr · #6 (**permalink**) 03.11.2010, 14:27

не надо разным элементам одинаковые id назначать. Добавь им одинаковый класс и по нему обработчик навешивай.

Цитата:

Подозреваю что все дело в return false;

это как раз по теме - чтобы не переходило по ссылке.

UpJump · #7 (**permalink**) 03.11.2010, 14:32

Ок. спс за наводку! Держи +! Чорт нельзя добавить пока. Потом кину +

Форум

Справочник

Discord чат

Курсы javascript