Im Rahmen der kompletten Neugestaltung meiner Website hatte ich mir auch Gedanken zum Hauptmenü gemacht. Während ich am Anfang noch dem Gedanken folgte, dass eigentliche Hauptmenü der Seite wieder mit Buttons vollzustopfen, fiel mir glücklicherweise ein längst untergegangener Blitzgedanke ein.
Irgendwann, als der Umbau der Seite noch längst nicht so umfangreich gedacht war, hatte ich mir überlegt eine Grafik in die Mitte zu setzen und drum herum die Buttons.
Jedes mal, wenn man einen dieser Buttons "mouseovert" (
) sollte die Grafik dann anzeigen, was der Button meint, um ggf. auch Ausländischen Besuchern ohne Translator die Navigation zu vereinfachen und weil´s einfach gut aussehen würde.
Die Seite entsteht komplett in HTML. Die Seitenstruktur wird mit einer Tabelle erstellt, da CSS aufgrund der vielen verwendeten Ihnhaltstabellen ohnehin keinen wirklichen Effekt erziehlen kann.
Nun habe ich mich auch auf dieser Seite: Der Mouseover Effekt - onmouseover javascript beispiele script java scripte mouse-over mouse over mausover etwas zu dem Thema "onmouseover" und generell JavaScript belesen.
Ich bin da recht lernfähig und hab auch nach kurzer Zeit die Funktionen des Scripts einigermaßen verstanden.
Eine Basisfrage konnte mir die Seite allerdings nicht wirklich beantworten.
Wie erstellt man ein Mouseover von mehreren Buttons ohne ein mouseout verwenden zu müssen. Mit * kann man ja wohl schlecht arbeiten
Damit man ungefähr versteht, was ich mit so vorgenommen habe, hab ich mal eine kleine Seite erstellt :mrgreen:
Vorab - Alles was sich ändert oder geklickt wird, soll per Mouseover geschehen:
Unbenanntes Dokument
Man muss sich nun vorstellen, dass das nur der Body der Seite ist. darüber befindet sich noch der Header und ein Main-Navi.
Man gelangt nun von der Startseite mittels Main-Navi auf die oben gezeigte Seite und sieht in diesem Falle das komplette Haus.
Nun interessiert man sich fürs "Mauerwerk". Per Mouseover (Tebellenzelle falls möglich oder Button) erscheint ein Bild zum Mauerwerk, geht man auf die Andere Seite zu "Türen" erscheint ein Detailbild der Türen (ggf. per "zoom" mit jQuerry - aber nebensache) mit den jeweiligen Untermenüs werden dann Bilder der jeweiligen Farben gezeigt.
Tatsächlich soll in diesem Beispiel später die jeweilige Farbe durch eine Markierung der jeweiligen Teile der Tür ersetzt werden. Schaniere markiert die Schaniere, Fensterrahmen die Fensterrahmen usw.
Ist halt nur ein extrem vereinfachtes Beispiel
Die Hintergrundfärbung der Bereiche soll für dieses Beispiel quasie nur "aktive" oder eben "passive" Bereiche markieren.
Nun beschäftige ich mich erst seit heute Mittag mit Java und versuche mich da so gut es geht schlau zu machen.
Ich stelle mir vor allem diese Fragen:
1.) Kann man Tabellenzellen für einen onmousover definieren. (entspricht den jeweiligen Bereichen)
2.) Geht das auch mit einer Tabelle in einer Tabelle? (Entspricht Bereich Tür ->gelb)
3.) Angenommen beides geht. WÄre es notwendig oder einfacher den "onmouseout"-Befehl zu verwenden?
Zumindest innerhalb eines Bereichs wäre das ja unnütz, da für den User ja nur bestimmte Bereiche des jeweiligen Bildes markiert werden. Das Bild selbst ist im jeweiligen Bereich immer das gleiche.
Meiner Überlegung nach würde es reichen, wenn man "onmouseout" nur einmal um den jeweiligen bereich legt und bei Verlassen wieder das gesamte Haus gezeigt wird. Das würde den Übergang zu einem Anderen Bereich etwas angenehmer gestalten.
4.) Aber wie soll das gehen, wenn JavaScript nicht weiß, welches Bild gerade aktiv ist und ersetzt werden soll?
Vermutlich scheitert die Hilfe nun an dem vielen Text und weniger daran, dass keiner weiß, wo mein Problem ist.
Vielleicht kann mir ja jemand helfen. Sicher sogar
Achso, die jeweiligen "Farben" im Beispiel sind später gleichzeitig Links zu einem ausführlichen Text zum jeweiligen Bereich auf einer neuen Seite.
Danke für die Hilfe,
Gruß Chris
Irgendwann, als der Umbau der Seite noch längst nicht so umfangreich gedacht war, hatte ich mir überlegt eine Grafik in die Mitte zu setzen und drum herum die Buttons.
Jedes mal, wenn man einen dieser Buttons "mouseovert" (
) sollte die Grafik dann anzeigen, was der Button meint, um ggf. auch Ausländischen Besuchern ohne Translator die Navigation zu vereinfachen und weil´s einfach gut aussehen würde.Die Seite entsteht komplett in HTML. Die Seitenstruktur wird mit einer Tabelle erstellt, da CSS aufgrund der vielen verwendeten Ihnhaltstabellen ohnehin keinen wirklichen Effekt erziehlen kann.
Nun habe ich mich auch auf dieser Seite: Der Mouseover Effekt - onmouseover javascript beispiele script java scripte mouse-over mouse over mausover etwas zu dem Thema "onmouseover" und generell JavaScript belesen.
Ich bin da recht lernfähig und hab auch nach kurzer Zeit die Funktionen des Scripts einigermaßen verstanden.
Eine Basisfrage konnte mir die Seite allerdings nicht wirklich beantworten.
Wie erstellt man ein Mouseover von mehreren Buttons ohne ein mouseout verwenden zu müssen. Mit * kann man ja wohl schlecht arbeiten
Damit man ungefähr versteht, was ich mit so vorgenommen habe, hab ich mal eine kleine Seite erstellt :mrgreen:
Vorab - Alles was sich ändert oder geklickt wird, soll per Mouseover geschehen:
Unbenanntes Dokument
Man muss sich nun vorstellen, dass das nur der Body der Seite ist. darüber befindet sich noch der Header und ein Main-Navi.
Man gelangt nun von der Startseite mittels Main-Navi auf die oben gezeigte Seite und sieht in diesem Falle das komplette Haus.
Nun interessiert man sich fürs "Mauerwerk". Per Mouseover (Tebellenzelle falls möglich oder Button) erscheint ein Bild zum Mauerwerk, geht man auf die Andere Seite zu "Türen" erscheint ein Detailbild der Türen (ggf. per "zoom" mit jQuerry - aber nebensache) mit den jeweiligen Untermenüs werden dann Bilder der jeweiligen Farben gezeigt.
Tatsächlich soll in diesem Beispiel später die jeweilige Farbe durch eine Markierung der jeweiligen Teile der Tür ersetzt werden. Schaniere markiert die Schaniere, Fensterrahmen die Fensterrahmen usw.
Ist halt nur ein extrem vereinfachtes Beispiel
Die Hintergrundfärbung der Bereiche soll für dieses Beispiel quasie nur "aktive" oder eben "passive" Bereiche markieren.
Nun beschäftige ich mich erst seit heute Mittag mit Java und versuche mich da so gut es geht schlau zu machen.
Ich stelle mir vor allem diese Fragen:
1.) Kann man Tabellenzellen für einen onmousover definieren. (entspricht den jeweiligen Bereichen)
2.) Geht das auch mit einer Tabelle in einer Tabelle? (Entspricht Bereich Tür ->gelb)
3.) Angenommen beides geht. WÄre es notwendig oder einfacher den "onmouseout"-Befehl zu verwenden?
Zumindest innerhalb eines Bereichs wäre das ja unnütz, da für den User ja nur bestimmte Bereiche des jeweiligen Bildes markiert werden. Das Bild selbst ist im jeweiligen Bereich immer das gleiche.
Meiner Überlegung nach würde es reichen, wenn man "onmouseout" nur einmal um den jeweiligen bereich legt und bei Verlassen wieder das gesamte Haus gezeigt wird. Das würde den Übergang zu einem Anderen Bereich etwas angenehmer gestalten.
4.) Aber wie soll das gehen, wenn JavaScript nicht weiß, welches Bild gerade aktiv ist und ersetzt werden soll?
Vermutlich scheitert die Hilfe nun an dem vielen Text und weniger daran, dass keiner weiß, wo mein Problem ist.
Vielleicht kann mir ja jemand helfen. Sicher sogar
Achso, die jeweiligen "Farben" im Beispiel sind später gleichzeitig Links zu einem ausführlichen Text zum jeweiligen Bereich auf einer neuen Seite.
Danke für die Hilfe,
Gruß Chris
