--> home Seitenstatus 2

 JavaScript


Einführung in JavaScript Primer

Variablen und Objekte in JavaScript. Variablen

Schleifen, Bedingungen und Funktionen in JavaScript Strukturen

Grundsätzliches zu Objekten in JavaScript Objekte

Objekte, die der Client/Browser zur Verfügung stellt Browser

Das klassische Objektmodell für Elemente einer HTML-Seite HTML

Multimedia-Objekte Multimedia

DHTML »

DOM ermöglicht den Zugriff auf HTML- oder XML-Objekte DOM

Bibliothek, Sites mit fertigen Skripten oder Beispielen Skripte

Software

Das layer-Objekt von Netscape
layer
Das all-Objekt von Microsoft
all
Stylesheets werden im Navigator über JavaScript erledigt.
NN: Stilklassen
Ereignis-Objekt
Ereignis

Ereignisse unter dem Navigator
Navigator
Ereignisse unter dem Internet Explorer
Microsoft IE
Konstanten und Eventhandler-Objekte
Konstanten
Ereigniseigenschaften
Eigenschaften
CrossBrowser-Programmierung
Crossbrowser
Links zu DHTML
Links

PageMap 
(Umfang 188 Seiten)



Sponsoring  




JavaScript-Objekte

spez. Seiten zu JavaScript  





 


Auswahl dBooks:

Suche und verwandte Themen  





Verschiedenes  


Netonstage - webprojekte - webconsulting - softwareentwicklung
back


     Ereignis

Mit den 4.0 Versionen haben Netscape und Microsoft zwei unterschiedliche Ereignis-Objekte eingeführt, die eine der Grundlagen für dynamisches, interaktives DHTML sind.

Ereignisse wie Mausklicks oder das Drücken einer Taste spielen eine zentrale Rolle beim Aufbau von interaktiven Oberflächen. Ein Hyperlink oder ein Formular sind interaktive Elemente, die in jedem Browser "eingebaut" sind.

In JavaScript hat der NN zuerst Event-Attribute für einige Elemente eingeführt, um andere Aktionen wie mouseover abzufangen.

Thema ist hier das Event-Objekt, das MSIE und NN ab den 4.0-Versionen zur Verfügung stellen und das beispielsweise die Abfrage der Position des Mauszeigers möglich macht.

Trotz prinzipieller Äquivalenz unterscheiden sich die Objekte von NN und MSIE bis hin zu den Eigenschaften: So heißt z.B. die Eigenschaft für die horizontale Position beim MSIE clientX und beim NN pageX.

    Cross-Browser Event-Skript.


Hier wird die Position des Mauszeigers für jedes "sensivitive" Element wie z.B. Hyperlinks in den beiden Formularfeldern angezeigt. Bei anderen Elementen tritt keine Aktion auf. Es wird dabei eine Unterscheidung zwischen den verschiedenen Eigenschaftennamen und Events berücksichtigt.
   Ergebnis
   Quellcode

<script language="javascript">
<!--
function getPosition(eventObject) {
 eval("document.forms['positionForm'].elements['positionX'].value=" + eventAccess + "." + pageX);
 eval("document.forms['positionForm'].elements['positionY'].value=" + eventAccess + "." + pageY);
  return true;
}
var pageX="clientX";
var pageY="clientY";
var eventAccess="window.event";
if (window.Event) {   // only NN
   document.captureEvents(Event.MOUSEOVER);
   pageX="pageX";
   pageY="pageY";
   eventAccess="eventObject";
}
document.onmouseover = getPosition;

//-->
</script>


<form name="positionForm">
<input type="text" size="4" name="positionX">
<input type="text" size="4" name="positionY">
</form>







  Links



Unkommentierte Links:

Bewertung: netscape.com: Browser-Friendly Dragging in Dynamic HTML
Bewertung: SelfHTML: event-Objekt
Bewertung: meome.de: Events
Bewertung: tech.irt.org: Events
Bewertung: tech.irt.org: Events And Event-Handlers
Bewertung: webreview.com: Exclusive Hover Buttons With DOM 2 Events
Bewertung: irt.org: FAQ: JavasScript Events
Bewertung: irt.org: FAQ: JavasScript Mouse Pointer
Bewertung: mut.de: JavaScript in 21 Tage: Globale Ereignisbehandlung
Bewertung: tech.irt.org: Man-Handling Events #2
Bewertung: tech.irt.org: Man-Handling Events #3
Bewertung: webreference.com: Netscape 6, Part III: The Event Model
Bewertung: webreference.com: Netscape 6, Part III: The Event Model
Bewertung: wsabstract.com: One Event - many Handlers
Bewertung: webcoder.com: The Amazing Event-Model
Bewertung: webcoder.com: The Amazing Event-Model (1)
Bewertung: webreference.com: The Cross-Browser Event Model
Bewertung: wsabstract.com: Understanding Event-Handlers in JavaScript
Bewertung: alistapart.com: Using Events in the Document Object Model

Link empfehlen



 forward


(München, 2001-04-14 14:05:48 / )
Der Betreiber von www.dBooks.de übernimmt keine Verantwortung für den Inhalt und die Richtigkeit der Angaben auf den verlinkten Websites. Zu den üblichen NoNos gibt es keine direkten Verweise.

(Umfang dBook JavaScript: 188 Themenseiten )
letzte Generierung Mon, 30 Apr 2001 12:27:59 GMT 76
© Werner Diwischek