Stampare codice HTML con JS, invece delle entità

Printable View

11-02-2015, 16.01.57
foreach

Stampare codice HTML con JS, invece delle entità

Salve a tutti,

ho un problema. Ho creato una funzione in js che viene richiamata in <body onload>

Questo è il codice:

Codice PHP:

var vettore = new Array(); vettore[0] = new Array(1, "Testo 1", "24-01-15, 11:36"); vettore[1] = new Array(0, "Testo 2", "24-01-15, 11:36"); vettore[2] = new Array(1, "Testo 3", "24-01-15, 11:36"); function prendivettore() { for(i=0;i<vettore.length;i++) { document.getElementById('paragrafo').innerHTML += "<div class='"; if(vettore[i][0] == 1) { document.getElementById('paragrafo').innerHTML += 'grigio'; } else { document.getElementById('paragrafo').innerHTML += 'nero'; } document.getElementById('paragrafo').innerHTML += "'>" + vettore[i][1] + '<br>' + vettore[i][2] + "</div>\n"; } }

Il fatto è che nel <div id="paragrafo"> il primo carattere che deve visualizzare, cioè <, lo visualizza come <, tutti gli altri invece me li mette normalmente, compromettendomi così il funzionamento dello script.
Lo fa solo al primo richiamo DOM che sostituisce i caratteri speciali con entità html, agli altri 3 DOM non lo fa.

Come posso risolvere?

Grazie,
foreach
11-02-2015, 16.25.48
alemoppo

Prova preparando la stringa prima, successivamente fai una sola chiamata innerHTML, del tipo:

Codice:

function prendivettore() { var stringa = ''; for(i=0;i<vettore.length;i++) { stringa += "<div class='"; if(vettore[i][0] == 1) { stringa += 'grigio'; } else { stringa += 'nero'; } stringa += "'>" + vettore[i][1] + '<br>' + vettore[i][2] + "</div>\n"; } document.getElementById('paragrafo').innerHTML = stringa; }

Ciao!
11-02-2015, 16.25.57
karl94

Non puoi andare a scrivere la proprietà innerHTML in quel modo, aggiungendo volta per volta dei pezzi di codice. Usa piuttosto una variabile temporanea e scrivi tutto insieme.
Il problema è che ogni volta che assegni un valore alla proprietà, questo attiva il parser HTML e se il codice non è completo è normale che accadano cose strane. Ed ogni volta che vai a leggere da quella proprietà ciò che ottieni è la serializzazione del contenuto che quindi non è necessariamente la medesima stringa che hai assegnato in precedenza.
Ad ogni modo la cosa migliore sarebbe usare i vari metodi del DOM per alterare l'albero del documento, come createElement e appendChild.
12-02-2015, 15.38.11
foreach

Grazie a tutti e due, ora con la variabile di servizio il tutto funziona!

foreach