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

Обсуждение вопросов клиентского программирования.

Модератор: Duncon

Ответить
fikos
Сообщения: 3
Зарегистрирован: 17 апр 2014, 14:15

Здравствуйте. Как сделать переход на другую страницу без обновления обшей страницы .
Сайт видео хостинг . Как сделать чтобы при клике на видео переход не осуществлялся на другую страницу . Что то типа 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;
	}
        
     
});
Хыиуду
Сообщения: 2442
Зарегистрирован: 06 мар 2005, 21:03
Откуда: Москва
Контактная информация:

Сделать страницу внутри iframe, обновлять iframe
Или подгрузить новую страницу аяксом и запихать ее текст в body.innerHtml
Искусство программирования - заставить компьютер делать все то, что вам делать лень.
Для "спасибо" есть кнопка "Спасибо" в виде звездочки внизу под ником автора поста.
fikos
Сообщения: 3
Зарегистрирован: 17 апр 2014, 14:15

Хыиуду писал(а):Сделать страницу внутри iframe, обновлять iframe
Или подгрузить новую страницу аяксом и запихать ее текст в body.innerHtml
Можете пример показать ? какой уже раз не получается
Хыиуду
Сообщения: 2442
Зарегистрирован: 06 мар 2005, 21:03
Откуда: Москва
Контактная информация:

<body>
<iframe src="http://yandex.ru" id=in_page></iframe>
<button onClick='document.getElementById('in_page').src="http://google.com"'>
</body>
Как-то так, не проверял
Искусство программирования - заставить компьютер делать все то, что вам делать лень.
Для "спасибо" есть кнопка "Спасибо" в виде звездочки внизу под ником автора поста.
fikos
Сообщения: 3
Зарегистрирован: 17 апр 2014, 14:15

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

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