Popup bij link

Door: jacob_slomp

Als je over een link gaat, kun je er een plaatje, of tekst bij doen, je eigen gewilde HTML code :)


<script language="javascript">

// gedownload van www.scriptkiddies.nl

// auteur: Jacob Slomp


function popup(msg,bak,e){

document.getElementById("thumbblok").innerHTML=msg;

document.getElementById("thumbblok").style.display='block';

}



function stopthumb(){

document.getElementById("thumbblok").style.display='none';

}

function gaMee(e){

marge=20;

if(document.all){

pos_hor=event.clientX+marge;

pos_ver=event.clientY+marge;

} else {

pos_ver=e.clientY+marge;

pos_hor=e.clientX+marge;

}

  pos_hor=pos_hor+document.body.scrollLeft;

  pos_ver=pos_ver+document.body.scrollTop;



document.getElementById("thumbblok").style.left=pos_hor;

document.getElementById("thumbblok").style.top=pos_ver;


}

</script>


<body onmousemove="gaMee(event)">

<div id="thumbblok" style="display:none; position:absolute;"></div>

<a target=_blank ONMOUSEOVER="popup('zet hier je HTML code heen :)','0',event)"; ONMOUSEOUT="stopthumb()" href="http://www.scriptkiddies.nl">Scriptkiddies</a><br>


<a target=_blank ONMOUSEOVER="popup('<img src=http://www.scriptkiddies.nl/images/logo.jpg>','0',event)"; ONMOUSEOUT="stopthumb()" href="http://www.scriptkiddies.nl">VB met IMG</a><br>

Klik hier voor de demo

Laat een reactie achter

Meld je vandaag nog aan, of login om een reactie te geven