Kleine Sammplung von Tips und Tricks

Sprache:
Javascript

Typ:
Beispiele

Stand:
k.a.

Stichworte:
Javascript, JScript, HTML, Beispiele
 
 
 
Beschreibung

Eine kleine Sammlung von Standard Problemen, nach deren Lösung ich schon mal suchen mußte.


Maus Position ermitteln (global)

[NN: JS] <script language="JavaScript"> function MousePos(Ereignis) { y = Ereignis.pageY; x = Ereignis.pageX; window.captureEvents(Event.MOUSEMOVE); window.onmousemove = MousePos;} window.captureEvents(Event.MOUSEMOVE); window.onmousemove = MousePos; </script> [IE: JScript] <script for=document event="onmousemove()" language="JScript"> {document.all.layer1.style.posTop = window.event.clientY-10;} </script>
Verhindern, daß eine Seite ohne Frames aufgerufen wird (zurück zur Frames Index Seite)

if (top.frames.length==0) {window.location.href='../index.html';}
Verhindern, daß eine Seite ohne Frames aufgerufen wird (zurück zur Frames Index Seite)

if ((navigator.appVersion.substring(0,1) >= '4') && (screen.width >= 800) && ((navigator.appName=='Netscape') || (navigator.appName=='Microsoft Internet Explorer'))) { window.location.href='seiten/_index.html';}
Ruft autom. eine Seite auf, falls der Browser ein NN oder IE 4+ und die Bildschirm Auflösung >=800(x600) ist.

if ((navigator.appVersion.substring(0,1) >= '4') && (screen.width >= 800) && ((navigator.appName=='Netscape') || (navigator.appName=='Microsoft Internet Explorer'))) { window.location.href='seiten/_index.html';}
Ruft ein Fenster im Fullscreen Modus auf (nur IE)

win1=open("test.htm", "Nur eine Demo", fullscreen=1 ,scrollbars=yes, statuabar=no, menubar=0, resizable=no);
Links mit verschiedenen Zielen

// Standard Linkaufruf (ggfs. im Standard Frame) window.location.href='index.htm'; // Linkaufruf mit Zielframe ('Hauptframe' durch Namen des Frames ersetzen) parent.Hauptframe.location.href='index.htm'; // Linkaufruf der ggfs. vorhandene Frames zerstört parent.location.href='index.htm';
Layer NN 4 und IE kompatibel ansprechen

<SCRIPT LANGUAGE="JavaScript"><!--// /******* browser config ******/ if (document.layers) { var doc = 'document.'; var vis = '.visibility'; // usw. } else if (document.all) { var doc = 'document.all.'; var vis = '.style.visibility'; // usw. } else {document.write("Layer nicht unterstützt");} /******* BSP Aufruf: Layer anzeigen u verstecken******/ function Show(Nr) {eval(doc + 'lay' + Nr + vis + ' = "visible"');} function Hide(Nr) {eval(doc + 'lay' + Nr + vis + ' = "hidden"');} //--></script> <HTML> <div id="lay1" style="position:absolute; left:50px; top:100px; z-index:1; visibility: visible">Ich bin Layer 1</div> <div id="lay2" style="position:absolute; left:50px; top:100px; z-index:2; visibility: hidden">Ich bin Layer 2</div> <a href="#w" onMouseOver="Show(1);Hide(2);"> ZEIGE LAYER 1 UND VERSTECKE LAYER 2 </a><br> <a href="#w" onMouseOver="Show(2);Hide(1);"> ZEIGE LAYER 1 UND VERSTECKE LAYER 2 </a><br> </HTML>
JScript - HTML Listboxen(OPTION/SELECT) mit Einträgen füllen

function AddItem1(Text1) { var op = document.createElement("OPTION"); op.text=Text1; op.value="1"; document.all.D1.add(op); } function RemoveItem1(ID1) { document.all.D1.remove(ID1); }


Impressum
 


Copyright 2002,2003 M. Schmitz