Brauche hilfe beim anpassen einer Infobox an meine website…
onemillion.lima-city.de/html/index.html
ganz unten bei der Fußzeile wollte ich eine Infobox einbauen… Leider funktioniert sieht in verbindung mit irgendetwas auf meiner webiste nicht
Ohne die Seite sieht mach die Infobox!!!
<html>
<head>
<title>INFOBOX DEMO.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<STYLE type=text/css>
.infotipp:link { COLOR: #000066; BACKGROUND-COLOR: #FFFFFF TEXT-DECORATION: underline }
.infotipp:visited { COLOR: #000099; TEXT-DECORATION: underline }
.infotipp:hover { CURSOR: HELP; COLOR: #FFFFFF; BACKGROUND-COLOR: #669900; TEXT-DECORATION :none }
.infotipp:active { COLOR: #000000; BACKGROUND-COLOR: #FFFFFF }
</STYLE>
<script type="text/javascript" language="JavaScript">
<!--
/* GLOBALE BOX-EINSTELLUNGEN */
// RAHMENFARBE...
var RaCol = "000099";
// HINTERGRUNDFARBE...
var HgCol = "FFFFEA";
// TITEL = SCHRIFTART / GRÖSSE / FARBE...
var TitEinst = "<font face=Verdana, Arial, Helvetica, sans-serif size=1 color=FFFFFF>";
// TEXT = SCHRIFTART / GRÖSSE / FARBE...
var TexEinst = "<font face=Arial, Helvetica, sans-serif size=2>";
// ANZEIGEPOSITIONEN AM MAUSZEIGER JA/NEIN...
var AmMauszeiger = "JA";
// ANZEIGEPOSITIONEN ÄNDERN, BEI MAUSZEIGER AUF JA WERDEN
// WERDEN DIESE POSITIONEN DER MAUSPOSITION HINZUGEFÜGT...
var XPosi = -15;
var YPosi = 0;
if (document.layers){navigator.family = "nn4"}
if (document.all){navigator.family = "ie4"}
if (window.navigator.userAgent.toLowerCase().match("gecko")){navigator.family = "gecko"}
mausueber="0";
function ErzeugeTabelle(der_titel,der_text)
{
if (der_titel != "")
{
DieTabelle="<table cellspacing=0 cellpadding=1 border=0><tr><td>\n"
+"<table cellspacing=0 cellpadding=1 border=0 width=100% align=center>\n"
+"<tr>\n"
+"<td bgcolor="+RaCol+">"+TitEinst+"<b>\n"
+der_titel+"\n"
+"</b></font></td>\n"
+"</tr>\n"
+"<tr>\n"
+"<td bgcolor="+HgCol+">\n"
+"<table width=100% border=0 cellspacing=5 cellpadding=0><tr>\n"
+"<td bgcolor="+HgCol+">"+TexEinst+"\n"
+der_text+"\n"
+"</font></td></tr></table>\n"
+"</td>\n"
+"</tr></table>\n"
+"</td></tr></table>\n";
}
else
{
DieTabelle="<table cellspacing=0 cellpadding=1 border=0><tr><td>\n"
+"<table cellspacing=0 cellpadding=1 border=0 width=100% align=center>\n"
+"<tr>\n"
+"<td bgcolor="+HgCol+">\n"
+"<table width=100% border=0 cellspacing=5 cellpadding=0><tr>\n"
+"<td bgcolor="+HgCol+">"+TexEinst+"\n"
+der_text+"\n"
+"</font></td></tr></table>\n"
+"</td>\n"
+"</tr></table>\n"
+"</td></tr></table>\n";
}
}
function ZeigeFenster(der_titel,der_text)
{
ErzeugeTabelle(der_titel,der_text)
if(navigator.family =="nn4") // NETSCAPE-NAVIGATOR...
{
document.infoobjekt.document.write(DieTabelle);
document.infoobjekt.document.close();
document.infoobjekt.left=x+65;
document.infoobjekt.top=y-25;
}
else if(navigator.family =="ie4") // INTERNET-EXPLORER...
{
infoobjekt.innerHTML=DieTabelle;
infoobjekt.style.pixelLeft=x+65;
infoobjekt.style.pixelTop=y-25;
}
else if(navigator.family =="gecko") // MOZILLA FIREFOX...
{
document.getElementById("infoobjekt").innerHTML=DieTabelle;
document.getElementById("infoobjekt").style.left=x+70;
document.getElementById("infoobjekt").style.top=y-25;
}
}
function hideLayer(){if (mausueber == "0"){
if(navigator.family =="nn4") {eval(document.infoobjekt.top="-500");}
else if(navigator.family =="ie4"){infoobjekt.innerHTML="";}
else if(navigator.family =="gecko") {document.getElementById("infoobjekt").style.top="-500";}
}
}
var isNav = (navigator.appName.indexOf("Netscape") !=-1);
function handlerMM(e)
{
if (AmMauszeiger == "NEIN")
{
x = XPosi;
y = YPosi;
}
else
{
x = (isNav) ? e.pageX : event.clientX + document.body.scrollLeft+XPosi;
y = (isNav) ? e.pageY : event.clientY + document.body.scrollTop+YPosi;
}
}
if (isNav){document.captureEvents(Event.MOUSEMOVE);}
document.onmousemove = handlerMM;
//-->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<!-- DIV EBENE DEFINIEREN background-color:000099; Rahmenfarbe -->
<div id="infoobjekt" style="position:absolute; background-color:000099; color:black; border-color:black; border-width:20; visibility:show; left:25px; top:-500px; z-index:+1" onMouseOver="mausueber=1;" onMouseOut="mausueber=0; setTimeout('hideLayer()',1000)">
</div>
<div align="center"><br>
<a class="infotipp" href="#" onMouseOver="ZeigeFenster
('Impressum:','Daniel Albrecht'+
'<BR>Bei weiterem interesse'+
'<BR>senden sie mir bitte'+
'<BR>eine Nachricht mit dem'+
'<BR>kontakt Script zu!'+
'<BR>'+
'<BR>Daniel Albrecht')" onMouseOut="hideLayer()">
<img src="http://onemillion.lima-city.de/fusszeile.jpg" alt="fußzeile" width="780" height="53" border="0" align="left" />
</a>
</body>
</html>
wieso funktioniert das nicht mit meiner webiste in verbindung??:
Könnte mir das jemand erklären
Hoffe auf Antwort
Daniel