Beste mensen,
Ik ben op de website www.leejoo.nl een leuk script tegengekomen (tooltip). Helaas werkt het script niet in FireFox. Heeft iemand een oplossing om dit probleeem te verhelpen?
Hieronder het totale script:
Ik ben zeer benieuwd of er een oplossing voor is.
Met vriendelijke groet,
Franky
Ik ben op de website www.leejoo.nl een leuk script tegengekomen (tooltip). Helaas werkt het script niet in FireFox. Heeft iemand een oplossing om dit probleeem te verhelpen?
Hieronder het totale script:
HTML:
<style TYPE="text/css">
body {
overflow : scroll;
overflow-x : hidden;}
.popper {
position : absolute;
visibility : hidden;}
</style>
<script language='javascript'>
var frame_width = 200;
var frame_headerbcolor = "#D8D8D8";
var frame_headerfcolor = "#000000";
var frame_headertext = "Klik hier voor meer info over";
document.write("<div id='framelayer' class='popper'> </div>");
var ns = (document.layers);
var ie = (document.all);
if (ns) {
popup = document.framelayer;
document.captureEvents(Event.MOUSEMOVE);}
else {
popup = framelayer.style;}
document.onmousemove = get_mouse;
function displaylayer(html) {
if (ns) {
popup.document.write(html);
popup.document.close();
popup.visibility = "visible";}
else if (ie) {
document.all("framelayer").innerHTML = html;
popup.visibility = "visible";}}
function pop(message,bcolor,fcolor) {
var htmlcode = "<table width=" + frame_width + " border=0 " +
"cellpadding=1 cellspacing=0 bgcolor=" +
frame_headerbcolor + "><tr><td><table " +
"width=100% border=0 cellpadding=0 " +
"cellspacing=0><tr><td align='center'>" +
"<font color=" + frame_headerfcolor +
" size=2 face='arial'><b>" + frame_headertext +
"</b></font></td></tr></table>" +
"<table width=100% border=0 cellpadding=2 " +
"cellspacing=0 bgcolor=" + bcolor + ">" +
"<tr><td align='center'><font color=" + fcolor +
" size=2 face='arial'>" + message + "</font>" +
"</td></tr></table></td></tr></table>"
displaylayer(htmlcode);}
function get_mouse(e) {
var x = (ns) ? e.pageX : event.x + document.body.scrollLeft;
var y = (ns) ? e.pageY : event.y + document.body.scrollTop;
popup.left = x - 2;
popup.top = y + 18;}
function kill()
{
popup.visibility = "hidden";}
</script>
<a href="http://www.jouwstarter.nl/?campaignID=491&materialID=5190&affiliateID=351" ONMOUSEOVER="pop('<b>Startpaginas</b><br>'+'Snel en eenvoudig je eigen startpagina online, ' +
'en het mooie is, het is nog Gratis ook !.', '#FFCCFF', '#000000')" ONMOUSEOUT="kill()" target="_blank"><font size="2" face="Verdana">Je
eigen gratis startpagina</font> <br>
</a><br>
<a href="http://www.partnershop.nl/shop/8114"
ONMOUSEOVER="pop('<b>Webhosting</b><br>'+'Je eigen website zo online, nu met een gigantische aanbieding ' +
'1000 MB, gratis domein slechts 2,99 euro per maand !.', '#CCFFCC', '#000000')"
ONMOUSEOUT="kill()" target="_blank"><font size="2" face="Verdana">Lycos Webcenter</font><br>
</a><br>
<a href="http://leejoo.bamikanarie.nl "
ONMOUSEOVER="pop('<b>Ringtones</b><br>'+'De allernieuwste ringtones, wallpapers, true tones voor je mobieltje vind je hier. ', '#FFCC33', '#000000')"
ONMOUSEOUT="kill()" target="_blank"><font size="2" face="Verdana">Bamikanari</font><br>
</a><br>
<a href="http://www.graphics-design.nl"
ONMOUSEOVER="pop('<b>Grafisch Design</b><br>'+'De mooiste webdesigns voor het midden en kleinbedrijf, origineel en betaalbaar !'+'Ook voor banners, headers, fotobewerking etc.', '#664488', '#FFFFFF')"
ONMOUSEOUT="kill()" target="_blank"><font size="2" face="Verdana">Graphics - Design</font><br>
</a><br>
Ik ben zeer benieuwd of er een oplossing voor is.
Met vriendelijke groet,
Franky