• Home
  • Referenzen
  • Südtirol Panorama
  • Impressum
  • Kontakt
  • Blog
  • Bilder Gallery
  • Artikel

    • Image Zoom mit Javascript
    • Windows Server 2008 mehrere RDP (Remote Dektop Verbindungen) zulassen
    • TR/Phorpiex 552960 Lösung
    • Facebook Connect via Asp.net
    • Samsung Wave S8500-S8530 Touchscreen/Display Tausch Anleitung
    • ERROR CREATING CONTROL FOR NODETYPE: Media Umbraco v4
    • Samsung Wave Bada 2.0 S8500XXKK5 zum download bereit
    • Funktionen und Views beim selbergenieren des LinqToSql Codes einbeziehen
    • Samsung Wave Google Exchange einrichten
    • Keep div:hover open when changing nested select box
    • Links

      • Flightplanning24 – Metar Taf Webcams
      • Internetseiten Südtirol
      • Jobbörse Südtirol
      • Niederkofler Webentwicklung
      • Snowtrex – Skiurlaub in Südtirol
  • Kategorien

    • Allgemein (23)
    • In eigener Sache (4)
    • Javascript (3)
    • Kaufberatung (2)
    • Konsolen (4)
    • Programmierung (9)
    • Spiele (7)
    • Technik (23)
    • Tools (6)
    • Webprogrammierung (78)
    • Windows (34)
      • Treiber (4)
    • XBox 360 (3)
  • Archive

    • Februar 2012
    • Januar 2012
    • Dezember 2011
    • November 2011
    • Oktober 2011
    • September 2011
    • August 2011
    • Juli 2011
    • Juni 2011
    • Mai 2011
    • April 2011
    • März 2011
    • Februar 2011
    • November 2010
    • Oktober 2010
    • September 2010
    • August 2010
    • Juli 2010
    • Juni 2010
    • Mai 2010
    • April 2010
    • März 2010
    • Februar 2010
    • Januar 2010
    • Dezember 2009
    • November 2009
    • Oktober 2009
    • September 2009
« Jquery shuffle plugin with sorting by attribute
Samsung Wave Google Exchange einrichten »

Keep div:hover open when changing nested select box

This is an IE-only problem. The Layout: .toolTip becomes visible when it’s parent div is hovered over. Inside of .toolTip is a select box. When the user opens the select box to make a selection, the parent element gets hidden. I`m using also position:absolute.

The solution

<!--[if IE]>
<style type="text/javascript">
  jQuery(function($){
    $('.toolTip select').focus(function(){
        $(this).parents('.toolTip').addClass('keepOpen');
    });
    $('.toolTip select').blur(function(){
        $(this).parents('.toolTip').removeClass('keepOpen');
    });
    $("a.closeParentBox").click(function(){
        $(this).parents('.toolTip').fadeOut();
        return false;
    });
  });
</script>
<![endif]-->

Schlagworte: absolute, Bug, IE, position

Dieser Beitrag wurde vor am Freitag, 16. September 2011 um 10:36 Uhr veröffentlicht und unter Webprogrammierung gespeichert. Sie können Kommentare zu diesem Eintrag über den RSS-2.0-Feed verfolgen. Sie können einen Kommentar hinterlassen oder einen Trackback von Ihrer Website hierher setzen.

Keine Kommentare »

Derzeit gibt es keine Kommentare

RSS-Feed für Kommentare zu diesem Artikel. TrackBack-URL

Einen Kommentar hinterlassen

designed by tolpeit © 2010 - all rights reserved