Variabile PHP per impostare una proprietà CSS

  • Creatore Discussione Creatore Discussione Tommy03
  • Data di inizio Data di inizio

Tommy03

Utente Attivo
6 Giu 2018
614
58
28
21
Vicenza
Salve, ho bisogno di impostare la larghezza di un contenitore in base alla larghezza dello schermo.
Per farlo ho usato questo codice:
PHP:
<script type="text/javascript">
function larghezza() {
document.write(screen.width);
}
</script>
<?php
$width1='<script>larghezza()</script>';
$width= $width1."px";
?>
<div style="width:<?php echo $width;?>;"></div>
Non funziona, ma la cosa bizzarra è che se sotto scrivo solamente (non all'interno di una proprietà CSS):
PHP:
<?php echo $width;?>
Mi mostra correttamente
360px
Un'altra cosa che ho notato è che guardando il codice sorgente della pagina si vede
Codice:
<div style="width:   px;"></div>
Qualcuno sa dirmi dove potrebbe essere il problema?
Grazie
 
Ciao,

in realtà è bizzarro il modo in cui cerchi di risolvere il problema :D

In pratica non puoi impostare una porzione di codice JS come valore dell'attributo style. Quest'ultimo accetta valori per impostare gli stili della pagina, nel seguente formato

Codice:
nome_proprieta:valore;

Per fare quello che richiedi tu, puoi semplicemente assegnare un identificativo al div e, tramite JS, modificare la larghezza tramite la proprietà width, in questo modo

HTML:
<div id="screenWidth">Questo è un div</div>
<script>
    document.getElementById('screenWidth').style.width = screen.width+'px';
</script>
 

Discussioni simili