JQuery einbinden

  • Hi,


    ich will in meinem Forum ein paar Sachen mit jQuery machen.
    Ich hab dazu das Plugin von der Woltlab Seite installiert aber irgendwie funktioniert das trotzdem nicht.
    Muss ich da noch was aktivieren?


    Wenn ich mir den fertigen Quelltext im Browser ansehe dann kann ich da auch kein jquery.js oder ähnliches finden.
    Nur dieses protoaculous :-/


    Ich hab das alles hier getestet: http://jsfiddle.net/b3msM/1/


    Sollte eigentlich funktionieren.. :-/


    Kann da jemand weiter helfen?
    Hier der Link zum Plugin: http://www.woltlab.com/de/plug…plugin.html?&pluginID=283


    Grüße,
    nustyle

  • Ich glaube das jQuery Paket ist wirklich nur für Entwickler. D.h. es muss wohl beim Installieren eines Plugins als required gesetzt werden und erst dann wirds aktiviert. Wie mans einfach so aktivieren kann, weiß ich jetzt nicht, dazu kenn ich mich zu wenig damit aus. Vielleicht auch mal den Entwickler fragen.
    Aber jQuery wird wahrscheinlich im noconflict Modus eingebunden, da muss man auch gucken ob alle jquery-Plugins einfach so funzen.
    Was genau willst du einbauen? Eventuell kann man das ja mit dem aktuell verwendeten Framework verwirklichen.


    Aber würde mich über ein Feedback von Dir freuen, wenns dir gelingt das einzubinden. Weil würde auch gerne jQuery verwenden, weil es ja dann eh in wcf2 verwendet werden soll.

  • Hi,


    danke für die Antwort :)
    Ach so ist das.. ich war mir nicht genau sicher wie ich das verwenden muss.
    Dann hast du an dieser Stelle wohl vollkommen Recht.


    Ich wollte so etwas hier machen: http://css-tricks.com/examples/SimplejQueryDropdowns/
    Also wenn man mit der Maus über eine Grafik hovert/klick kommt dann der Dropdown..


    Aber wie gesagt wenn 2.0 kommt (wann kommt das überhaupt?) braucht man sowieso jQuery :)


    Grüße,
    nu

  • Hallo!


    Mit dem Plugin wird folgender Code im Header mit eingebunden:


    Code
    <script type="text/javascript" src="'.RELATIVE_WCF_DIR.'js/3rdParty/jquery.min.js"></script><script type="text/javascript">jQuery.noConflict();</script>


    Du solltest damit also jQuery verwenden können - aber eben im noConflict-Mode: http://api.jquery.com/jQuery.noConflict/


    Sonst würde es sich mit dem Prototype beißen das das WCF bis jetzt mitbringt.


    MfG,
    Andreas

  • Also mit scriptaculous geht das irgendwie nicht.


    Ich hab hier folgendes:



    #nav {
    background: #000;
    height: 200px;
    width: 200px;
    color: #fff;
    display: none;
    }


    Und wende auf ein div folgendes an:


    <div id="darrow" onmouseover="if($('nav').style.display=='none') { onclick="Effect.toggle('nav', 'appear'); return false; }"></div>



    Wenn ich mit der Maus über das div darrow geh kommt leider kein #nav :(

  • Also mit toggle kann man ein DIV ein- und ausblenden, ohne eben zu prüfen obs eingeblendet ist, oder nicht


    PHP
    <a href="#" onclick="Effect.toggle('div_id', 'appear'); return false;"> toggle link </a>


    Aber wie schon erwähnt, keine Ahnung obs geht, wenn man onmouseover/onmouseout statt onClick verwendet.

  • Ja damit geht es so wie du das beschreibst.


    Allerdings nicht wenn du das DIV welches ein/ausgeblendet werden soll folgende Werte beinhaltet:

    CSS
    display: none;



    Ich will das Menu-Popup ja erst sehen wenn ich es brauche deshalb display none.
    Aber dann funktioniert das mit Effect.toggle leider nicht. :(