Autor |
Nachricht |
sugarvince
Threadersteller
Dabei seit: 18.04.2007
Ort: Hamburg
Alter: 38
Geschlecht:
|
Verfasst Mo 27.09.2010 20:12
Titel Javascript Problem mit Dragdealer im Accordion |
|
|
Hallo Freunde,
ich kein großer Experte in JS und komme bei folgendem Problem nicht weiter.
Es existiert ein Accordion, und darin soll ein art horizontale slideshow von bildern stattfinden (zum dragen).
Der Status ist, dass alles eingebaut wurde und eigentlich auch alles funktioniert.. aber NUR wenn man das Browserfenster einmal in der größe verändert. Der dragdealer arbeitet so, dass das dragbare Element von anfang an sichtbar sein muss. Das Element wird aber erst dann sichtbar, wenn man es mithilfe des Accordions sichtbar macht.
Wir brauchen also eine Lösung, dass es auch funktioniert, wenn es beim neuladen der Site noch nicht sichtbar ist, sondern erst,wenn das Accordion sich öffnet.
Hier die Beispielsite: (Menü 4/ Untermenü 1)
http://www.freundschafter.com/dragdealer/
Jemand eine Lösung?
Ich stecke unter großem Zeitdruck und muss das Problem schnellstmöglich lösen. Bitte um dringende Hilfe.
Danke im voraus.
Beste Grüße,
Vince
|
|
|
|
|
DerM
Dabei seit: 18.01.2009
Ort: -
Alter: 42
Geschlecht:
|
Verfasst Mo 27.09.2010 20:18
Titel
|
|
|
Schau Dir mal die Jquery "live" Methode an.. Ich hoffe ich hab dich auch richtig verstanden..
http://api.jquery.com/live/
|
|
|
|
|
Anzeige
|
|
|
sugarvince
Threadersteller
Dabei seit: 18.04.2007
Ort: Hamburg
Alter: 38
Geschlecht:
|
Verfasst Mo 27.09.2010 21:29
Titel
|
|
|
jQuery wird im Accordion-Menü verwendet, der dragdealer funktioniert ohne jQuery. Also meinst du ich soll .live() beim accordion verwenden? Vielleicht so?
$("simple-slider").live("focus", function(){
window.onresize();
});
simple-slider ist die id des divs, der den div mit dem Drag me-Button umgibt.
focus ist hoffentlich das richtige Event, wenn etwas angezeigt wird.
window.onresize(); soll die Funktionen ausführen, die beim resize sonst auch ausgeführt werden.
würd mich um Feedback freuen.
|
|
|
|
|
DerM
Dabei seit: 18.01.2009
Ort: -
Alter: 42
Geschlecht:
|
Verfasst Mo 27.09.2010 21:48
Titel
|
|
|
Ah ok, jetzt hab ich verstanden
JQuery hat doch für alles und jeden einen Selektor. Unter anderem auch ob ein Element sichtbar ist oder nicht
http://api.jquery.com/visible-selector/
http://api.jquery.com/hidden-selector/
wieso feuert der dragdealer denn nur bei resize?? Wenn das generell auf Events feuert dann hast du ja bei jedem Accordion ein Mausevent auf das Du triggern könntest.
Hab mich aber grad mal schlau gemacht. Ist ja eigentlich ziemlich easy.
Code: |
$('#menu_4_1').live('click', function(){
new Dragdealer('simple-slider');
});
|
Also, wenn Du auf Menü 4/ Untermenü 1 klickst kannst du den Dragdealer ganz einfach aufrufen. Musst halt logischer Weise den selektor ändern aktuell "$('#menu_4_1')" .
Und hier direkt noch die Doku
http://code.ovidiu.ch/dragdealer/
|
|
|
|
|
sugarvince
Threadersteller
Dabei seit: 18.04.2007
Ort: Hamburg
Alter: 38
Geschlecht:
|
Verfasst Mo 27.09.2010 22:26
Titel
|
|
|
Ich verstehe dich nicht ganz. Kannst du dir nochmal meine Seite anschauen? Ich habe deinen code hier eingefügt, unmittelbar vor dem </head> und unten beim drag-button. Nicht mal das alert() wird ausgeführt. Was mache ich falsch? Versuch dich bitte etwas genauer auszudrücken, ich kenne mich in javascript nicht aus.
Die Sache ist ja die: In dragdealer.js steht in Zeile 229:
Code: | Dragdealer.prototype =
{
...
addListeners: function()
{
var self = this;
...
var resizeHandler = window.onresize || function(){};
window.onresize = function(e) // Zeile 229
{
resizeHandler(e);
self.documentResizeHandler(e);
};
...
},
|
Jetzt müsste ich das, was in Zeile 231+232 steht auch bei window.onload anwenden können, wenn noch der rote Button unsichtbar ist. Wäre das ein brauchbarer Ansatz?
Zuletzt bearbeitet von sugarvince am Mo 27.09.2010 22:27, insgesamt 1-mal bearbeitet
|
|
|
|
|
sugarvince
Threadersteller
Dabei seit: 18.04.2007
Ort: Hamburg
Alter: 38
Geschlecht:
|
Verfasst Di 05.10.2010 00:35
Titel
|
|
|
Das Problem wurde zum Glück nun endlich gelöst.
Auch ein Dankeschön an DerM
|
|
|
|
|
|
|
|
Ähnliche Themen |
[JavaScript] Accordion-Effekt mit Aktiv-Zustand versehen
[jquery] accordion
Ist das mit Accordion möglich?
Hilfe bei MOO.FX accordion menü?
Suche horizontales Accordion
Brauche Unterstützung bei JS Accordion
|
|