Jag har behov av att visa en textbox el liknande som följer med musens rörelser, d v s när man rör musen måste kontrollen följa med.
Bakgrund: Jag har en diagramkomponent om genererar ett diagram (jpg). Samtidigt skapas också en Imagemap. När man för musen över diagrammet så triggas ett javascript där x- och y-värdena för diagrammet är inparametrar. Just nu visar jag värdena i en icke-rörlig textbox kallad "descr", se kod nedan.
function ShowValuesInBox(xVal,yVal)
{
document.getElementById('descr').innerHTML=xVal + ': ' + yVal
}
Hmm, har kommit en bit på väg, men hur skall t ex omplacera kontrollen "apa" nedan? Måste jag använda layers på något sätt? Jag är rätt okunnig om javascript...
<html>
<head>
<script>
function coor() {
X=window.event.x;
Y= window.event.y;
//Här måste jag få in att kontrollen apa rör sig till den plats
//som anges av x och y
}
</script>
</head>
<BODY onmousemove="coor()">
<div id="apa">Test</div>
</body>
EDIT: Det verkar som om window.event.x inte funkar i Firefox?
Får jag föreslå en enklare lösning :)
Ge varje imagemap en title, så visas en liten gul ruta när användaren håller musen över den. Klart mindre besvär, och alltid på rätt ställe.
Får jag föreslå en enklare lösning :)
Ge varje imagemap en title, så visas en liten gul ruta när användaren håller musen över den. Klart mindre besvär, och alltid på rätt ställe.
Det är tyvärr inte lika snyggt och tydligt. Borde väl finnas en lösning? :)
