Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.05.2017, 12:12
Профессор
Отправить личное сообщение для ufaclub Посмотреть профиль Найти все сообщения от ufaclub
 
Регистрация: 27.11.2010
Сообщений: 201

Загрузка содержимого ссылки в div
<a status="/res/gen/qtip2-status-kv.php?kvid=121">121</a>
<a status="/res/gen/qtip2-status-kv.php?kvid=122">122</a>
<a status="/res/gen/qtip2-status-kv.php?kvid=123">123</a>
<a status="/res/gen/qtip2-status-kv.php?kvid=124">124</a>
....


есть
div.rezultat


вот как бы мне при наведении мышки на эти ссылки загружать и менять html внутри div.rezultat

помогите пожалуйста!
Ответить с цитированием
  #2 (permalink)  
Старый 20.05.2017, 12:24
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

ufaclub,
вариант ...
$(function() {
   var obj ={};
   $("a[status]").mouseenter(function() {
   var url = $(this).attr("status");
   if(obj[url]) $("div.rezultat").html(obj[url]);
   else $("div.rezultat").load(url, function(res) {
   obj[url]=res
})
})
});
Ответить с цитированием
  #3 (permalink)  
Старый 20.05.2017, 12:29
Профессор
Отправить личное сообщение для ufaclub Посмотреть профиль Найти все сообщения от ufaclub
 
Регистрация: 27.11.2010
Сообщений: 201

Вот спасибо! Помог.
Ответить с цитированием
  #4 (permalink)  
Старый 02.06.2017, 23:22
Профессор
Отправить личное сообщение для ufaclub Посмотреть профиль Найти все сообщения от ufaclub
 
Регистрация: 27.11.2010
Сообщений: 201

а если мне надо не все содержимое страницы

/res/gen/qtip2-status-kv.php?kvid=122 а например там только взять содержимое div#block1

как поставить фильтр?
Ответить с цитированием
  #5 (permalink)  
Старый 02.06.2017, 23:36
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

ufaclub,
$(function() {
  var obj ={};
  $("a[status]").mouseenter(function() {
  var url = $(this).attr("status");
  if(obj[url]) $("div.rezultat").html(obj[url]);
  else $("div.rezultat").load(url + " div#block1", function(res) {
  obj[url]= $("div.rezultat").html()
})
})
});
Ответить с цитированием
  #6 (permalink)  
Старый 02.06.2017, 23:41
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

ufaclub,
или так
$(function() {
  var obj ={};
  $("a[status]").mouseenter(function() {
  var url = $(this).attr("status");
  if (url == "/res/gen/qtip2-status-kv.php?kvid=122")  url += " div#block1"
  if(obj[url]) $("div.rezultat").html(obj[url]);
  else $("div.rezultat").load(url, function(res) {
  obj[url]= $("div.rezultat").html()
})
})
});

  </scrip
Ответить с цитированием
  #7 (permalink)  
Старый 02.06.2017, 23:57
Профессор
Отправить личное сообщение для ufaclub Посмотреть профиль Найти все сообщения от ufaclub
 
Регистрация: 27.11.2010
Сообщений: 201

Спасибо! Все работает!

осталось только сделать чтобы пр наведении на <a> этому <a> добавлялся class="active" а при активации другого <а> c этого удалялся class и другому присваивался.



var objetaj ={};
jQuery("#knopki_etaj_mob a[href]").mouseenter(function() {
   var urletaj = jQuery(this).attr("href");
   if(objetaj[urletaj]) jQuery("div#mydiv").html(objetaj[urletaj]);
   else jQuery("div#mydiv").load(urletaj, function(res) {
   objetaj[urletaj]=res
})
})
Ответить с цитированием
  #8 (permalink)  
Старый 03.06.2017, 00:05
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

Сообщение от ufaclub
c этого удалялся class и другому присваивался.
Ответить с цитированием
  #9 (permalink)  
Старый 03.06.2017, 00:08
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

ufaclub,
var objetaj ={}, lnk = jQuery("#knopki_etaj_mob a[href]");
lnk.mouseenter(function() {
  lnk.removeClass("active");
  var urletaj = jQuery(this).addClass("active").attr("href");
  if(objetaj[urletaj]) jQuery("div#mydiv").html(objetaj[urletaj]);
  else jQuery("div#mydiv").load(urletaj, function(res) {
  objetaj[urletaj]=res
})
})
Ответить с цитированием
  #10 (permalink)  
Старый 03.06.2017, 00:09
Профессор
Отправить личное сообщение для ufaclub Посмотреть профиль Найти все сообщения от ufaclub
 
Регистрация: 27.11.2010
Сообщений: 201

ну да...самому стыдно. некоторые вещи впритык иногда не получается делать правильно. но благодаря вам знаний все больше и больше.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Загрузка ajax'ом в определенный div Daniel93 AJAX и COMET 12 23.02.2015 01:06
Скрипт для показа/скрытия содержимого div follor Элементы интерфейса 2 22.02.2015 18:17
resize содержимого div при его вырезании в другой div yriiarutiunian Общие вопросы Javascript 5 06.06.2014 08:54
Загрузка в DIV Алллексей Элементы интерфейса 2 02.08.2013 15:54
Реакция на изменение содержимого DIV Rentony Events/DOM/Window 1 29.03.2012 13:57