Действие при наведении мыши...

[MilkeyWay]

Здравствуйте!
Друзья,можете в двух словах рассказать,по какому принципу работают всплывающие окна с описанием,при наведении мыши,на сайте:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

Сначала подумал использовано display:none...ошибся,при наведении в dom вставляется элемент...каким образом,откуда берется этот элемент,с полученными данными(описание и т.п)?Или аяксом подгружаются данные?

 

[Дмитрий Кесаев]

Кури тему
_ttp://isif-life.ru/dlya-sajta/kak-sdelat-vsplyvayushhie-podskazki-na-sajte-ili-bloge.html

 

[dino]

есть у них такой файлик Для просмотра ссылки Войди или Зарегистрируйся
в котором описана функция GameHover вызывается она при наведении мышкой на ссылку:
onmouseover="GameHover( this, event, $('global_hover'), {"type":"app","id":96800} );"
сама функция по ходу подгружает данные посредством ajax запроса...

 

[MilkeyWay]

Кури тему
_ttp://isif-life.ru/dlya-sajta/kak-sdelat-vsplyvayushhie-podskazki-na-sajte-ili-bloge.html

про всплывающие подсказки я знаю,там как-то по-другому,думаю,это работает,т.к если js отключен,то каша будет на странице,если конечно не использовать none/hidden,вот там как раз они и не используются,больше конечно склоняюсь к аяксу,но мб кто-то еще,что посоветует.

 

[MilkeyWay]

есть у них такой файлик Для просмотра ссылки Войди или Зарегистрируйся
в котором описана функция GameHover вызывается она при наведении мышкой на ссылку:
onmouseover="GameHover( this, event, $('global_hover'), {"type":"app","id":96800} );"
сама функция по ходу подгружает данные посредством ajax запроса...

посмотрел,аякс детектед.

зы Спасибо,ребят!

 

[latteo]

dino прав подгрузка на аяксе, если это целей каких то специфических не преследует лучше сразу грузить данные вместе со страницей.
Ещё важно событие, когда мыши курсор покидает элемент - убивается элемент с подсказкой:
onmouseout="HideGameHover( this, event, $('global_hover') )"

 

[MilkeyWay]

dino прав подгрузка на аяксе, если это целей каких то специфических не преследует лучше сразу грузить данные вместе со страницей.
Ещё важно событие, когда мыши курсор покидает элемент - убивается элемент с подсказкой:
onmouseout="HideGameHover( this, event, $('global_hover') )"

и прятать это дело,а при наведении показывать-это имелось ввиду?просто стараюсь сделать,как можно меньше display:none,не очень осведомлен как на это реагируют поисковики

 

[latteo]

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

 

[MilkeyWay]

попробовал сделать,получился быдлокод(по-другому еще не умею),так-то все работает,но,если быстро наводить и отводить курсор,всплывающая подсказка бывает остается и не пропадает,не поможете решить данную проблему?

$(".main_item").hover(function(){
 
var item_id = $(this).attr("href");
 
var qwe = $(this);
 
$.ajax({
 
type: "get",
 
  url: "/blabla.php",
 
  data: {item_id: item_id},
 
  success: function(data){
 
  qwe.append("<div class='ds'></div>");
 
  $('.ds').append(data);
 
  },
 
  beforeSend: function(){
 
    //var loading = $("<div>", {
 
      //"class" : "ds-loading"
 
    //}); //создаем div
 
    //$(".for_load").append(loading);
 
  },
 
  complete: function() {
 
    //$(".ds-loading").detach(); //уничтожаем div
 
  }
 
});
 
},function () {
 
    $(".ds").remove();
 
  }
 
);

 

[Andipas]

Есть много готовых решений. Два из них:
без подгрузки ajax'ом - Для просмотра ссылки Войди или Зарегистрируйся
с подгрузкой ajax'ом - Для просмотра ссылки Войди или Зарегистрируйся