Sorry,
è possibile passare l'altezza disponibile della finestra - 300 px ad un elemento?
il seguente codice non funziona......
<script type="text/javascript">
document.getElementById("layer").style.height = (window.innerHeight - 300);
</script>
<div id="layer" style="position:absolute; left:0px; top:0px; width: 100%; overflow: auto; z-index:1;"></div>
Grazie
prova con:
codice:document.getElementById("layer").style.height = (window.innerHeight - 300)+"px";
Purtroppo bisogna imparare che il computer non sbaglia...fa solo quello che gli dici di fare
www.netpolaris.it
grazie...
il debugger segnala che manca un oggetto.....
A me funziona, prova a postare il codice html della pagina, o almeno la parte significativa.
Purtroppo bisogna imparare che il computer non sbaglia...fa solo quello che gli dici di fare
www.netpolaris.it
grz.
<!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>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
document.getElementById("layer").style.height = (window.innerHeight - 300)+"px";
</script>
</head>
<body>
<div id="layer" style="position:absolute; left:0px; top:0px; width: 100%; overflow: auto; z-index:1; background-color: #FFCCCC; layer-background-color: #FFCCCC; border: 1px none #000000;">
BLA, BLA,</div>
</body>
</html>
ora funziona ....
document.getElementById('layer').style.height = (altezza - 300) + "px";
.... va prima di </body>VVoVe:
<html><head>
<title>test</title>
<script type="text/javascript">
<!--
function larghezza_finestra()
{
if (window.innerWidth) return window.innerWidth;
else if (document.body && document.body.offsetWidth) return document.body.offsetWidth;
else return 0;
}
function altezza_finestra()
{
if (window.innerHeight) return window.innerHeight;
else if (document.body && document.body.offsetHeight) return document.body.offsetHeight;
else return 0;
}
function aggiornamento_dimensioni()
{
if (larghezza != larghezza_finestra() || altezza != altezza_finestra())
window.history.go(0);
}
/*MS Internet Explorern*/
if(!window.larghezza && window.innerWidth)
{
window.onresize = aggiornamento_dimensioni;
larghezza = larghezza_finestra();
altezza = altezza_finestra();
}
//-->
</script>
</head>
<body>
<script type="text/javascript">
<!--
/*MS Internet Explorern*/
if(!window.larghezza && document.body && document.body.offsetWidth)
{
window.onresize = aggiornamento_dimensioni;
larghezza = larghezza_finestra();
altezza = altezza_finestra();
}
//-->
</script>
<div id="layer" style="position:absolute;top:100px;left:100px;bord er:solid 1px #000000;">
testo
</div>
<script type="text/javascript">
<!--
document.write("Larghezza: "+larghezza +" - Altezza "+altezza);
//-->
</script>
<script type="text/javascript">
document.getElementById('layer').style.height = (altezza - 300) + "px";
</script>
</body>
</html>
Non puoi eseguirlo in quel modo...l'oggetto deve essere caricato prima di eseguire lo script...quindi:
prova un po'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>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="layer" style="position:absolute; left:0px; top:0px; width: 100%; overflow: auto; z-index:1; background-color: #FFCCCC; layer-background-color: #FFCCCC; border: 1px none #000000;">
BLA, BLA,</div>
<script type="text/javascript">
document.getElementById("layer").style.height = (window.innerHeight - 300)+"px";
</script>
</body>
</html>
Purtroppo bisogna imparare che il computer non sbaglia...fa solo quello che gli dici di fare
www.netpolaris.it
grz.
il tuo ultimo esempio funziona con FX ma non con MSIE (ho la versione 6).
Permessi di invio
Rispondi quotando
