fogli di stile e javascript

**fabione_htm** · 22-12-2008, 01:04

salve.
Mi spiegate perche questo codice non funziona?

Codice PHP:




<head>

  <title></title>









<script language="JavaScript">



<!--

var el=document.getElementById("prova");

el.style.fontSize="50px";



-->

</script>

<style type="text/css">

<!--

#prova{

  font-size: 12px;

}





-->

</style>

</head>



<body>

<p id="prova">Ciao come  va</p> 




</body>

**Gufo** · 22-12-2008, 01:29

Originariamente inviato da fabione_htm
salve.
Mi spiegate perche questo codice non funziona?

Codice PHP:




<head>

  <title></title>









<script language="JavaScript">



<!--

var el=document.getElementById("prova");

el.style.fontSize="50px";



-->

</script>

<style type="text/css">

<!--

#prova{

  font-size: 12px;

}





-->

</style>

</head>



<body>

<p id="prova">Ciao come  va</p> 




</body>

E chi ti ha detto che non funzione? Provalo bene e vedrai che va

**fcaldera** · 22-12-2008, 01:51

perchè il javascript viene eseguito quando l'elemento 'prova' ancora non esiste.

**Gufo** · 22-12-2008, 02:04

Io l'ho provato spostando il JS dopo il vss e funzionava bene ora ho provato a metterlo prima come nel codice postato e funziona ugualmente

**fabione_htm** · 22-12-2008, 03:40

Salve.
è da stamattina che cerco di fare sta minchi..

e non sò più come provarlo Vi invio un link

http://www.ippolitoservicebus.it/prova.html

Tra le altre prove avevo già spostato il codice JS sotto perchè appunto l'oggetto non ancora creato non può essere modificato ma il risultato non cambia sarà una banalità ma quale?

**Enzo (Strayst.)** · 22-12-2008, 06:41

Fare eseguire lo SCRIPT tramite una function; quindi si racchiude il tutto tra le due parentesi graffe che delimitano una function.
Far partire la function tramite il comando onload="" assegnato al BODY; onload si attiva appena il BODY ha terminato di essere caricato.

codice:

<html>
<head>
  <title>font resizer</title>


<script language="JavaScript">
<!--

function setup(){
 var el=document.getElementById("prova");
  el.style.fontSize="50px";
 }

-->
</script>

<style type="text/css">
<!--
#prova{
  font-size: 12px;
}


-->
</style>
</head>

<body onload="setup();">
<p id="prova">Ciao come  va</p> 


</body>
</html>

**fabione_htm** · 22-12-2008, 13:14

Non ci avevo pensato al gestore di eventi. Mi sarò letto diversi post e articoli e nessuno ne parla.
Grazie.

P.s. per Gufo
Com'é che a te funziona cosi senza il gestore?

Discussione: fogli di stile e javascript

Strumenti discussione

Ricerca discussione

Visualizza

fogli di stile e javascript

Re: fogli di stile e javascript

body onload

Permessi di invio