Kommentare zu: DOM-ROLLOVER auf Basis von DOM-Scripting und unobtrusive JavaScript http://die.netzspielwiese.de/blog/javascript-dom/2006-05/dom-rollover-auf-basis-von-dom-scripting-und-unobstrusive-javascript Sat, 22 Nov 2008 10:11:53 +0000 http://wordpress.org/?v=2.5 Von: Wordpress 2.5 - nun auch bei mir im Einsatz » die Netzspielwiese » Barrierefreies Webdesign in Ludwigsburg, Stuttgart und Umgebung http://die.netzspielwiese.de/blog/javascript-dom/2006-05/dom-rollover-auf-basis-von-dom-scripting-und-unobstrusive-javascript#comment-64399 Wordpress 2.5 - nun auch bei mir im Einsatz » die Netzspielwiese » Barrierefreies Webdesign in Ludwigsburg, Stuttgart und Umgebung Fri, 18 Apr 2008 14:58:53 +0000 http://die.netzspielwiese.de/blog/javascript-dom/2006-05/dom-rollover-auf-basis-von-dom-scripting-und-unobstrusive-javascript#comment-64399 [...] Und so funktioniert dann auch mein DOM Rollover Script. [...] […] Und so funktioniert dann auch mein DOM Rollover Script. […]

]]> Von: Franziska http://die.netzspielwiese.de/blog/javascript-dom/2006-05/dom-rollover-auf-basis-von-dom-scripting-und-unobstrusive-javascript#comment-145 Franziska Tue, 06 Jun 2006 21:09:15 +0000 http://die.netzspielwiese.de/blog/javascript-dom/2006-05/dom-rollover-auf-basis-von-dom-scripting-und-unobstrusive-javascript#comment-145 Hallo Michael, danke für die Rückmeldung! Du hast recht, man sollte darauf achten, dass alle Funktionalitäten auch ohne JavaScript weiterhin gewährleistet sind. Bei dem DOMRollover-Script ist aber auch ohne JavaScript alles in Ordnung. Es werden lediglich die Rollover-Bilder nicht angezeigt. Das finde ich zu verschmerzen. Für die Gravatar-Frage habe ich auch keine schnelle Lösung. Ich denke aber mal drüber nach ... Hallo Michael,

danke für die Rückmeldung!

Du hast recht, man sollte darauf achten, dass alle Funktionalitäten auch ohne JavaScript weiterhin gewährleistet sind.
Bei dem DOMRollover-Script ist aber auch ohne JavaScript alles in Ordnung. Es werden lediglich die Rollover-Bilder nicht angezeigt. Das finde ich zu verschmerzen.

Für die Gravatar-Frage habe ich auch keine schnelle Lösung.
Ich denke aber mal drüber nach …

]]> Von: Michael http://die.netzspielwiese.de/blog/javascript-dom/2006-05/dom-rollover-auf-basis-von-dom-scripting-und-unobstrusive-javascript#comment-144 Michael Tue, 06 Jun 2006 20:38:24 +0000 http://die.netzspielwiese.de/blog/javascript-dom/2006-05/dom-rollover-auf-basis-von-dom-scripting-und-unobstrusive-javascript#comment-144 Problem sind ja immer die Besucher, die JavaScript-nicht aktivieren, daher sind i.d.R. immer Fallback-Lösungen notwendig... Von dem her bin ich auch für den Einsatz von CSS, wo es halt geht. Trotzdem danke für Dein Beispiel, was es einfach ermöglicht es per JS umzusetzen. Ich bin derzeit an was anderem am Überlegen, was auch mit dem Laden von Bildern zu tun hat: Die Gravatare (gravatar.com) bereiten immer wieder Probleme (Ladezeiten), für WordPress gibt es IMHO 3 Plugins, 2 davon cachen die Bilder, funktioniert nur nicht wirklich. Ich habe mir überlegt, diese im Hintergrund laden zu lassen, wenn nach einer definierten Zeit (z.B. 1 oder 2 Sekunden) das Bild nicht vollständig geladen werden konnte, wird halt kein Gravatar angezeigt. Bin mir aber noch nicht sicher, welche Technik hier sinnvoll wäre. Ajax eher nicht. PHP in Verbindung mit JS vielleicht... Problem sind ja immer die Besucher, die JavaScript-nicht aktivieren, daher sind i.d.R. immer Fallback-Lösungen notwendig… Von dem her bin ich auch für den Einsatz von CSS, wo es halt geht. Trotzdem danke für Dein Beispiel, was es einfach ermöglicht es per JS umzusetzen.

Ich bin derzeit an was anderem am Überlegen, was auch mit dem Laden von Bildern zu tun hat: Die Gravatare (gravatar.com) bereiten immer wieder Probleme (Ladezeiten), für WordPress gibt es IMHO 3 Plugins, 2 davon cachen die Bilder, funktioniert nur nicht wirklich.
Ich habe mir überlegt, diese im Hintergrund laden zu lassen, wenn nach einer definierten Zeit (z.B. 1 oder 2 Sekunden) das Bild nicht vollständig geladen werden konnte, wird halt kein Gravatar angezeigt. Bin mir aber noch nicht sicher, welche Technik hier sinnvoll wäre. Ajax eher nicht. PHP in Verbindung mit JS vielleicht…

]]> Von: Franziska http://die.netzspielwiese.de/blog/javascript-dom/2006-05/dom-rollover-auf-basis-von-dom-scripting-und-unobstrusive-javascript#comment-120 Franziska Thu, 25 May 2006 13:01:44 +0000 http://die.netzspielwiese.de/blog/javascript-dom/2006-05/dom-rollover-auf-basis-von-dom-scripting-und-unobstrusive-javascript#comment-120 Ja, diese Vorgehensweise kenn ich auch. Allerdings muss dafür jeder Listeneintrag eine extra ID bekommen und im CSS ein Bild und Hover-Bild definiert werden. Wenn ich die Liste erweitern möchte, müsste ich dafür nicht nur einen neuen Listenpunkt erstellen, sondern auch noch im CSS die entsprechenden Definitionen niederschreiben. So aber kann ich die Liste beliebig erweitern und das Rollover-Script funktioniert automatisch auch. Ich kann dann also z.B. hier meine Portfolio-Links über Wordpress einfach einpflegen ohne das CSS extra erweitern zu müssen und z.B. jedem Listeneintrag eine ID hinzufügen zu müssen etc... Ich find das recht praktisch :) Ja, diese Vorgehensweise kenn ich auch.
Allerdings muss dafür jeder Listeneintrag eine extra ID bekommen und im CSS ein Bild und Hover-Bild definiert werden.

Wenn ich die Liste erweitern möchte, müsste ich dafür nicht nur einen neuen Listenpunkt erstellen, sondern auch noch im CSS die entsprechenden Definitionen niederschreiben.

So aber kann ich die Liste beliebig erweitern und das Rollover-Script funktioniert automatisch auch.
Ich kann dann also z.B. hier meine Portfolio-Links über Wordpress einfach einpflegen ohne das CSS extra erweitern zu müssen und z.B. jedem Listeneintrag eine ID hinzufügen zu müssen etc…

Ich find das recht praktisch :)

]]> Von: Jens Grochtdreis http://die.netzspielwiese.de/blog/javascript-dom/2006-05/dom-rollover-auf-basis-von-dom-scripting-und-unobstrusive-javascript#comment-119 Jens Grochtdreis Thu, 25 May 2006 11:04:09 +0000 http://die.netzspielwiese.de/blog/javascript-dom/2006-05/dom-rollover-auf-basis-von-dom-scripting-und-unobstrusive-javascript#comment-119 Und warum nutzt Du dafür das DOM und nicht pures CSS? Das ist doch kein Problem. Dagibt es mehrere Beispiele für. Einfach beim hover das Bild als Hintergundbild austauschen bzw. das Bild doppelt so breit erstellen und die Position des Hintergrundbildes ändern. An Stelle des Bildes steht dann die Bildbeschreibung in der liste und wird per Einzug um ein paar tausend Pixel nach links verschoben. Das sollte doch alles möglich sein. Das einzige, was nicht geht, ist daß beim Rollover die Linien an identischen Stellen markiert werden, also die linke Außenlinie der einen Markierung die rechte Außenlinie der anderen ist. Aber das ist nur ein Designdetail. Und warum nutzt Du dafür das DOM und nicht pures CSS? Das ist doch kein Problem. Dagibt es mehrere Beispiele für.
Einfach beim hover das Bild als Hintergundbild austauschen bzw. das Bild doppelt so breit erstellen und die Position des Hintergrundbildes ändern. An Stelle des Bildes steht dann die Bildbeschreibung in der liste und wird per Einzug um ein paar tausend Pixel nach links verschoben. Das sollte doch alles möglich sein. Das einzige, was nicht geht, ist daß beim Rollover die Linien an identischen Stellen markiert werden, also die linke Außenlinie der einen Markierung die rechte Außenlinie der anderen ist. Aber das ist nur ein Designdetail.

]]>