Jquery nutzen in Node
Eingetragen von Vasco (89)am 14.07.2007 - 13:17 Uhr in
Hiho Drupaler,
ich möchte mittels jquery die Möglichkeiten austesten einzelne Texte/Teile der Seite erst nach Useraufforderung anzuzeigen. Eine typische Anwendung wäre der Klapptext.
Nun habe ich mich hier entlang gearbeitet (Beispiel 1): http://www.learningjquery.com/2007/02/more-showing-more-hiding
Meine Seite dazu sieht demnach so aus:
<?php
drupal_add_js (
'$(document).ready(function() {',
'$(\'div.demo-show:eq(0)> div\').hide();',
'$(\'div.demo-show:eq(0)> h3\').click(function() {',
'$(this).next().slideToggle(\'fast\');',
' });',
'});');
?>
<div class="demo-show">
<h3>Title 1</h3>
<div>Lorem...</div>
<h3>Title 2</h3>
<div>Ipsum...</div>
<h3>Title 3</h3>
<div>Dolor...</div>
</div>aber irgendwie will der bei mir da nichts mit anstellen, der zeigt einfach nur den ganzen text, die divs werden aber nicht ausgeblendet...
Live ist das unter: http://www.klugpopeln.de/fbm/?q=node/3 zu finden
- Anmelden oder Registrieren um Kommentare zu schreiben
das skript wird auch gar
am 14.07.2007 - 15:20 Uhr
das skript wird auch gar nicht eingebunden, siehe quelltext. Außerdem solltest du das edit aus deinem link entfernen, da das auf das bearbeitungsformular führt.
--
Websites: SEO-Expert-Blog.com | Torlaune.de
2 gute Argumente
am 14.07.2007 - 16:00 Uhr
Hi Yaph,
beide Argumente kann ich verstehen.
Das Einfachere vom Beiden: der Link ist editiert ;)
aber warum der Code nicht ausgeführt wird: keine Ahnung. Kann mir dazu noch jemand was sagen?
Drin stehen tut er, Eingabeformat ist php und somit sollte das (nach meinem Verständnis) auch klappen. Oder reicht das nicht aus, das über das Frontend zu machen sondern muss sowas in die Template-Datein?
Danke schon mal
Wahrscheinlich wird die
am 14.07.2007 - 17:53 Uhr
Wahrscheinlich wird die drupal_add_js(), wenn sie direkt in Inhalten aufgerüfen wird, nicht ausgeführt siehe dazu:
http://www.drupalcenter.de/node/3954
--
Websites: SEO-Expert-Blog.com | Torlaune.de
ja du hast Recht
am 14.07.2007 - 18:27 Uhr
Hm ja, du hast Recht.
Wenn ich in meinen Header der page.tpl.php wie folgendt modifiziere:
<head><title><?php print $head_title ?></title>
<?php print $head ?>
<?php print $styles ?>
<script type="text/javascript" src="misc/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('div.demo-show:eq(0)> div').hide();
$('div.demo-show:eq(0)> h3').click(function() {
$(this).next().slideToggle('fast');
});
});
</script>
<script type="text/javascript"><?php /* Needed to avoid Flash of Unstyle Content in IE */ ?> </script>
</head>
Dann tut das. Das drupal_add_js() klappt irgendwie auch nicht, aber soll mir ja nun auch egal sein :)
Richtig das klappt auch in
am 14.07.2007 - 18:50 Uhr
Richtig das klappt auch in themes nicht, siehe verlinkten thread.
--
Websites: SEO-Expert-Blog.com | Torlaune.de