Ver Mensaje Individual
  #2 (permalink)  
Antiguo 23/11/2004, 02:09
kepawe
 
Fecha de Ingreso: agosto-2004
Mensajes: 157
Antigüedad: 20 años, 6 meses
Puntos: 5
Hola salvica

Para saber la altura puedes utilizar la propiedad offsetHeight y anchura offsetWidth

Te envio este ejemplo:



Código PHP:

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

<
html>
<
head>
<
title>Obtener altura y anchura de una imagen</title>
</
head>
<
body>
<
div id="obj"></div>
<
script type="text/javascript">
function 
getD(e){
  var 
refObj document.getElementById("obj")
  
// obtemos el objeto que ha desencadenado el evento
  
var getObj window.Evente.target event.srcElement;
  
// Si no es una imagen el objeto que ha desencadenado el evento
  
if(getObj.tagName!="IMG") {

    
refObj.innerHTML "<b>Haz clic para añadir o eliminar la imagen." +
                        
"<br>Pasa el ratón sobre la imagen para ver  la altura y la anchura de la imagen.<\/b>"
  
}
  else{
  
//Si hemos llegado aquí el objeto es una imagen, obtemos la anchura y altura
    
refObj.innerHTML "La altura es " getObj.offsetHeight "<br>La anchura es " getObj.offsetWidth
  
}


}

// Obtenemos la referencia de la etiqueta body
var getbody document.getElementsByTagName("body");
function 
create_obj(e,d){

var 
window.Eventevent;
// Comprobamos si el elemento esta creado si no es asi lo creamos
  
if(!document.getElementById(d)){
      
// creamos el nuevo elemento
      
var imagen document.createElement("img");
      
// añadimos las propiedades
      
imagen.src "images/photo2.jpg";
      
imagen.id d;
      
imagen.style.position "absolute";
      
imagen.style.left e.clientX 20;
      
imagen.style.top e.clientY;
      
//añadimos el elemento creado
      
getbody[0].appendChild(imagen);
      return 
false;
  }
  
//Si hemos llegado hasta aquí eliminamos el elemento
  
else{
     
getbody[0].removeChild(document.getElementById(d));
     return 
false;
  }


}
document.onmouseover=getD
// Si es N6+ utilizamos addEventListener para poder pasar varios argumentos
if(window.Event){
    
document.addEventListener("mouseup",function(event){create_obj(event,"ad")} ,false)
}
// Si es IE5+
else{
  
document.onmouseup = function(event){create_obj(event,"ad")}
}
</script>




</body>
</html> 
El script utiliza algunas de las nuevas propiedades y métodos Dom nivel 1, estoy estudiandolo ahora.

Espero que te sea util.

Un saludo