Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: z3nth10n en 19 Octubre 2012, 22:11 pm

Título: Como sacar el ancho y el alto de un Div solamente con javascript
Publicado por: z3nth10n en 19 Octubre 2012, 22:11 pm

Hola necesito, esto porque necesito calcular el ancho de un div para configurarlo directamente para que se adapte a la pantalla con una solución matemática.

Pero ya he probado con document.getElementById(xxx).offsetWidth y Height y un document.write, y me sale 0. Si le pongo un button, y le hago click si me sale, pero me sale una pantalla nueva en blanco con elnumero..

Necesito ayuda. :S

Título: Re: Como sacar el ancho y el alto de un Div solamente con javascript
Publicado por: Shell Root en 20 Octubre 2012, 05:58 am

Código

    function fnCalcular()
    {
        var myDiv = document.getElementById("divPoC");
        var _width = myDiv.style.width;
        var _height = myDiv.style.height;
 
        alert( "WIDTH: " + _width + " HEIGHT: " + _height );
    }

Código

<div id="divPoC" style="width:130px; height:30px; border:1px solid #000;">
    Hola como est&aacute;s?
</div>

Título: Re: Como sacar el ancho y el alto de un Div solamente con javascript
Publicado por: WHK en 22 Octubre 2012, 20:52 pm

Talves te resule mas fácil con jQuery:

Código:

$('#id_div').width()
$('#id_div').height()
$('#id_div').offset().top
$('#id_div').offset().left

http://jsfiddle.net/8bx9W/

Título: Re: Como sacar el ancho y el alto de un Div solamente con javascript
Publicado por: z3nth10n en 13 Noviembre 2012, 15:05 pm

Cita de: Shell Root en 20 Octubre 2012, 05:58 am

Código

    function fnCalcular()
    {
        var myDiv = document.getElementById("divPoC");
        var _width = myDiv.style.width;
        var _height = myDiv.style.height;
 
        alert( "WIDTH: " + _width + " HEIGHT: " + _height );
    }

Código

<div id="divPoC" style="width:130px; height:30px; border:1px solid #000;">
    Hola como est&aacute;s?
</div>

Tiene que ser con javascript, pero puede no se con un alert? y sin jquery, ya se que no se manejarlo.

Título: Re: Como sacar el ancho y el alto de un Div solamente con javascript
Publicado por: hacked arce en 13 Noviembre 2012, 17:04 pm

mmm a la verdad esta algo dificil broth ;-)