DHTML Fenster - HTMLopen.de

Kompatibilität: Ms Internet Explorer, Netscape

Sehr interassante Demo, die eine unabhngige Fenster im Dokument kreiert. Kein Klick notwendig, mit dem Effekt "OnMouseOver" untersttzt.

[ Das Beispiel zeigen ]

HTML Code für deine Website

<HTML> <HEAD>  <TITLE>HTMLopen - Dynamic HTML Beispiele</TITLE> <script> /******************************************************************************** This script is made by and copyrighted to Thomas Brattli at www.bratta.com Visit www.bratta.com/dhtml for more great scripts. This may be used freely as long as this msg is intact! I'd appriciate any links to my page. ********************************************************************************///You have to set some variables here://Set the font for the msg msgFont='Arial,helvetiva'//Set the fontSize in px msgFontSize=12//Set the fontColor msgFontColor="black"/******************************************************************************** Here's the array that holds the text to change the divmessage to when you mouseover. Change the text here ********************************************************************************/ messages=new Array(6) messages[0]="link 1" messages[1]="link 2" messages[2]="link 3" messages[3]="link 4" messages[4]="link 5" messages[5]="Um Bilder einzufügen, bitte die Ausführungszeichen nicht benutzen." messages[6]=""/******************************************************************************** You don't have to change anything below this ********************************************************************************///Browsercheck: ie=document.all?1:0 n=document.layers?1:0 /******************************************************************************** Constructing the ChangeText object ********************************************************************************/ function makeChangeTextObj(obj){ this.writeref=(n) ? eval('document.'+obj+'.document'):eval(obj); this.writeIt=b_writeIt; } function b_writeIt(text){ if(n){ this.writeref.write(text) this.writeref.close() } if(ie)this.writeref.innerHTML=text } /******************************************************************************** The function that calls objects write function with the corect font size and such onmouseover and mouseout. ********************************************************************************/ function changeText(num){ if(ie || n) oMessage.writeIt('<span style="font-size:' +msgFontSize+'px; font-family:'+msgFont+'; color:'+msgFontColor+'">'+messages[num]+'</span>') } /******************************************************************************** This calls the object constructor ********************************************************************************/ function changeTextInit(){ if(ie || n) oMessage=new makeChangeTextObj('divMessage') } //Calls the init function on pageload onload=changeTextInit </script> </HEAD><BODY><div id="divlinks" style="position:absolute; left:200; top:170"> <a href="#" onmouseover="changeText(0)" onMouseout="changeText(6,0)">Link 1</a> <a href="#" onmouseover="changeText(1)" onmouseout="changeText(6,1)">Link 2</a> <a href="#" onmouseover="changeText(2)" onmouseout="changeText(6,2)">Link 3</a> <a href="#" onmouseover="changeText(3)" onmouseout="changeText(6,3)">Link 4</a> <a href="#" onmouseover="changeText(4)" onmouseout="changeText(6,4)">Link 5</a> <a href="#" onmouseover="changeText(5)" onmouseout="changeText(6,5)">Link 6</a> </div> <div id="divMessage" style="position:absolute; left:200; top:200"> In questo punto viene visualizzato il testo o le immagini </div> </BODY> </html>

Bilder oder Texte anzeigen