Netscapefejl i tooltip script
Hvis du finder og retter fejlen, så nedenstående script kommer til at virke i Netscape Navigator 4+ og Internet Explorer 4+ så vanker der 90 point hvis svaret __er postet inden kl. 18:00__Hvis ikke ryger værdien ned på 70 point.
Scriptet indeholder flg. sammen med HTML-koden
<html>
<head>
<title>PC Magasinet - Nettets bedste artikler</title>
</head>
<style>
<!--
{ font-family: Arial; font-size: 10 pt }
.menu-a { text-decoration: none; color: white;}
a {color: darkblue; text-decoration: underline;}
As:hover {text-decoration: none; }
.tb {background: #6699cc;}
-->
</style>
<body bgcolor="#E0E0E0">
<SPAN ID="test" STYLE="position: absolute;"></SPAN>
<table align="center" bgColor="#ffffff" border="0" cellPadding="0" cellSpacing="0" width="750">
<tr>
<td rowSpan="5" vAlign="top" width="125">
<table width="125" border="0" cellspacing="0">
<tr>
<td bgColor="#6699CC" class="tb" height="17" width="121"><b><font size="2" face="Arial" color="#FFFFFF">
</font>
<a href="http://www.pcmagasinet.dk/artikler/"><font size="2" face="Arial" color="#FFFFFF">Artikler</font></a></b>
</td>
</tr>
<tr>
<td bgColor="#6699CC" class="tb" height="21" width="121">
</td>
</tr>
<tr>
<td bgColor="#6699CC" class="tb" height="18" width="121"><b><font size="2" face="Arial" color="#FFFFFF">
</font>
<a href="http://www.pcmagasinet.dk/nyheder/"><font size="2" face="Arial" color="#FFFFFF">Nyheder</font></a></b></td>
</tr>
<tr>
<td bgColor="#6699CC" class="tb" height="21" width="121"> </td>
</tr>
<tr>
<td bgColor="#6699CC" class="tb" height="18" width="121"><b><font size="2" face="Arial" color="#FFFFFF">
</font><a href="http://www.pcmagasinet.dk/surfer/"><font size="2" face="Arial" color="#FFFFFF">Webanmeldelser</font></a></b></td>
</tr>
<tr>
<td bgColor="#6699CC" class="tb" height="21" width="121"> </td>
</tr>
<tr>
<td bgColor="#6699CC" class="tb" height="18" width="121"><b><font size="2" face="Arial" color="#FFFFFF">
</font><a href="http://www.pcmagasinet.dk/konkurrencen/"><font size="2" face="Arial" color="#FFFFFF">Konkurrencen</font></a></b></td>
</tr>
<tr>
<td bgColor="#6699CC" class="tb" height="21" width="121"> </td>
</tr>
<tr>
<td bgColor="#6699CC" class="tb" height="18" width="121"><b><font size="2" face="Arial" color="#FFFFFF">
</font><a href="http://www.pcmagasinet.dk/hotline/"><font size="2" face="Arial" color="#FFFFFF">Hotline</font></a></b></td>
</tr>
<tr>
<td bgColor="#6699CC" class="tb" height="21" width="121"> </td>
</tr>
<tr>
<td bgColor="#6699CC" class="tb" height="18" width="121"><b><font size="2" face="Arial" color="#FFFFFF">
</font><a href="http://www.pcmagasinet.dk/ompcmag/"><font size="2" face="Arial" color="#FFFFFF">Om PC Magasinet</font></a><font size="2" face="Arial" color="#FFFFFF"><br>
</font></b></td>
</tr>
<tr>
<td bgColor="#FFFFFF" height="21" width="121"> </td>
</tr>
<tr>
<td bgColor="#6699CC" class="tb" height="18" width="121"><b><font size="2" face="Arial" color="#FFFFFF">
</font>
<a href="http://www.pcmagasinet.dk/nyhedsbrevet/"><font size="2" face="Arial" color="#FFFFFF">Nyhedsbrevet</font></a></b></td>
</tr>
<tr>
<td bgColor="#6699CC" class="tb" width="121" valign="top"><form><font size="2" face="Arial" color="#FFFFFF">
Tilmeld:<br>
<input name="pop_send_from" size="11" type="tekst" value="mig@udbyder.dk" onclick="this.select()"><br>
</font><font size="2" face="Arial"><font color="#FFFFFF">
</font><input type="submit" value=" Tilmeld "></form></font>
</td>
</tr>
</table>
</body>
<SCRIPT LANGUAGE="JavaScript1.2">
var NS4 = (document.layers) ? 1 : 0;
var IE4 = (document.all) ? 1 : 0;
var style = ((NS4 && document.test) || IE4) ? 1 : 0;
var timerID = null;
var num = 1;
var padding = 2; // < 4 recommended
var bgcolor = "#FFFFE1";
var borWid = 1; // for no border, assign null
var borCol = "black";
var borSty = "solid";
var str = "<STYLE TYPE='text/css'>";
str += ".tooltip {";
str += "position: absolute;";
str += "visibility: hidden;";
str += "left: 0; top: 0;";
if (borWid > 0) { // if a border is specified
str += "border-width: " + borWid + ";";
str += "border-color: " + borCol + ";";
str += "border-style: " + borSty + ";";
}
if (NS4) {
if (borWid > 0 && padding <= 3) {
str += "padding: 0;";
str += "layer-background-color: " + bgcolor + ";";
} else if (borWid > 0 && padding > 3) {
str += "padding: " + (padding - 3) + ";";
str += "background-color: " + bgcolor + ";";
} else if (borWid == 0) {
str += "padding: " + padding + ";";
str += "layer-background-color: " + bgcolor + ";";
}
} else {
str += "padding: " + padding + ";";
str += "background-color: " + bgcolor + ";";
}
str += "}";
str += "</STYLE>";
if (style) {
document.write(str);
if (NS4) window.onload = init;
}
////////////////////////////////////////////////////////////
// HERE THE CODE COMES //
////////////////////////////////////////////////////////////
makeEl(150, "<font face='ms sans serif, arial' style='font-size: 8pt;' size='1'>Indeks over alle vores artikler.</font>", "http://www.pcmagasinet.dk/artikler/", "http://www.pcmagasinet.dk/artikler");
makeEl(150, "<font face='ms sans serif, arial' style='font-size: 8pt;' size='1'>Indeks over alle nyheder.</font>", "http://www.pcmagasinet.dk/nyheder/", "http://www.pcmagasinet.dk/nyheder");
makeEl(150, "<font face='ms sans serif, arial' style='font-size: 8pt;' size='1'>Indeks over alle webanmeldelser.</font>", "http://www.pcmagasinet.dk/surfer/", "http://www.pcmagasinet.dk/surfer");
makeEl(150, "<font face='ms sans serif, arial' style='font-size: 8pt;' size='1'>Denne måneds konkurrence, hvor alle kan deltage.</font>", "http://www.pcmagasinet.dk/konkurrencen/", "http://www.pcmagasinet.dk/konkurrencen");
makeEl(150, "<font face='ms sans serif, arial' style='font-size: 8pt;' size='1'>Kontaktinfo, annoncering og sponsorering, PC Magasinets historie.</font>", "http://www.pcmagasinet.dk/ompcmag/", "http://www.pcmagasinet.dk/ompcmag");
makeEl(150, "<font face='ms sans serif, arial' style='font-size: 8pt;' size='1'>Få hjælp til at løse dine computerproblemer.</font>", "http://www.pcmagasinet.dk/hotline/", "http://www.pcmagasinet.dk/hotline");
makeEl(150, "<font face='ms sans serif, arial' style='font-size: 8pt;' size='1'>Tilmelding og framelding samt en liste over alle nyhedsbrevene.</font>", "http://www.pcmagasinet.dk/nyhedsbrev/", "http://www.pcmagasinet.dk/nyhedsbrev");
////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////
function init() {
setTimeout("window.onresize = redo", 1000);
}
function redo() {
window.location.reload();
}
function makeEl(width, code) {
if (!style) return;
var id = "tip" + (num++);
var args = makeEl.arguments;
for (var i = 2; i < args.length; i++) {
for (var j = 0; j < document.links.length; j++) {
if (document.links[j].href == args[i]) {
document.links[j].tooltip = id;
document.links[j].onmouseover = activateEl;
document.links[j].onmouseout = clearEl;
}
}
}
var str = "<STYLE TYPE='text/css'>";
str += "#" + id + " {";
str += "width: " + width + ";";
str += "}";
str += "</STYLE>";
str += "<DIV CLASS='tooltip' ID='" + id + "'>" + code + "</DIV>";
document.write(str);
}
function displayEl(left, top) {
if (NS4) document.releaseEvents(Event.MOUSEMOVE);
document.onmousemove = null;
var whichEl = (NS4) ? document[active] : document.all[active].style;
whichEl.left = left;
whichEl.top = top;
whichEl.visibility = (NS4) ? "show" : "visible";
}
function clearEl() {
var whichEl = (NS4) ? document[active] : document.all[active].style;
whichEl.visibility = (NS4) ? "hide" : "hidden";
active = null;
if (timerID) clearTimeout(timerID);
if (NS4) document.releaseEvents(Event.MOUSEMOVE);
document.onmousemove = null;
}
function activateEl(e) {
active = this.tooltip;
if (NS4) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = checkEl;
checkEl(e);
}
function checkEl(e) {
if (timerID) clearTimeout(timerID);
var left = (NS4) ? e.pageX : event.clientX + document.body.scrollLeft;
var top = (NS4) ? e.pageY + 20 : event.clientY + document.body.scrollTop + 20;
timerID = setTimeout("displayEl(" + left + ", " + top + ")", 300);
}
</SCRIPT>
</html>
