Javascript-форум - Слайд с обновлением инфы.

Javascript-форум (https://javascript.ru/forum/)

- jQuery (https://javascript.ru/forum/jquery/)

- - Слайд с обновлением инфы. (https://javascript.ru/forum/jquery/12792-slajjd-s-obnovleniem-infy.html)

Слайд с обновлением инфы.

Господа вопрос:yes: !
Как передать переменную из 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>

Цитата:

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

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

Цитата:

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

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

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

Цитата:

//СЮДА ПЕРЕДАТЬ ПЕРЕМЕННУЮ 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.

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

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

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

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

<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;

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

Цитата:

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

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

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