Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Загрузка содержимого ссылки в div (https://javascript.ru/forum/jquery/68958-zagruzka-soderzhimogo-ssylki-v-div.html)

ufaclub 20.05.2017 12:12

Загрузка содержимого ссылки в 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

помогите пожалуйста!

рони 20.05.2017 12:24

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

ufaclub 20.05.2017 12:29

Вот спасибо! Помог. :dance:

ufaclub 02.06.2017 23:22

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

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

как поставить фильтр? :write:

рони 02.06.2017 23:36

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()
})
})
});

рони 02.06.2017 23:41

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

ufaclub 02.06.2017 23:57

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

осталось только сделать чтобы пр наведении на <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
})
})

рони 03.06.2017 00:05

Цитата:

Сообщение от ufaclub
c этого удалялся class и другому присваивался.

:(

рони 03.06.2017 00:08

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
})
})

ufaclub 03.06.2017 00:09

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


Часовой пояс GMT +3, время: 09:36.