====My docs to JavaScript==== Tutaj gromadzę dokumentację podstaw ale i bardziej zaawansowanych funkcji javascript-u, które mogłyby się kiedyś przydać. Ciekawe opisy / literatura: - http://openbook.galileocomputing.de/javascript_ajax/index.htm **Veränderung des Aussehens von Elementen** Mit Hilfe von DOM (Document Object Model), das von den neueren Browsern (IE ab 5.5 und Netscape ab 6) unterstützt wird, kann man auf jedes Element zugreifen. Damit hat man auch Zugriff auf die Style-Informationen und kann das Aussehen des Elementes mit Hilfe von CSS verändern. Mit Hilfe von document.getElementById(id).style.GewEigenschaft kann man direkt die gewünschte CSS-Eigenschaft eines bestimmten Elementes ändern. //Beispiel:// Das Element
Irgendein Text
soll beim Überfahren mit der Maus rot werden. Dazu gibt man im Event-Handler 'onMouseOver' folgendes an. var element = document.getElementById("test"); element.style.color = "#FF0000";. Soll der Text beim Verlassen der Maus wieder schwarz werden, steht im 'onMouseOut' document.getElementById('test').style.color = '#000000'; Bei diesem Beispiel könnte statt "document.getElementById('test')" auch einfach nur 'this' stehen, das funktioniert aber nur, wenn sich die Veränderung auf das gleiche Objekt bezieht, das das Event auslöst. **Dynamisches Ein- und Ausblenden von Objekten** Mit Hilfe von CSS können Elemente auch dynamisch ein- und wieder ausgeblendet werden. Dies sollte aber möglichst nur auf div-Elemente angewendet werden, das heisst, man umschliesst das gewünschte Element einfach mit einem div-Tag. (Vorsicht, es gehen nur gesamte Elemente, man kann also z.B. nur eine gesamte Tabelle, nicht aber nur eine Zeile einer Tabelle dynamisch ein- und ausblenden). //Beispiel:// Wir definieren zwei Funktionen einblenden(elementname) und ausblenden(elementname), die auf beliebige Elemente angewendet werden können. %%(javascript;1) %% Mit Hilfe von zwei Links, die diese Funktionen dann aufrufen, kann nun das Element dynamisch ein- und ausgeblendet werden. einblenden ausblenden ---- ===ToolTips=== przejęte ze strony: http://webmatze.de/webdesign/javascript/tooltips.htm Einleitung Genau! Und heute möchte ich euch zeigen wie man mit sehr wenig JavaScript ansprechende Tooltips erstellen kann, die sich beliebig mit CSS formatieren lassen und deren Inhalt man mit HTML gestalten kann. Bei vielen anderen erhältlichen Scripts sind dafür häufig zig Zeilen Code notwendig. Worauf außerdem Wert gelegt werden soll, ist volle Funktionalität sowohl im Internet Explorer als auch im Mozilla. Und nicht zu vergessen Schnelligkeit! Benötigtes HTML Wir nehmen an das wir auf unserer Seite einen Link haben bei dem ein Tooltip erscheinen soll wenn jemand mit der Maus darüber fährt. Wie ein Link aussieht weiß sicher jeder: Unser Link Den Tooltip selber definieren wir irgendwo auf der Seite, indem wir ein