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

Тема в разделе "JavaScript", создана пользователем MilkeyWay, 16 май 2012.

Модераторы: ZiX
  1. MilkeyWay

    MilkeyWay Постоялец

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


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

    Дмитрий Кесаев aka Zlobniy Babko

    Заблокирован
    Регистр.:
    10 май 2007
    Сообщения:
    1.332
    Симпатии:
    1.265
    Кури тему
    _ttp://isif-life.ru/dlya-sajta/kak-sdelat-vsplyvayushhie-podskazki-na-sajte-ili-bloge.html
     
    MilkeyWay нравится это.
  3. dino

    dino

    Регистр.:
    28 май 2009
    Сообщения:
    550
    Симпатии:
    204
    есть у них такой файлик http://cdn.store.steampowered.com/public/javascript/main.js?v=914430856&l=russian
    в котором описана функция GameHover вызывается она при наведении мышкой на ссылку:
    onmouseover="GameHover( this, event, $('global_hover'), {"type":"app","id":96800} );"
    сама функция по ходу подгружает данные посредством ajax запроса...
     
    MilkeyWay нравится это.
  4. MilkeyWay

    MilkeyWay Постоялец

    Регистр.:
    11 июл 2011
    Сообщения:
    104
    Симпатии:
    8
    про всплывающие подсказки я знаю,там как-то по-другому,думаю,это работает,т.к если js отключен,то каша будет на странице,если конечно не использовать none/hidden,вот там как раз они и не используются,больше конечно склоняюсь к аяксу,но мб кто-то еще,что посоветует.
     
  5. MilkeyWay

    MilkeyWay Постоялец

    Регистр.:
    11 июл 2011
    Сообщения:
    104
    Симпатии:
    8
    посмотрел,аякс детектед.

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

    latteo Эффективное использование PHP, MySQL

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

    MilkeyWay Постоялец

    Регистр.:
    11 июл 2011
    Сообщения:
    104
    Симпатии:
    8
    и прятать это дело,а при наведении показывать-это имелось ввиду?просто стараюсь сделать,как можно меньше display:none,не очень осведомлен как на это реагируют поисковики
     
  8. latteo

    latteo Эффективное использование PHP, MySQL

    Moderator
    Регистр.:
    28 фев 2008
    Сообщения:
    1.401
    Симпатии:
    1.182
    Не только display:none применяют для реализации хайда контента, еще есть абсолютное позиционирование и вынос за пределы экрана. Но ходят слуху и даже многие утверждают, что поисковикам это не по нраву. Потому скажу, что контент для подсказок можно в JS массиве хранить.
     
  9. MilkeyWay

    MilkeyWay Постоялец

    Регистр.:
    11 июл 2011
    Сообщения:
    104
    Симпатии:
    8
    попробовал сделать,получился быдлокод(по-другому еще не умею),так-то все работает,но,если быстро наводить и отводить курсор,всплывающая подсказка бывает остается и не пропадает,не поможете решить данную проблему?

    HTML:
    $(".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();
     
      }
     
    );
     
  10. Andipas

    Andipas Постоялец

    Регистр.:
    5 дек 2007
    Сообщения:
    130
    Симпатии:
    92
    MilkeyWay нравится это.