Variabile javascript in tag html

**andram** · 23-10-2010, 16:17

Ragazzi scusatemi la totale inesperieza sull'argomento ma ho la necessita di integrare dentro un TAG HTML una varibile javascript come faccio?

<script type="text/javascript">
winWidth=document.all?document.body.clientWidth:wi ndow.innerWidth;
</script>

<body style="width:'<%=winWidth%>'px;" >

Grazie anticipatamente e buon fine settimana

**br1** · 23-10-2010, 16:51

Non puoi... devi far scrivere al javascript l'intero tag:

<script type="text/javascript">
winWidth=document.all?document.body.clientWidth:wi ndow.innerWidth;
document.write('<body style="width:' + winWidth + 'px;" >');
</script>

ciao

**Xinod** · 23-10-2010, 19:22

che poi...
nel caso particolare, per ottenere quello che devi scrivere (document.body.clientWidth) con IE devi aspettare prima di tutto che ci sia un body
quindi sarebbe il caso di fare

codice:

window.onload=function(){
  winWidth=document.all?document.body.clientWidth:window.innerWidth;
  document.body.style.width=winWidth+'px';
}

con il tag <body> di per se' lasciato in pace, come e' opportuno che sia

poi, non e' detto che clientWidth non venga attribuito al document.documentElement piuttosto che al document.body (basta un doctype valido e IE>6!)

tutto cio' puo' ancora venir messo in discussione dal fatto che si possa risolvere meglio il tutto con i soli css

**andram** · 24-10-2010, 12:26

Ringrazio tutti per le risposte e vi informo a cosa sono "approdato" dopo un poco di ricerche e se ho capito bene le lezioni...

Prima di tutto per avere l'esatta risoluzione di un terminale (specialmente se vi interessano i terminali mobile) dovete inserire nella pagina HTML questo meta

codice:

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" />

che obbliga il terminale a non adattare il video del terminale alla pagina.
Inserite dentro la pagine il condice java seguente (a me interessava solo il Width) ma li riporto entrambi, magari c'è a chi interessa l'Height.

codice:

<script type="text/javascript">
   winWidth=document.all?document.body.clientWidth:window.innerWidth;
   winHeight=document.all?document.body.clientHeight:window.innerHeight;
</script>

Come mi avete fatto notare è preferibile lasciare il body inalterato e la strada da me percorsa è stata quella di inserire un <div dopo il body da javascript in questo modo:

codice:

<script type="text/javascript">
   document.write('<div style="width:'+winWidth+'px; border: 0px;">')
</script>

alla fine della pagina prima di chiudere il body ricordatevi ovviamente di chiudere anche il div.

Googolando ho anche trovato un javascript che permette di inviare tramite un redirect alla pagina la risoluzione come variabile $_GET ma ovviamente può essere "manomessa" alterando il link.
Altra soluzione è scrivere le info rilevate dal javascript in un Cookie.

Grazie e

Discussione: Variabile javascript in tag html

Strumenti discussione

Ricerca discussione

Visualizza

Variabile javascript in tag html

Permessi di invio