[gelöst] Einzelne Komponenten ein- und ausblenden

am 08.06.2013 - 17:21 Uhr in
Hi,
ich möchte mit einem Klick auf einen Link einen Block sichtbar bzw unsichtbar machen.
Ziel ist es im Endeffekt, bei einer mobilen Website ein Menü nur einzublenden, wenn man es benötigt.
Da ich keine Ahnung habe, wie ich die Idee umsetzen soll und auch nach längerer Suche nichts passendes gefunden habe, wende ich mich nun an das Forum.
Danke schon mal
- Anmelden oder Registrieren um Kommentare zu schreiben
Warum nimmst Du nicht ein
am 08.06.2013 - 17:33 Uhr
Warum nimmst Du nicht ein Theme, bei dem Du die Blöcke je nach Auflösung des Displays anders nnordnen kannst (z.B. Omega). Dann schiebt man diesen Block z.B. unter den Hauptinhalt oder in den Footer und hat ihn immer, wenn man ihn braucht.
Beste Grüße
Werner
Ich verwende Omega... Ich bin
am 08.06.2013 - 17:54 Uhr
Ich verwende Omega... Ich bin es Leid, immer so weit nach unten scrollen zu müssen, und auch einfach interessiert, wie ich solche "dynamischen Element" in eine Seite einbauen kann.
Ich finde einfach, dass bewegliche Elemente einer Website nochmal einen Mehrwert verschaffen.
Trotzdem Danke für die schnelle Antwort.
Dann mußt Du mit
am 08.06.2013 - 20:24 Uhr
Dann mußt Du mit JaveScript/jQuery arbeiten. Auf der Seite von weitblicker.org findest Du auf der Startseite eine Slideshow mit einem Button über dem Bild. Wenn darauf geklickt wird fährt ein Text in das Bild und der Button ändert sich. Wird der neue Button geklickt, verschwindet der Text wieder. Das ist mit jQuery jelöst. Du könntest Das für Deinen Fall entsprechend lösen.
Beste Grüße
Werner
Danke für den Hinweis. Nach
am 08.06.2013 - 23:06 Uhr
Danke für den Hinweis. Nach kurzem Suchen und Ausprobieren funktioniert es - prinzipiell.
Wieder etwas gelernt. Für alle die das gleiche Problem haben, mir hat dieser Link sehr geholfen:
http://css-tricks.com/learning-jquery-fading-menu-replacing-content/
PS: Bei Drupal 7 muss das $-Zeichen im Code durch "jQuery" (ohne Anführungszeichen) ersetzt werden.
Oder Du definierst die
am 09.06.2013 - 07:37 Uhr
Oder Du definierst die $-Funktion in einem Umschlag um Dein Script
(function ($){
.......
})(jQuery);
Beste Grüße
Werner