Ayuda en posicionamiento

[Jandor]

Hola, amigos del foro.... tengo una duda

Yo he creado una aplicacion en la web, y e utilizado CSS..... pero quiero saber si se puede hacer un posicionamiento en especifico....

Me explico:
Supongamos que tengo un checkBox, al presionar dicho checkbox me aparece, una ventanita.... eso me sirve... ahora lo que deseo y me urge es que esa ventana se coloque a la par del checkbox....

Yo he logrado la colocacion con position:absolute;.... El unico inconveniente, es que si la resolucion es menor.... el objeto que da en las mismas coordenadas y se aleja del checkBox....

Entonces lo que deseo saber es si puede decirle a esa ventana que se mueva segun las cordenadas del checkBox.....

Agradeceria cualquier ayuda...

[maycolalvarez]

aparte del position:absolute; para lo otro necesitas javascript:

Código javascript:

function getOffsetTop (el)  {
    var ot = el.offsetTop;
    while ( ( el = el.offsetParent ) != null )
    {
        ot += el.offsetTop;
    }
    return ot;
}
function getOffsetLeft (el) {
    var ot = el.offsetLeft;
    while ( ( el = el.offsetParent ) != null )
    {
        ot += el.offsetLeft;
    }
    return ot;
}
 

con estas funciones obtienes la posición del objeto que puedes usar para posicionar la ventanita:

Código:

var ventanita=document.getElementById('id_ventanita');
var check=document.getElementById('id_check');

ventanita.style.top=getOffsetTop (check)+'px';
ventanita.style.left=getOffsetLeft (check)+'px';

[Jandor]

Iniciado por maycolalvarez

aparte del position:absolute; para lo otro necesitas javascript:

Código javascript:

function getOffsetTop (el)  {
    var ot = el.offsetTop;
    while ( ( el = el.offsetParent ) != null )
    {
        ot += el.offsetTop;
    }
    return ot;
}
function getOffsetLeft (el) {
    var ot = el.offsetLeft;
    while ( ( el = el.offsetParent ) != null )
    {
        ot += el.offsetLeft;
    }
    return ot;
}
 

con estas funciones obtienes la posición del objeto que puedes usar para posicionar la ventanita:

Código:

var ventanita=document.getElementById('id_ventanita');
var check=document.getElementById('id_check');

ventanita.style.top=getOffsetTop (check)+'px';
ventanita.style.left=getOffsetLeft (check)+'px';

-----------------------------------------------------------------

Finisima respuesta me sirvio de maravilla, mil gracias me acabas de salvar..... me he estado matando con eso..... MUCHAS GRACIAS