Welcome, Guest. Please login or register.
Did you miss your activation email?
May 26, 2012, 10:08:30 AM

Login with username, password and session length
Search:     Advanced search
Interested in joining the WebsiteBaker team?
For more Information read here or on our new website.
155537 Posts in 21714 Topics by 7737 Members
Latest Member: chris85
* Home Help Search Login Register
Pages: [1]   Go Down
Print
Author Topic: jquery Einbindung Basics (für Anfänger)  (Read 868 times)
anz

Offline Offline

Posts: 48


« on: March 26, 2010, 09:41:05 AM »

Ich beschäftige mich im Moment mit jquery, bin allerdings noch ziemlich am Anfang. Ich habe einige grundsätzliche Fragen zur Einbindung. Wie ich im Forum gesehen habe, ist man sich ja noch nicht ganz einig. Mich würde interessieren, ob ich das völlig falsch mache, oder ob meine Ansätze richtig sind. Ich will die Lösung einsetzen die am einfachsten ist, wo man möglichst wenig am Code anpassen muss.

Als Beispiel habe ich mal dieses Slider-jquery eingebunden:
http://www.serie3.info/s3slider/index.php / Demo: http://www.serie3.info/s3slider/demonstration.html

Habe es so gelöst:

Im Template vor den </head>:
<?php
if (function_exists('register_frontend_m odfiles')) {
        register_frontend_modfiles('css');
        register_frontend_modfiles('jquery');
        register_frontend_modfiles('js');
} ?>

Das jquery Script (gleich danach), oder auf der entsprechenden Seite mit Code2 HTML:
<script src="<?php print WB_URL; ?>/modules/jquery/s3Slider.js" type="text/javascript"></script>

In die Datei jquery_frontend.js (diese ist im Ordner template/meintemplate abgelegt) oder auf der ensprechenden Seite mit Code2 Javascript:
$(document).ready(function() {
   $('#s3slider').s3Slider({
      timeOut: 4000
   });
});

Nun meine Fragen dazu:

1. Ich will das Script auf allen Seiten einsetzen, also binde ich es in den Headerbereich des Templates ein, richtig?
2. Ich will ein Script nur auf einer bestimmten Seite nutzen, macht es Sinn das Script mit dem Modul Code2 auf der entsprechenden Seite zu laden, also mit HTML Code / Javascript Code, richtig?
3.  Die Sache mit der jquery_frontend.js Datei ist mir noch nicht ganz klar (gemäss Anleitung s. Link unten). Wie müsste der Code im jquery_frontend.js in meinem Beispiel aussehen? Mit dieser Methode kann ich mir ersparen das Script im Header (als auf jeder Seite) aufzurufen, ist das richtig?  http://www.websitebaker-next.de/wb/pages/de/jquery/jquery-einbinden.php
4. Wäre das jquery admin modul eine Alternative? Kann ich damit das selbe erreichen?
« Last Edit: March 26, 2010, 10:54:01 AM by anz » Logged
maverik

Offline Offline

Posts: 1568



WWW
« Reply #1 on: March 26, 2010, 10:20:33 AM »

du kannst alles in die jquery_fontend.js schreiben. das script wird dann nur aufgerufen wenn es benötigt wird


Code:
$(document).ready(function()
{

if($("#s3slider").length)
    {
        $.insert(WB_URL+'/pfad/zum script.js');
         $('#s3slider').s3Slider({
      timeOut: 4000
   });

    }
});

Logged

Signatur wird geladen...
BlackBird
AddOn Development
*
Offline Offline

Posts: 2069



WWW
« Reply #2 on: March 29, 2010, 11:46:42 AM »

4. Wäre das jquery admin modul eine Alternative? Kann ich damit das selbe erreichen?

Du bist herzlich eingeladen, Deine Ideen und Vorstellungen im jQueryAdmin Thread zu posten. Ziel des Moduls ist es, jQuery, jQueryUI und Plugins so einfach wie möglich zu integrieren. ("Einfach zusammenklicken und fertig.") Der Weg dahin ist noch weit, daher ist es sicherlich zu früh, sich bereits auf das Modul zu verlassen - auf der anderen Seite sind es gerade Rückmeldungen von "Anfängern", die helfen, das Modul da hin zu bringen, wo es hin soll. wink

http://www.websitebaker2.org/forum/index.php/topic,17705.0.html
Logged

Alle großen Veränderungen beginnen im Kleinen
Pages: [1]   Go Up
Print
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.16 | SMF © 2011, Simple Machines Valid XHTML 1.0! Valid CSS!