--> home Seitenstatus 3

 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

Dynamisches HTML der ersten Generation DHTML

DOM »

Bibliothek, Sites mit fertigen Skripten oder Beispielen Skripte

Software

Links zu JavaScript und DOM
Links
Knoten im DOM - Methoden und Eigenschaften
Knoten
Dokument im DOM - Methoden und Eigenschaften
Dokument
Element-Interface im DOM - Methoden und Eigenschaften
Element
Daten im DOM - - Methoden und Eigenschaften
Daten
Weitere Objekte, die im DOM definiert sind.
Weitere Objekte
Das style-Objekt
style


Text

Hintergrund

Blöcke

Ebenen

Listen

sonst.

PageMap 
(Umfang 188 Seiten)



Sponsoring  




JavaScript-Objekte

spez. Seiten zu JavaScript  





 


Auswahl dBooks:

Suche und verwandte Themen  





Verschiedenes  


Netonstage - webprojekte - webconsulting - softwareentwicklung
back


     style

Das Style-Objekt erlaubt die Stiländerung eines beliebigen Elementes. Das ursprünglich von Microsoft definierte Objekt ist im Prinzip in DOM 2 übernommen worden.

Mit dem Objekt style erhält man Zugriff auf die Stylesheet-Angaben eines HTML-Elements.

Da das Style-Objekt sich ohne Beschränkungen auf die kompletten Style-Sheet-Definitionen bezieht, ist diese Thema direkt unterhalb des CSS-Teils eingehängt. Die möglichen Werte sind analog zu den Stylesheet-Kapiteln geordnet.

    Verstecken und Anzeigen


   Ergebnis
Dies ist ein Textbeispiel. Auf Klick ändert sich die Größe und Farbe.
   Quellcode

<style type="text/css">
#nashorn{position:absolute;visibility:visible;top:555;left:555;z-index:1;}
#hund{position:absolute;visibility:visible;top:450;left:500;z-index:1;}
#schrift{font-family:sans-serif;font-size:18px;color:red;}
</style>


<div id="nashorn"
   onmouseover="
      document.getElementById('hund').style.visibility='visible';
      document.getElementById('nashorn').style.visibility='hidden';
   "><img
      src="/pic/example/nashorn.jpg"
      width=320 height=170" name="bild"  border="1"></div>

<div id="hund"
   onmouseout="
      document.getElementById('hund').style.visibility='hidden';
      document.getElementById('nashorn').style.visibility='visible';
   "><img
      src="/pic/example/hund.jpg"
      width=320 height=170" border="1"></div>

<div id="schrift"
   onclick="
      document.getElementById('schrift').style.color='blue';
      document.getElementById('schrift').style.fontSize='40px';
   "
   onmouseout="
      document.getElementById('schrift').style.color='green';
      document.getElementById('schrift').style.fontSize='12px';
   "
   >Dies ist ein Textbeispiel. Auf Klick ändert sich die Größe und Farbe.
</div>






  Links



Unkommentierte Links:

Bewertung: WebDevelopersJournal.com: Collections and Styles
Bewertung: microsoft.com: DHTML: styleSheets Object
Bewertung: w3.org: DOM Level 2: Document Object Model CSS #CSS2 Extended Interface
Bewertung: webreference.com: Dynamic Styles
Bewertung: mut.de: JavaScript in 21 Tagen: Style Sheets und das Style-Objekt
Bewertung: netscape.com: JavaScript-Referenz: Style Object
Bewertung: webreview.com: Layering with Zindex
Bewertung: webreference.com: Rotating Text Banners
Bewertung: microsoft.com: style Object
Bewertung: microsoft.com: style Object Members
Bewertung: SelfHTML: style-Objekt
Bewertung: microsoft.com: stylesheet Object
Bewertung: google.de: Suche: javascript+styles+objekt (de)

Link empfehlen



 forward


(München, 2001-02-12 00:00:00 / )
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 14:09:55 GMT 179
© Werner Diwischek