strohhalm.org / Forum / Forenübersicht / Programmierung Clientseitig / Nachricht 2493 lesen

jQuery - Dropdown mit DIVs

1. jQuery - Dropdown mit DIVs

   Toccamonium.+0 -0.11. Januar 2009, 21:28

   Hi,

   ich habe mir ein Dropdown via DIVS gebastelt. Wenn man auf einen Button
   klickt, zeigt sich ein Layer. Wenn ich in der Liste einen Wert auswähle, der
   einem INPUT übergeben wird, schließt sich dieser auch wieder. Nun möchte
   ich aber zusätzlich, dass der User irgendwo auf die Seite hinklicken kann
   und sich der Layer auch dadurch schließt, so wie bei einer Standard-Combobox.

   Hatte dazu eine Funktion auf den äußersten DIV gelegt, da man wohl den Body
   als Klick nicht wählen kann. Das Problem, egal wo ich nun klicke, eben auch
   auf den Button zum Öffnen des Layers, wird dieser sofort wieder geschlossen,
   obwohl ich es mit .not($(".btn_open") probiert hatte. Wie kann ich das Problem
   denn am elegantesten lösen?

   Merci
   TC

   Antworten [/forum/index.php?topic=2493&strukturid=2493&action=newEntry]

2. Re: jQuery - Dropdown mit DIVs

   Toccamonium.+0 -0.23. Januar 2009, 08:12

   So, habe die Lösung wo anders her, dennoch hier der Code, falls
   jemand daran Interesse hat :)

   Code für Dropdown-Menü (öffnen/schließen):

   
$(".btn_search_selection").click(function() {
$("#searching ul.dropdown").slideToggle("fast");
return false;
});


   Code, um Dropdown-Menü mit Klick auf Body-Elemente zu schließen:

   
//close menus whenever you click somewhere else on the page
// respond to any clicks that happen anywhere
$(document).click(function(e){

// your menu root element
var menu = $('#searching ul.dropdown');

// the element that was clicked
var target = $(e.target);

// if the element clicked isn't the menu or inside the menu
// and if the menu is visible
if (target.parents().andSelf().not(menu) && menu.is(':visible')) {

// slide the menu up
menu.slideUp("fast");

}

});


   Antworten [/forum/index.php?topic=2493&strukturid=2493&action=newEntry]