Que Estoy Haciendo Mal???

biffly · #1 (**permalink**) 20/01/2006, 11:42

hola, el sig codigo me funciona de 1000 marabillas en IE y KONQUEROR pero con FIREFOX me da un error, les dejo el codigo asi alguien me da una mano y me dice que estoy haciendo mal, gracias, saludos..

Código:

function lk1_onclick() {
var posx = 0;
var posy = 0;
if (!e) var e = window.event;
if (e.pageX || e.pageY)
    {
    posx = e.pageX;
    posy = e.pageY;
    }
else if (e.clientX || e.clientY)
    {
        posx = e.clientX + document.body.scrollLeft;
        posy = e.clientY + document.body.scrollTop;
    }
MENU_CONTEXTUAL.style.top = posy
MENU_CONTEXTUAL.style.left = posx
MENU_CONTEXTUAL.style.visibility='visible'
}

PD:esta funcion la llamo para mostrar un iframe en la posicion en la que el usuario hace click, ya sea sobre una imagen o un link

MikiBroki · #2 (**permalink**) 22/01/2006, 06:19

Buenas compañero,

Precisamente había dado con el problema de centrar un DIV, ya que necesitaba que quedase centrado a lo ancho del documento (por lo tanto no va el "screen.width").

Probando con el código que me has dado: el "window.event" no está disponible en firefox.

Ahí va el código que me ha ido bien en firefox + IE:

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>


<HEAD>


<script language="javascript">

function centrar(obj)
{
    var anchoPantalla = document.body.clientWidth;
    var anchoObjeto   = obj.style.width;
    var margenIzquierdo = 0;

    anchoObjeto = anchoObjeto.replace(/px/," ");		
			
    // Si el ancho disponible es mayor que el ancho del elemento...
    if( anchoPantalla > anchoObjeto )
        margenIzquierdo = (anchoPantalla - anchoObjeto) / 2;
    else
        margenIzquierdo = 1;

    obj.style.marginLeft = margenIzquierdo;
				
}

</script>


</HEAD>


<BODY onresize="centrar(document.getElementById('midiv'));">

    <!-- ojo: el ancho hay que pasarlo como estilo para poder recoger el valor   desde js -->
    <div id="midiv" style="width:500">
        <table width="100%" border=1>
            <tr><td>A</td><td>B</td><td>C</td>
            <tr><td>A</td><td>B</td><td>C</td>
            <tr><td>A</td><td>B</td><td>C</td>
        </table>
    </div>

</BODY>


</HTML>

Salu2