ShowHide layer ved anchor?

<ole>

<script type="text/JavaScript">
function getPos(elm) {
    for(var zx=zy=0;elm!=null;zx+=elm.offsetLeft,zy+=elm.offsetTop,elm=elm.offsetParent);
    return {x:zx,y:zy}
}
function posLayer(elm) {
    document.getElementById("MitLag").style.top = getPos(elm).y;
}
</script>
<div id="MitLag">blablabla</div>
<form>
    <input type="radio" onmoueseover="posLayer(this)">
</form>

/mvh
</bole>

Det kræver naturligvis, du har sat position til absolute på 'MitLag'  :)

x-koordinaten for radio-knappen får du med: getPos(elm).x
/mvh

Skal det flyttes til 10 pixels over, skal du naturligvis bare skrive:
  document.getElementById("MitLag").style.top = getPos(elm).y - 10;

jeg forsøger det lige og vender tilbare

er du klar over fra hvilken Netscape, internet explorer osv version scriptet virker?

Fra IE4 og NS6 ...... og du bør i øvrigt nok lige afslutte med +"px" ... det har NS det bedst med  :)
  document.getElementById("MitLag").style.top = getPos(elm).y - 10 + "px";

ok, js er ikk mig, bestemt ikk. Sårn ser det ud og virker ikk:

head:

<script type="text/JavaScript">
function getPos(elm) {
    for(var zx=zy=0;elm!=null;zx+=elm.offsetLeft,zy+=elm.offsetTop,elm=elm.offsetParent);
    return {x:zx,y:zy}
}
function posLayer(elm) {
    document.getElementById("MitLag").style.top = getPos(elm).y - 10 + "px";
}
</script>



body:


td width="20" bgcolor="#D2664D"><div id="MitLag" style="position:absolute; width:200px; height:115px; z-index:1"></div><input type="radio" onmoueseover="posLayer(this)"></td>

?

ved ikk om det har nogen betydning eller om jeg fik forklaret det ordentligt, men det er sådan at man opretter et spørgesekam gennem noget admin værk, hvor de indtastede data så trækkes ud på selve min side.

antallet af radiobuttons variere så efter hvor mange spørgmål (af typen der bruger radiobutton) jeg har oprettet.

Hvilket vil sige: at har jeg oprettet 30 spørgsmål med radiobutton skal det respektive lag vises ved hver af de 30 spørgsmål (10 px over radiobutton´en), når man kører markøren henover radiobutton´en......


så er det vist på plads....;)

Jeg fatter ikke, hvorfor du laver det på den måde. Kan du ikke lægge en URL til siden?

Under alle omstændigheder skal onmouseover være rigtig stavet ... pas på men copy/paste  ;o)
Det hjælper dog ikke på min forståelse  :)
/mvh

nej, jeg kan ikke ligge et url til siden.

hvorfor "fatter" du ikk´ at jeg laver det på den her måde?
Lad mig sidge det sådan at måden det er lavet på i html er den måde det skal være, sårn er det.

Det jeg ikk fatter er hvordan jeg laver mouseover show layer tingen.....men det måske oss´ det du ikke fatter jeg ikk fatter...?


;)

Hmmm .... det fik jeg ikke så meget ud af  :)
Du kan gøre det på denne måde:

<script type="text/JavaScript">
function getPos(elm) {
    for(var zx=zy=0;elm!=null;zx+=elm.offsetLeft,zy+=elm.offsetTop,elm=elm.offsetParent);
    return {x:zx,y:zy}
}
function showLayer(elm) {
    var oID = elm.id.split("_")[1];
    var o = document.getElementById("L_"+oID);
    o.style.top = getPos(elm).y - 10 + "px";
    o.style.visibility = "visible";
}
function hideLayer(elm) {
    var oID = elm.id.split("_")[1];
    var o = document.getElementById("L_"+oID);
    o.style.visibility = "hidden";
}
</script>
<td  width="20" bgcolor="#D2664D">
    <div id="L_0" style="position:absolute; width:200px; height:115px; visibility:hidden; z-index:1">Tekst</div>
    <input id="R_0" type="radio" onmouseover="showLayer(this)" onmouseout="hideLayer(this)"></td>

Det er måske ikke så smart at lægge event-handlerne på radio-knappen. Det ville nok være bedre at lægge dem på <td>'en - men husk så også at flytte knappens 'id' over på cellen, da id'en bruges til at identificere det tilhørende lag.
Grunden til, jeg ikke synes, det er så smart, er knappens lille fysiske udstrækning .... der er ikke så meget at 'ramme' med musen - men det finder du nok ud af  ;o)
/mvh

Dether script er en anelse slankere:

<script type="text/JavaScript">
function getPos(elm) {
    for(var zx=zy=0;elm!=null;zx+=elm.offsetLeft,zy+=elm.offsetTop,elm=elm.offsetParent);
    return {x:zx,y:zy}
}
function showLayer(elm) {
    var oID = elm.id.split("_")[1];
    window.o = document.getElementById("L_"+oID);
    o.style.top = getPos(elm).y - 10 + "px";
    o.style.visibility = "visible";
}
function hideLayer(elm) {
    o.style.visibility = "hidden";
}
</script>