Heej allemaal,
Ik heb ooit ergens een erg leuk script gezien, maar ben het jammergenoeg kwijt:
Je had een soort CMS en als je dan een stuk tekst op de website plaatste dan werden automatisch de moeilijke woorden (die dan in een database zaten) dikgedrukt en als je met je muis eroverheenging dan kreeg je zo'n mooi 'ballonnetje' met de betekenis daarvan.
Nu zoek ik alleen maar naar 'hoe je zo'n ballonnetje krijgt'..
Het liefst wil ik dit niet in JavaScript behalve als het toch in alle browsers werkt
-- Uiteindelijk m'n vraag --
Heeft iemand ergens zo'n soort scriptje?
Ow ja,
ik zoek natuurlijk niet naar ballonnetje op zich, maar ook naar dat scriptje als je met je muis eroverheen gaat dat het ballonnetje dán pas komt...
Misschien moet het dan toch met javascript.. (onMouseOver?)
Weet ik.. maar dat is van de text zelf, niet van het ballonnetje... ik wilde de achtergrond of lijn dashed maken... wil dus niet, dan maak je de achtergrond bij de text en de border bij de text dashed..:)
Ikzelf gebruik het volgende. Ik heb het hieronder in een werkend voorbeeldje ingebouwd. Je moet bij implementatie letten op Javascript en het regeltje CSS.
<html>
<head>
<title>Ballonnetje</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
#dek {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}
</style>
</head>
<body>
<DIV ID="dek"></DIV>
<SCRIPT TYPE="text/javascript">
<!--
//Pop up information box II (Mike McGrath ([email protected], http://website.lineone.net/~mike_mcgrath))
//Permission granted to Dynamicdrive.com to include script in archive
//For this and 100's more DHTML scripts, visit http://dynamicdrive.com
Xoffset=-60; // modify these values to ...
Yoffset= 20; // change the popup position.
var old,skn,iex=(document.all),yyy=-1000;
var ns4=document.layers
var ns6=document.getElementById&&!document.all
var ie4=document.all
if (ns4)
skn=document.dek
else if (ns6)
skn=document.getElementById("dek").style
else if (ie4)
skn=document.all.dek.style
if(ns4)document.captureEvents(Event.MOUSEMOVE);
else{
skn.visibility="visible"
skn.display="none"
}
document.onmousemove=get_mouse;
function popup(msg,bak){
var content="<TABLE WIDTH=150 BORDER=1 BORDERCOLOR=black CELLPADDING=2 CELLSPACING=0 "+
"BGCOLOR="+bak+"><TD ALIGN=center><FONT COLOR=black SIZE=2>"+msg+"</FONT></TD></TABLE>";
yyy=Yoffset;
if(ns4){skn.document.write(content);skn.document.close();skn.visibility="visible"}
if(ns6){document.getElementById("dek").innerHTML=content;skn.display=''}
if(ie4){document.all("dek").innerHTML=content;skn.display=''}
}
function get_mouse(e){
var x=(ns4||ns6)?e.pageX:event.x+document.body.scrollLeft;
skn.left=x+Xoffset;
var y=(ns4||ns6)?e.pageY:event.y+document.body.scrollTop;
skn.top=y+yyy;
}
function kill(){
yyy=-1000;
if(ns4){skn.visibility="hidden";}
else if (ns6||ie4)
skn.display="none"
}
//-->
</SCRIPT>
Lorem ipsum blahblah
<a href="#" onmouseover="popup('<b>HTTP</b><br>HyperText Transfer Protocol','#EEEEEE');" onmouseout="kill();">HTTP</a> blah blah.
</body>
</html>
