Gelukt bedankt iedereen!

zoek met google, css bubble tooltip

http://www.huddletogether.com/projects/lightbox2/

Ik bedoel eigenlijk zoiets als spele.nl ook heeft.

Dit heb ik op één van mijn spelletjes site:

javascript:

Code:

var divName = 'div_popupimg'; 
var offX = 16;
var offY = 16;
function mouseX(evt) {if (!evt) evt = window.event; if (evt.pageX) return evt.pageX; else if (evt.clientX)return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); else return 0;} function mouseY(evt) {if (!evt) evt = window.event; if (evt.pageY) return evt.pageY; else if (evt.clientY)return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); else return 0;} function follow(evt) {if (document.getElementById) {var obj = document.getElementById(divName).style; obj.visibility = 'visible'; obj.left = (parseInt(mouseX(evt))+offX) + 'px';  obj.top = (parseInt(mouseY(evt))+offY) + 'px';}} document.onmousemove = follow;

function popup(msg)
{
   var content="<table width=118 style=\"border:1px solid #FFFFFF\" cellpadding=0 cellspacing=0><td align=center><img src='"+msg+"' width='118' height='106'></td></table>";
   document.getElementById(divName).innerHTML = content;
}

function kill_popup()
{
   var content= "";
   document.getElementById(divName).innerHTML = content;
}

En in de html:

Code:

<a href="" onmouseover="popup('LOCATIEVANIMAGE')" onmouseout="kill_popup()"></a>

Bedankt!
Even nog een vraag.
Als ik zoiets wil terugbrengen met echo: Hoe voorkom ik dan dat hij bij de "denkt dat het afgelopen is?

\" schrijven in plaats van "

En moet ik die \"gebruiken voor de echo of voor het script gedeelte?

Origineel gepost door Wouterjan S

En moet ik die \"gebruiken voor de echo of voor het script gedeelte?

De \" moet je gebruiken voor het gedeelte dat niet in de php gebruikt moet worden.(het script in dit geval dus)

Hmm. Dit gaat me niet lukken

Dit is de oude

PHP Code:

echo '<tr><td><i><div onmouseover="setFirstChildImgDisplay(this,\'block\')" onmouseout="setFirstChildImgDisplay(this,\'none\')">'.$kl['bijbelpuzzels_puzzel'].'<img src="'.$kl['bijbelpuzzels_plaatje'].'" alt="'.$kl['bijbelpuzzels_puzzel'].'" style="display:none;margin-top:1em;"></div></i></td><td>'.$kl['bijbelpuzzels_omschrijving'].'</td> <td><a href="'.$kl['bijbelpuzzels_link'].'" >Download</a></td>'; 


Dit is de nieuwe:

PHP Code:

echo '<tr><td><i><div onmouseover="popup('.$kl['bijbelpuzzels_plaatje'].')" onmouseout="kill_popup()" </div></i></td><td>'.$kl['bijbelpuzzels_omschrijving'].'</td> <td><a href="'.$kl['bijbelpuzzels_link'].'" >Download</a></td>';                } 


De nieuwe werkt niet :(


Dit is de echo die ik heb. Kan iemand mij of op weg helpen of het voor mij willen aanpassen?

Sitedeals haalt een stukje code weg
Aanvullend bericht:
Kijk anders even in de source van www.ga*meaa*p.nl

Hmm ik wordt er niet veel wijzer van. Teminste het lukt nog niet.
Maar wat mis je dan qua code?

Dat kan ik hier niet zeggen, want dat wordt eruit gefilterd door sitedeals:

maar misschien kan het zo wel(* weghalen): onmouseover="popup(*&*#*3*9;LOCATIEVANIMAGE*&*#*3* 9;)"
Aanvullend bericht:
zo te zien werkt het

echo '<tr><td><i><div onmouseover="setFirstChildImgDisplay(this,\'block\ ')" onmouseout="setFirstChildImgDisplay(this,\'none\') ">'.$kl['bijbelpuzzels_puzzel'].'<img src="'.$kl['bijbelpuzzels_plaatje'].'" alt="'.$kl['bijbelpuzzels_puzzel'].'" style="display:none;margin-top:1em;"></div></i></td><td>'.$kl['bijbelpuzzels_omschrijving'].'</td> <td><a href="'.$kl['bijbelpuzzels_link'].'" >Download</a></td>';

Zie je zo alles?

Jouw code kan ik helemaal zien.

Alleen jij hebt onmouseover="popup(LOCATIEVANIMAGE)"

in plaats van onmouseover="popup(*&*#*3*9;LOCATIEVANIMAGE*&*#*3* 9;)" (* weghalen)