alternativa a innerHTML

**alfa_19** · 20-11-2011, 20:21

Salve a tutti.

Io ho una variabile contenente del codice html:

Codice PHP:


var stringa = "Ciao!

Sono [b]Pippo[/b].

Conosci [i]Paperino[/i]?"

Io però non so quale sia questa stringa, può cambiare ad ogni chiamata della pagina, posso solo dire che conterrà dei tag html che devono funzionare come tali.

Poi ho un div semplice semplice:

Codice PHP:


<div id="mydiv"></div>

Quello che io voglio fare è semplicemente mettere quella stringa in quel div:

Codice PHP:


document.getElementById("mydiv").innerHTML(stringa);

peccato che questa soluzione a Safari non piaccia...quindi come faccio a far si che funzioni anche in safari?

ho provato:

Codice PHP:


document.getElementById("mydiv").appendChild(document.createTextNode(stringa));

ma con questa soluzione, che funziona, i tag html vengono ignorati, e quindi stampati come fossero caratteri. Mi sembra di aver capito che non esista un createHTMLNode o qualcosa di simile.

Accetto ogni suggerimento, grazie mille

**Xinod** · 20-11-2011, 20:37

probabilmente a safari non piace perche' per settare l' innerHTML dovresti fare cosi'
document.getElementById("mydiv").innerHTML=stringa ;

**alfa_19** · 20-11-2011, 21:56

si scusa, errore di ricopiatura.

facevo già così, ma a safari non piace

**Xinod** · 20-11-2011, 23:06

mmm, a quanto pare cercando qua e la' e' un problema comune
se vuoi risolvere devi creare e appendere nodi di testo e elementi, non puoi usare l' innerHTML

la parte piu' rognosa e' convertire la stringa, prova a cercare con google

x es. http://martinkou.blogspot.com/2011/0...or-mobile.html

**alfa_19** · 23-11-2011, 00:00

quell'articolo l'avevo già letto anch'io, ma il problema è appunto che viene usato createTextNode.

Ripeto, io non posso sapere a priori come sia fatto il mio html, quindi voi mi dite che l'unica soluzione sia parsificare l'html e creare elementi man mano? questo vuol dire che da 1 riga di codice ne usciranno tipo 15

**cavicchiandrea** · 23-11-2011, 01:58

Con jquery sembra che vada (provato con safari Versione 5.1.1 su mac)

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.4.4.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function () {
$('#sostituisci').click(function(){
	$('#contenitore').html('nuovo testo sostiituito con l\'aiuto di jquery nel div contenitore');
});
$('#aggiungi').click(function(){
	$('#contenitore').html($('#contenitore').text()+'<div id="add">nuovo testo aggiunto in nuovo div con l\'aiuto di jquery nel div contenitore</div>');
});
});
//]]>
</script>
<style type="text/css">
#add{
	width:auto;
	height:auto;
	border: 1px solid #900;
}
</style>
</head>
<body>
<div id="contenitore">Testo di prova per vedere se .html() di jquery funziona su safari</div>
<input name="sostituisci" type="button" id="sostituisci" value="sostituisci" />
<input name="aggiungi" type="button" id="aggiungi" value="aggiungi" />
</body>
</html>

**alfa_19** · 23-11-2011, 12:44

edit: ho detto una cavolata

**alfa_19** · 27-11-2011, 16:47

su iphone continua a non andare però

**cavicchiandrea** · 27-11-2011, 17:22

Originariamente inviato da alfa_19
su iphone continua a non andare però

Documenti su jquery mobile

**alfa_19** · 28-11-2011, 17:24

Non ho capito

Discussione: alternativa a innerHTML

Strumenti discussione

Ricerca discussione

Visualizza

alternativa a innerHTML

Permessi di invio