codice inserito in tag <script> non si esegue

**triadefede** · 01-11-2016, 11:43

buongiorno a tutti.

il mio problema è questo:

ho una pagina html in cui sto inserendo uno script js nell'apposito tag <script>.

sto utilizzando la libreria d3.js.

quando apro la pagina con chrome, il codice non ha alcun effetto, anche se la console di chrome non segnala alcun errore. sembra quasi che non veda proprio il contenuto del tag.

invece ho copiato e incollato il codice nella console e ha funzionato normalmente.

com'è possibile??

la libreria è importata correttamente, il tag <script> è nel body, il codice js non contiene errori... ma niente!

sapete aiutarmi?

**ciro78** · 01-11-2016, 11:44

magari se posti il link alla pagina possiamo fare qualcosa. non abbiamo la sfera di cristallo

**lucavizzi** · 01-11-2016, 11:51

Molto probabilmente il tuo script si trova nell'head del documento e non attende il caricamento della pagina, di conseguenza non "trova" gli elementi su cui compiere le sue azioni.
Prova a racchiudere il codice all'interno della funzione onload.

codice:

<script type="text/javascript">
window.onload=function(){
    // qui il tuo codice
}
</script>

**triadefede** · 01-11-2016, 12:25

<html>
<head>
<link href="stile.css" rel="stylesheet" type="text/css">
<script src="//d3js.org/d3.v4.min.js"></script>
</head>
<body>
<script>
d3.select("#prova")
.append("svg")
.attr("width", 100)
.attr("height", 100);
</script>
<div id="prova">
</div>
</body>
</html>

il codice, molto banale, è questo. apro la pagina con chrome e non succede niente. quindi dal developer tools, apro la console, copio e incollo lo stesso e identico codice, e l'svg si aggiunge correttamente. come vedete lo script è nel body. nella console non vengono visualizzati errori. e il codice è per forza di cose corretto, altrimenti non funzionerebbe nemmeno da console.

che ne pensate?

**triadefede** · 01-11-2016, 12:28

ps (o.t.): chiedo scusa per il codice non indentato, come faccio a formattare correttamente il codice quando posto?

**cavicchiandrea** · 01-11-2016, 13:04

A) Se richiami un oggetto non ancora presente non può funzionare (come indicava Luca) racchiudi il codice nel ready jquery
B) Sicuro che sia presente la libreria jquery? (Nel codice non la vedo)
C) Usa i tag [c o d e] .... codice js .... [/c o d e] (senza spazi)

**triadefede** · 01-11-2016, 13:16

Originariamente inviata da cavicchiandrea

A) Se richiami un oggetto non ancora presente non può funzionare (come indicava Luca) racchiudi il codice nel ready jquery
B) Sicuro che sia presente la libreria jquery? (Nel codice non la vedo)
C) Usa i tag [c o d e] .... codice js .... [/c o d e] (senza spazi)

ti rispondo per punti:

A) infatti, ho risolto inserendo il tag <script> come ultimo figlio del body e adesso funziona.

B) hai letto male, la libreria è d3.js, non jquery

C) grazie mille!

grazie a tutti per le risposte, problema risolto.

buona giornata!

Discussione: codice inserito in tag <script> non si esegue

Strumenti discussione

Ricerca discussione

Visualizza

codice inserito in tag <script> non si esegue

Permessi di invio