Ein JavaScript, eingefügt mit drupal_add_js(), funktioniert nicht. Warum?
Eingetragen von albert39 (384)am 05.10.2011 - 14:48 Uhr in
Ich lerne gerade das Einfügen von js in ein Subtheme von ZEN. Dazu habe ich von http://d4nza.de/blog/tutorials/jquery-tutorial-1 ein kleines script übernommen (und die IDs angepasst), das einen Texblock beim Anklicken eines bestimmten Links animiert.
Wenn ich das Script direkt in den Quellcode der Seite (sie heist JS_Test) einfüge, arbeitet das Script einwandfrei.
Entsprechend den Empfehlungen, insbesondere in href="http://drupal.org/node/304255 habe ich nun den js-Code in die Datei script.js gepackt und diese in den Theme-Ordner sites/all/themes/mahaja (mahaj ist der Theme-Name) gestellt.
(script.js muss man ja in der .info-Datei nicht extra definieren).
Weiters habe ich in der template.php den Code
drupal_add_js(drupal_get_path('theme', 'mahaja').'/script.js', 'theme');
eingefügt.
Im HEAD-Bereich der Seite JS_Test (und sicher auch auf allen pages) ist nun
<script src="/mahaja/sites/all/themes/mahaja/script.js?r" type="text/javascript">
vorhanden mit dem vollständigen js-Code als Inhalt.
Aber wenn ich auf der Seite JS_Test den entsprechenden Link anklicke, tut sich gar nichts. Was habe ich da falsch gemacht?
Der js-Code ist:
<script type="text/javascript">
$(document).ready(function(){
/*Box klein machen*/
$('a#klein').click(function(){
$('div#testbox').animate({ height: 80, width: 120 }, "slow", function(){});
})
/*Die Box große machen*/
$('a#gross').click(function(){
$('div#testbox').animate({ height: 200, width: 800 }, "slow", function(){});
})
/*Mehrer Effekte bestimmen*/
$("a#slideFade").toggle(function(){
$("div#testbox").animate({ height: 'hide', opacity: 'hide' }, 'slow');
},function(){
$("div#testbox").animate({ height: 'show', opacity: 'show' }, 'slow');
})
});
</script>Ergänzung: Der Firebug zeigt für script.js den (schwerwiegenden) Fehler:
...missing } in XML expression
...[Bei diesem Fehler anhalten] $('a#gross').click(function(){
an. Die Klammer } ist aber vorhanden !!
und der HTML-Beeich in JS_Test lautet
<div id=testbox style="background-color:#336699;color:#fff;">
Ich bin eine Testbox und muss immer viel arbeiten
</div>
<p><a href="#" id="klein">Mach die Box klein (80 x 120px)</a></p>
<p><a href="#" id="gross">Mach die Box Groß (200 x 800px)</a></p>
<p><a href="#" id="slideFade">Dieser Link führt zwei Unteschiedliche Funktionen aus</a></p>Danke für Eure Hilfe
Albert
- Anmelden oder Registrieren um Kommentare zu schreiben
javascript
am 05.10.2011 - 15:59 Uhr
Hallo.
Steht in der Javascript-Datei wirklich
<script type="text/javascript">? Das gehört da nicht rein.script.js korrigiert
am 05.10.2011 - 17:08 Uhr
Danke Stefan,
Das war genau mein Fehler. Ich habe
<script type="text/javascript">und natürlich auch</script>entfernt und jetzt kommt erstens keine Fehlermeldung und zweitens funktioniert das Script.Ich habe da noch eine Zusatzfrage (oder soll ich die in einem eigenen Beitrag formulieren?)
Wie kann man erreichen, dass ein Script nur auf einer bestimmten Seite (sagen wir z.B. auf node/22 ) eingefügt wird? Diese Frage wurde schon mehrmals gestellt, aber die Antworten sind mir unklar. Mit dem Modul js_inject kann man eine Zielseite auswählen. Aber wie geht das mit drupal_add_js() ?
Herzliche Grüße
Albert
man fragt mit $_GET['q] die
am 05.10.2011 - 21:17 Uhr
man fragt mit $_GET['q] die interne URL ab.
Beispiel:
<?phpif ($_GET['q'] == 'node/123') {
tuewas();
}
?>
preprocess
am 05.10.2011 - 21:56 Uhr
Du kannst es auch über einen preprocess in Deiner template.php machen
function mytheme_preprocess_node(&$variables) {$node = $variables['node'];
if (!empty($node) && $node->nid == $the_specific_node_id) {
drupal_add_js(drupal_get_path() . "/file.js", "theme");
}
}
Soll js nur auf der Startseite greifen, dann
function mytheme_preprocess_node(&$variables) {if (drupal_is_front_page()) {
drupal_add_js(drupal_get_path('theme', 'mytheme'). "/file.js");
}
}