Navi Leiste zum ausklappen

[moni]

@ Chriss...

Danke dir für deinen Tipp..

die leiste läuft in IE , OPERA und genauso gut auch in Firefox ...weiß nicht ob sonst in Safari und anderen Browsern auch genauso so ist

und man kann sie auch super gut gestalten ...

[chriss]

Ja. Die liste läuft in allen Browser.
Dazu ist das jQuery Framework ja da.

jQuery ist nichts nur eine überarbeitung und eine vereinfachung der JavaScipt syntaks, sondern ihre Methoden und Opjekte enthalten auch alle Brwoserhacks.
jQuery Methoden funktionieren also in ALLEN browsern gleich.

Desswegen wird heutzutage auch fast ausschließlich in jQuery rumgescripted^^

Und natürlich kannst du auch weitere Buttons einfügen. Dazu musste in den Textbereich einfach eine Liste erstellen.

[thaileben]

sehr Interessant
mich überzeugte jedoch das erstere eher wo man einfach drauffährt und es wird Automatisch ausgeklappt
wenn das auch machbar ist
Ihr seit echt gut

[moni]

@ Chriss..

Danke für die Info...ich versteh nichts vom JS und sonst anderen Systemen... und es ist gut zu wissen solche Sachen ...
Ja stimmt man kann eine leiste da einbauen und auch durch css Gestaltung mit Buttons schöner machen ..
werde da später experimentieren
Und noch mal Kurz zur meine Chaotischen Quelltext.... da bin mir sicher das du das nicht gesagt hast um mich zu ärgern ,
sondern hast in Hinterkopf einen konkreten Hinweis um anders zu machen ODER ?
Bin dankbar für Vorschläge.. was ist heute angesagt ?
als Grundlage für meinen Quelltext benutzte ich den Generator http://csslayoutgenerator.com/
dann gestellte ich das ..CSS...leiste einbauen noch usw...
Was ich gern wissen wollte ist welchen Docktype soll man am besten nehmen ?
und hast sonst noch welchen Tipps dazu ?

@ Jürg...

ja die andere war ein bisschen anders als die..da hat sich alle automatisch ausgebreitet ..hier muss man schon anklicken ..

[chriss]

Also ersteinmal zum Quelltext

Mit Chaotisch meine ich, das du eine alles in einem Taktik vernwendet hast.
Heutzutage wird strickt getrennt zwischen HTML, CSS und JS.

DIe HTML Dateien enthalten NUR den link zu den CSS und JS datei sowie alle INHALTSTRAGENDEN elemente und deren Auszeichnung.
DU hingegen hast HTML, CSS und JavaScipt alles in einer Datei.

Außerdem hast du den Quelltext sehr schlecht eingerückt. (Danke mal eher das ist bedingt durch den Baukasten)

<span class="schrift" style="font-size: medium"><span style="font-family: Impact">

Dessweiteren Sollte Schriftformatierung über class= funktionieren, und die angaben zur gestaltung in CSS ausgelagert werden.


Jetzt nochmal zu der navigation

Code: Alles auswählen

	$('.accordionButton').click(function() { 

In dieser Zeile wird der eventhandler durch das "click" event ausgelöst. Du kannst den eventhandler natürlich nach belieben ändern..

Beispiel für ein mouseOver-event:

Code: Alles auswählen

	$('.accordionButton').hover(function() { 

[moni]

Ja meine Taktik ist schon chaotisch ..da muss ich zu geben..
das auslagern vom Dateien ist mir schon bekannt ....
Finde ich , so lange man am testen und versuchen ist da es geht noch ,aber wen es fertig´dann ist da ohne auslagern sieht nur verwirrend aus..

Diesen Satz hab eich nicht verstanden...

Außerdem hast du den Quelltext sehr schlecht eingerückt

das mit dem Schrift Formatierung da werde zu nächst mir ein paar Infos lesen müssen...(Kenntnisse erweitern )

Danke für dein Skript Ergänzung für die leiste