[PopupLinks]
Nightfire Webworker Archiv
Variable Breite
Zweizeiliges Popup
Beispiel mit Bild
sehr lange Beschreibung
Pesistentes Popup mit Links

Ein weiteres Script der "Tooltip"- Familie.

[Kompatibilität]

[zwischen <HEAD> und </HEAD>]

<script language="JavaScript">

<!-- Original:  Patrick Lewis (gtrwiz@aol.com) -->
<!-- Web Site:  http://www.patricklewis.net -->
<!-- Begin
//   ##############  SIMPLE  BROWSER SNIFFER

if (document.layers) {navigator.family = "nn4"}
if (document.all) {navigator.family = "ie4"}
if (window.navigator.userAgent.toLowerCase().match("gecko")) {navigator.family = "gecko"}

//  #########  popup text
descarray = new Array(
"Diese Seite bietet die besten Scripts an!",
"Die Popups weisen verschiedene Breiten auf. Das hängt von der Länge des Textes ab.",
"Sie können aber auch <b>zwei</b> Zeilen <br>und HTML- Inhalte einsetzen.",
"Sie können aber auch Bilder einsetzen wie hier:<br><img src=MSIE4.gif>",
"Sie können aber auch eine richtig lange <br>Beschreibung einsetzen, falls es nötig wird, <br>etwas detailliert zu erklären, <br>wie eine Warnung über den Inhalt <br>oder so was in der Art ;-).",
"</center>Zu guter Letzt können Sie Links einsetzen:<br><a href='http://www.nightfire.ch/'>Nightfire Java Archiv</a><br><a href='http://www.nightfire.ch/'>Nightfire Java Archiv</a><br><a href='http://www.nightfire.ch/'>Nightfire Java Archiv</a><br>mit einer kleinen Änderung des onmouseout event handler."
);

overdiv="0";
//  #########  CREATES POP UP BOXES
function popLayer(a){
if(!descarray[a]){descarray[a]="<font color=red>This popup (#"+a+") isn't setup correctly - needs description</font>";}
if (navigator.family == "gecko") {pad="0"; bord="1 bordercolor=black";}
else {pad="1"; bord="0";}
desc =    "<table cellspacing=0 cellpadding="+pad+" border="+bord+"  bgcolor=000000><tr><td>\n"
 +"<table cellspacing=0 cellpadding=3 border=0 width=100%><tr><td bgcolor=ffffdd><center><font size=-1>\n"
 +descarray[a]
 +"\n</td></tr></table>\n"
 +"</td></tr></table>";
if(navigator.family =="nn4") {
 document.object1.document.write(desc);
 document.object1.document.close();
 document.object1.left=x+15;
 document.object1.top=y-5;
 }
else if(navigator.family =="ie4"){
 object1.innerHTML=desc;
 object1.style.pixelLeft=x+15;
 object1.style.pixelTop=y-5;
 }
else if(navigator.family =="gecko"){
 document.getElementById("object1").innerHTML=desc;
 document.getElementById("object1").style.left=x+15;
 document.getElementById("object1").style.top=y-5;
 }
}
function hideLayer(){
if (overdiv == "0") {
 if(navigator.family =="nn4") {eval(document.object1.top="-500");}
 else if(navigator.family =="ie4"){object1.innerHTML="";}
 else if(navigator.family =="gecko") {document.getElementById("object1").style.top="-500";}
 }
}

//  ########  TRACKS MOUSE POSITION FOR POPUP PLACEMENT
var isNav = (navigator.appName.indexOf("Netscape") !=-1);
function handlerMM(e){
x = (isNav) ? e.pageX : event.clientX + document.body.scrollLeft;
y = (isNav) ? e.pageY : event.clientY + document.body.scrollTop;
}
if (isNav){document.captureEvents(Event.MOUSEMOVE);}
document.onmousemove = handlerMM;
//  End -->
</script>

[zwischen <BODY> und </BODY>]

<div id="object1" style="position:absolute; background-color:FFFFDD;color:black;border-color:black;border-width:20; visibility:show; left:25px; top:-100px; z-index:+1" onmouseover="overdiv=1;"  onmouseout="overdiv=0; setTimeout('hideLayer()',1000)">
Einige Beispiele
</div>

<!--  THE TEXT FOR THE POPUP DESCRIPTIONS ARE ON LINE 12  -->

<a href="http://www.nightfire.ch" onMouseOver="popLayer(0)" onMouseOut="hideLayer()"><font size=-1 face=arial><b>
Nightfire Java Archiv
 </b></font></a><br>

<a href="#" onMouseOver="popLayer(1)" onMouseOut="hideLayer()"><font size=-1 face=arial><b>
Variable Breite
 </b></font></a><br>

<a href="#" onMouseOver="popLayer(2)" onMouseOut="hideLayer()"><font size=-1 face=arial><b>
Doppelter Rahmen
 </b></font></a><br>

<a href="#" onMouseOver="popLayer(3)" onMouseOut="hideLayer()"><font size=-1 face=arial><b>
Beispiel mit Bild
 </b></font></a><br>

<a href="#" onMouseOver="popLayer(4)" onMouseOut="hideLayer()"><font size=-1 face=arial><b>
sehr lange Beschreibung
 </b></font></a><br>

<a href="#" onMouseOver="popLayer(5)" onMouseOut="setTimeout('hideLayer()',2000)"><font size=-1 face=arial><b>
Pesistentes Popup mit Links
 </b></font></a><br>

[Autor]

Patrick Lewis

[Download]

Kopieren Sie bitte den Code

Copyright © 1998- Nightfire Webworker Archiv Script No: 0209