Ciao a tutti,
devo fare dei calcoli sulle altezze di 2 div e settare l'altezza di uno in base all'altezza dell'altro.
Per far capire meglio il mio problema ecco l'esempio, praticamente setto l'altezza a tutte e 2 i div però poi, in base ai contenuti del secondo devo ricalcolare l'altezza del primo, in questo caso voglio che il primo con height 300px prenda l'altezza del secondo (150px) purtroppo da questo script l'altezza assegnata non è di 150px ma di 104px (che penso sia l'altezza effettiva dei contenuti del div, come posso fare per prendere l'altezza del secondo div?
Codice PHP:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head>
<body>
<script language="javascript">
function quanto(id){
var DIV1 = document.getElementById('pippo');
var DIV2 = document.getElementById('pippo1');
//PER I NUOVI BROWSER
if(document.getElementById){
oHeight = DIV2.offsetHeight;
oWidth = DIV2.offsetWidth;
}
//PER I VECCHI BROWSER
/*else if (document.layers){
oHeight = document.layers['pippo1'].clip.height;
oWidth = document.layers['pippo1'].clip.width;
}*/
alert("Altezza: "+ oHeight + " Larghezza: " + oWidth);
DIV1.setAttribute("style", "background-color:#C8D6FB;height:" + oHeight + "; overflow:hidden;");
}
</script>
<div id="pippo" style="background-color:#0000FF; height:300px;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
<input type="button" onClick="quanto('pippo');" />
</div>
<div id="pippo1" style="background-color:#0000FF; height:150px">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
<input type="button" onClick="quanto('pippo1');" />
</div>
</body>
</html>
Rispondi quotando
