Autor | Zpráva | ||
---|---|---|---|
Jendák Profil * |
#1 · Zasláno: 9. 6. 2012, 11:52:41
Ahoj,
hledal jsem dlouho řešení, které potřebuji, ale nic jsem nenašel... Potřebuji upravit toto řešení http://jsfiddle.net/yrM3H/2/ (případně http://dl.dropbox.com/u/3370251/DJPW/rozklikavani-casti-stranky.html), tak aby se vždy rozbalil div s ídéčkem, na který bylo voláno odkazem se stejným ídečkém, ale zároveň tak, aby se vždy rozbalil jen jeden div. Aby to nebylo úplně jednoduchý potřebuju, aby se po kliknutí někam na pozadí stránky a nebo na tlačítko (které div rozbalilo) div znovu zabalil. Neznáte někdo takový řešení? Zkráceně hledám stejné řešení, jako má Google+ nebo Facebook použitou pro správu příspěvků: ta rozbalovací nabídka na kterou kliknete, když chcete "Skrýt příspěvek", "Smazat příspěvek" nebo ho upravit... Díky moc všem |
||
Darker Profil |
#2 · Zasláno: 9. 6. 2012, 14:26:57
Jendák:
„se stejným ídečkém“ ID v rámci stránky musí být unikátní. „Zkráceně hledám stejné řešení, jako má Google+ nebo Facebook“ Jedná se tam o absolutně napozicovaný div, zobrazovat se nemusí nutně přes ID. Celá stránka je generovaná pomocí JS, takže přepínače mohom mít odpovídající menu v paměti jako element. Co se týče schování všech menu: dobument.body.onclick = function() { $("DIV.menu").slideUp(); } $("DIV.menu").bind('click', function(event) {event.cancelbubble = true;}); //Aby se menu neskrylo kliknutím na něj. |
||
Jendák Profil * |
#3 · Zasláno: 9. 6. 2012, 15:45:12
Darker:
„ID v rámci stránky musí být unikátní.“ OK, myslel jsem to třeba u odkazu na div ID="link-21", a u samotného divu ID="div-21". Přičemž by hrálo roli hlavně to číslo. To by snad nějak mohlo jít ne? Jinak kod zkusím použít :) Díky |
||
Darker Profil |
#4 · Zasláno: 9. 6. 2012, 16:20:11
Jendák:
„ID="link-21", a u samotného divu ID="div-21“ $("A.prepinac").bind("click", function(event) { var id="div"+this.id.replace("link",""); $("DIV.menu#"+id").slideDown(); }); |
||
1Pupik1989 Profil |
#5 · Zasláno: 10. 6. 2012, 02:02:45
nebo
$("a.prepinac").click(function() { var id=this.id.replace("link","div"); $(id).slideDown(); }); |
||
Jendák Profil * |
#6 · Zasláno: 10. 6. 2012, 11:03:45
Díky vám :) Už jsem to vyřešil
|
||
Časová prodleva: 12 let
|
0