Страница 1 из 1

Переход на другую страницу без обновления

Добавлено: 17 апр 2014, 14:26
fikos
Здравствуйте. Как сделать переход на другую страницу без обновления обшей страницы .
Сайт видео хостинг . Как сделать чтобы при клике на видео переход не осуществлялся на другую страницу . Что то типа vube . Смог сделать с помощью toggle,fade но не то как то . Спасибо за внимание .

Код: Выделить всё

$(document).ready(function() {

   $(".container-fluid").css("display", "none");

    $(".container-fluid").toggle('slide');

	$(".pm-thumb-fix pm-thumb-14").click(function(event){
		event.preventDefault();
		linkLocation = this.href;
		$(".container-fluid").toggle(1000, redirectPage, 'slide');
	});

	function redirectPage() {
		window.location = linkLocation;
	}
        
     
});

Re: Переход на другую страницу без обновления

Добавлено: 17 апр 2014, 16:00
Хыиуду
Сделать страницу внутри iframe, обновлять iframe
Или подгрузить новую страницу аяксом и запихать ее текст в body.innerHtml

Re: Переход на другую страницу без обновления

Добавлено: 18 апр 2014, 08:55
fikos
Хыиуду писал(а):Сделать страницу внутри iframe, обновлять iframe
Или подгрузить новую страницу аяксом и запихать ее текст в body.innerHtml
Можете пример показать ? какой уже раз не получается

Re: Переход на другую страницу без обновления

Добавлено: 18 апр 2014, 11:02
Хыиуду
<body>
<iframe src="http://yandex.ru" id=in_page></iframe>
<button onClick='document.getElementById('in_page').src="http://google.com"'>
</body>
Как-то так, не проверял

Re: Переход на другую страницу без обновления

Добавлено: 18 апр 2014, 11:24
fikos
Хыиуду писал(а):<body>
<iframe src="http://yandex.ru" id=in_page></iframe>
<button onClick='document.getElementById('in_page').src="http://google.com"'>
</body>
Как-то так, не проверял

Спасибо за информацию . Но как то не работает .