Перейти к содержимому

Реферальная программа Мегаплана


  • Закрытая тема Тема закрыта

Как подгружать содержимое на страницу без перезагрузки

#11 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8
0

Отправлено 29 Март 2011 - 09:02

kovyaro, вы правильно заметили, ошибка в непонимании разницы между переменной и строкой, нужно так:
<script type="text/javascript">
		$(document).ready(function()
		{
			$(".navi a").click(function() //Срабатывает при клике на пунк меню
			{
				var href_new = $(this).attr('href'); //Получение href
				alert(href_new); //Проверка, получен ли href
			});
		});
  </script>

  • 0

#12 Symphony

Symphony
  • Пользователь
  • 636 сообщений
  • Репутация: 54

Отправлено 29 Март 2011 - 09:21

не забудьте собственно сам jq подцепить
  • 0


#13 kovyaro

kovyaro
    Topic Starter
  • Пользователь
  • 14 сообщений
  • Репутация: 0

Отправлено 29 Март 2011 - 11:32

Отлично! Сработало, огромное спасибо. Я получил ссыку. Теперь вопрос в том, как остановить процесс перехода на данную ссылку, который продолжает работать в пункте меню? И вопрос два - как загрузить содержимое страницы в контейнер. Я думаю использовать метод $(this).load(href_new);, но не понятно, как ему указать, что содержимое грузить надо в <div id="container2"></div>
  • 0

#14 kovyaro

kovyaro
    Topic Starter
  • Пользователь
  • 14 сообщений
  • Репутация: 0

Отправлено 29 Март 2011 - 11:42

Как вариант: $("#container2").load(href_new);. Проблема в том, что нормальной документации нет, где полностью бы описывались возможности того или иного метода, вот и приходиться тыкаться.
  • 0

#15 kovyaro

kovyaro
    Topic Starter
  • Пользователь
  • 14 сообщений
  • Репутация: 0

Отправлено 29 Март 2011 - 11:55

Метод научного тыка дал результат ;) $('#container2').load(href_new);. Остался последний вопрос, как остановить работу выбранного пункта меню, чтобы он не открыл страницу, на которую с таким трудом :) удалось получить ссылку.
  • 0

#16 kovyaro

kovyaro
    Topic Starter
  • Пользователь
  • 14 сообщений
  • Репутация: 0

Отправлено 29 Март 2011 - 12:39

Все, все вопросы сняты. Опят таки, метод научного тыка. Остановка производится методом event.preventDefault();. Но прежде чем его остановить, нужно в функцию передать event. Итого, код выглядит следующим образом:
<script type="text/javascript">
		$(document).ready(function()
		{
			$(".navi ul li a").click(function(event)
			{
				var href_new = $(this).attr('href');
				$('#container2').load(href_new);
				event.preventDefault();
			});
		});
  </script>

  • 0

#17 kovyaro

kovyaro
    Topic Starter
  • Пользователь
  • 14 сообщений
  • Репутация: 0

Отправлено 29 Март 2011 - 12:55

Опять я. Мне нужно в информ контейнер писать название ткущей страницы. Я нашел $('#titl').append(title_new); Но проблема в том, что он дописывает к уже имеющимся символам, а мне надо что бы содержимое переписывалось полностью. Вижу два варианта: 1 - сначала стереть, потом уже вышеприведенным методом вставить. Но тогда вопрос, как стереть то, что там было. 2 - есть какой-то метод, который сразу может заместить содержимое, если есть такой, подскажите как он называется.
  • 0

#18 Symphony

Symphony
  • Пользователь
  • 636 сообщений
  • Репутация: 54

Отправлено 29 Март 2011 - 13:13

Проблема в том, что нормальной документации нет, где полностью бы описывались возможности того или иного метода, вот и приходиться тыкаться.

недавно человечество придумало гугл. достаточно набрать jquery
  • 0


#19 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 29 Март 2011 - 13:21

kovyaro, начнем с того, что содержимое из тега title просто так не вытащить. Либо хранить в атрибуте title у ссылки и оттуда вытаскивать название страницы, либо ещё где.

Я нашел $('#titl').append(title_new); Но проблема в том, что он дописывает к уже имеющимся символам, а мне надо что бы содержимое переписывалось полностью. Вижу два варианта: 1 - сначала стереть, потом уже вышеприведенным методом вставить. Но тогда вопрос, как стереть то, что там было. 2 - есть какой-то метод, который сразу может заместить содержимое, если есть такой, подскажите как он называется.

Есть два метода:
  • obj.text( txtString )
  • obj.html( htmlString )
Они отличаются только тем, что первый (text) вставляет текстовую строку, а второй (html) вставляет HTML-структуру (текст + теги)
Тоже самое, когда мы применяем их для вытаскивания содержимого элемента.

Ах да... И дока вам в руки - jQuery.com
  • 0

#20 kovyaro

kovyaro
    Topic Starter
  • Пользователь
  • 14 сообщений
  • Репутация: 0

Отправлено 29 Март 2011 - 13:34

Ах да... И дока вам в руки - jQuery.com

Я нашел этот сайт. Спасибо.

недавно человечество придумало гугл. достаточно набрать jquery

Вышеуказанный сайт я нашел через Яндекс :)
Спасибо всем огромное, ваша помощь неоценима!
  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru