Divs dynamisch ein- und ausblenden

[DSB]

Hallo Forum,

nachdem ich am letzten Treffen bei Ingo "erfolgreich" teilgenommen habe, wird es nun auch mal wieder Zeit für einen sinnvollen Beitrag.

Vor kurzem benötigte ich eine Javascriptroutine, die dynamisch Bilder und Texte an unterschiedlichen Positionen einblenden sollte. Also machte ich mich auf die Suche und fand nur ein kleines Grundgerüst, welches ich um ein paar Funktionen erweitert habe, damit meine Anforderungen erfüllt wurden.

Das Script sollte folgende Anforderungen erfüllen:

- einblenden von beliebigem Text und Bildern inklusive ausgeführtem HTML-Code
- fährt man mit der Maus über das Div, so soll der Ablauf solange unterbrochen werden, bis die Maus das Div verlässt
- der Ein- und Ausblendvorgang soll zeitlich steuerbar sein (auf jeder Webseite unterschiedlich)
- die Pause zwischen 2 Einblendvorgängen soll zeitlich steuerbar sein (auch von Seite zu Seite)
- per CSS soll das Aussehen generell vorgegeben sein. Trotzdem sollen Abweichungen für Sonderfälle möglich sein

Das fertige Script und ein Tutorial dazu könnt ihr euch hier ansehen: http://www.dislabs.de/index.php?ac=labor&sub=3&id=10
Viel Spaß damit und ich hoffe, dass der ein oder andere sowas gebrauchen und etwas damit anfangen kann.
Verbesserungen sind natürlich jederzeit willkommen.

[the-architect]

coole sache, danke!

[Nele]

Wow, super Sache. Kann ich bestimmt irgendwo mal brauchen. Dankeschön!!!

[Rea]

Ich bedank mich auch, sehr s........ Teil!

[Nele]

Ich hab mal nen Browsertest mit den mir zur Verfügung stehenden Browsern gemacht:

IE 6 läuft;
IE 5.5 läuft, aber ohne Fadeeffekt;
NS 6 und NS 7 alles rogerson;
Firefox 0.8 und 1.4 sowieso allerbest;
Opera 7 läuft, aber auch ohne Fadeeffekt

NS4 läuft nicht =)

Alles in Allem also wirklich klasse und auf den Fadeeffekt kann man auch gut verzichten.

P.S. Wenn du magst, teste ich morgen noch im Mac.

[DSB]

Vielen Dank für euer nettes Feedback.
Da freut sich die Coderseele.

Zitat von Nele

P.S. Wenn du magst, teste ich morgen noch im Mac.

Au das wäre super.
Nach meinem Hintergrundwissen müsste es eigentlich sogar inklusive Fadeeffekt laufen, aber man weiß ja nie...
Da ich keinen Mac habe wäre ich dankbar dafür.

P.S.: NS 4 kann so viele Dinge nicht, das mir das wurscht ist. :-)
Man sollte die Funktion auch nicht für wichtige Dinge wie Menüs nutzen, sondern eher für nette Zusatzeffekte, die aber die Usability der Webseite nicht maßgeblich beeinflussen.

Das Opera den Fadeeffekt nicht macht ist klar und wird ja auch im Tutorial erwähnt.

[Nele]

Im IE 5.1 auf dem Mac geht's auch, aber ohne Fadeeffekt.
Im Netscape7 ist alles rogerson.

Ich geh mal davon aus, dass es im Safari auch geht.

[DSB]

Zitat von Nele

Ich geh mal davon aus, dass es im Safari auch geht.

Das müsste sogar mit Blendeffekt funktionieren.
Der Befehl für den Safari ist im Script enthalten.

[321]

Thnx & @DSB!

Wirklich was nützliches und mit etwas Phantasie ein Grundstock für tolle Presentationen!

[DSB]

@321
Genau das dachte ich mir auch. Vielen Dank. *freu*

Ich freue mich sehr, dass doch einige für das Script Verwendung haben und erkennen, dass man aus dieser Grundroutine noch was richtig "Fettes" basteln kann.
Das bestätigt mich wiederum in der Annahme, dass das TP-Forum der absolut richtige Ort war, um das zu veröffentlichen. Von Profis für Profis - ich fühle mich zu Hause. *g*
Vielen Dank für Eure Feedbacks.