passare variabile a elemento html

**Frankos** · 14-12-2005, 10:30

Ciao,

mi domandavo, se io tramite javascript determino l'altezza della risoluzione del monitor, é possibile passare questa variabile ad un elemento html, nella fattispecie a <td height>?

se sì, come?

**fcaldera** · 14-12-2005, 10:38

dopo aver aperto la table

codice:

<script>
// h = screen.height; // risoluzione verticale
h = screen.availHeight; // altezza della finestra del browser
document.write('<td style="height: '+ h +'px">');
</script>

**Frankos** · 14-12-2005, 11:01

ciao fcaldera, ho provato il codice che hai postato ma c'é qualcosa di strano:

<html>
<head>
</head>
<body>
<table width="100%" cellpadding="0" cellspacing="0" >
<script>
// h = screen.height; // risoluzione verticale
h = screen.availHeight; // altezza della finestra del browser
document.write('<td style="height: '+ h +'px">');
</script>
<tr>
<td align="center" valign="middle">ciao a tutti</td>
</tr>
</table>
</body>
</html>

cosi facendo dovrei avere la frase "ciao a tutti" centrata in verticale nella pagina, invece mi va tutto in fondo

**fcaldera** · 14-12-2005, 11:10

forse vuoi ottenere questo ?

codice:

<html>
<head>
</head>
<body>
<script>
// h = screen.height; // risoluzione verticale
h = screen.availHeight; // altezza della finestra del browser
document.write('<table style="width: 100%; vertical-align: middle; height: '+ h +'px">');
</script>
<tr>
<td style="text-align: center">ciao a tutti</td>
</tr>
</table>
</body>
</html>

**Frankos** · 14-12-2005, 11:15

va già meglio, ma se mi prende l'altezza del browser, come mai mi da la barra di scorrimento?
il testo ora é centrato in verticale, considerando la strana altezza della pagina, ma non di quella effettiva del browser

**fcaldera** · 14-12-2005, 11:19

e cosa dovrebe succedere se l'utente fa il resize della finestra?? Il testo rimane dov'era o deve riadattarsi??

Nel secondo caso usa i css invece di javascript...

**Frankos** · 14-12-2005, 11:27

in caso di resize il testo deve rimanere dov'era

**fcaldera** · 14-12-2005, 11:33

allora sostituisci semplicemente

h = screen.availHeight;

con

h = document.getElementsByTagName('body')[0].clientHeight;

Nota però che per alcuni borwser dovrai decrementare leggermente questo valore, visto che ad es in firefox si vede ancora la scrollbar

ad es.

h = document.getElementsByTagName('body')[0].clientHeight - 30;

**Frankos** · 14-12-2005, 11:47

Si, ora sembra che la cosa sia sistemata.
Ho utilizzato -30 e mi funziona correttamente sia in IE che in Firefox

Ti ringrazio molto

Discussione: passare variabile a elemento html

Strumenti discussione

Ricerca discussione

Visualizza

passare variabile a elemento html

Permessi di invio