Wie collapse webforms?
Eingetragen von steffen700 (10)am 19.10.2007 - 15:39 Uhr in
Hallo,
mich würde mal interessieren, wie dieses Auf- und Zuklappen der Formulare bei Drupal programmiert ist. Ich habe mir den Code zwar schon angesehen, blicke aber nicht durch. Ich würde solche Formulare durch Ein- und Ausblenden von div-Boxen realisieren. Da ist es aber schwierig, das Fieldset an die gleiche Stelle zu bekommen (denn das ist ja weg, wenn es in der ausgeblendeten Box ist).
Kann mir jemand sagen, welche grundlegende Vorgehensweise dort hinterlegt ist (Ajax)?
Gibt es auch Alternativen (Dieses zeitverzögerte Klappen bräuchte ich nicht unbedingt.), die nicht so viel Code brauchen?
Und (wahrscheilich dumme Frage), warum beim Mouseover übers Fieldset nur das # zu sehen ist und keine Javascripfunktion?
Danke für jegliche Tipps, Gruß Steffen700
Beispiel: http://drupal5.cocoate.com/de/Drupal_5_Videotraining_kaufen# (siehe unten)
PS: Ich hoffe, es wird nicht als Werbung verstanden.
- Anmelden oder Registrieren um Kommentare zu schreiben
Fieldsets
am 19.10.2007 - 20:17 Uhr
Das kommt ganz drauf an was du wie machen willst. Wenn du ein neues Formular für einen neuen Inhaltstyp mit dem CCK machen willst, kannst du einfach das CCK-Modul 'Fieldgroup' benutzen.
Wenn du bestimmte Bereiche über Templates z.B. in der page.tpl.php in ein Fieldset packen möchtest, kannst du das so machen:
$output = theme('fieldset', array('#title' => $title , '#collapsible' => true,'#collapsed' => true, '#children' => $content));
print $output;
Siehe hier: Bücher für Webentwickler auf http://drupal.mdwp.de
Wenn du eigene Module mit Formularen entwickeln willst, ist das etwas komplizierter. Hier hilft ein Blick in den Code anderer Module.
Die Javascript-Funktion siehst du bei Mouseover deshalb nicht, weil man heutzutage Javascript nicht mehr einfach in die HTML-Elemente reinzwingt.
Mit Drupal und JQuery ist das nicht mehr nötig. Mit anderen JS-Bibliotheken auch nicht.
Das Ganze nennt sich 'Unobstrusive' (nicht aufdringlich).
vg
--
md - DrupalCenter
mdwp* :: Drupal Services