Salut,

j'ai un souci avec la fonction innerHTML, j'ai un <PRE></PRE> avec un ID dont je récupère le contenu avec :

var content = document.getElementById("preId").innerHTML;

Je traite le contenu en remplaçant certains caractères et ensuite je fais :

document.getElementById("preId").innerHTML = content;

Alors, ça fonctionne très bien sous FF, mais dans IE, le innerHTML écrit tout sur la même ligne !!!

Peux-tu montrer le traitement du contenu (ou carrément un code pseudo-complet qu'on puisse tester concrètement ) ?

Donnes surtout la fonction de remplacement.

function changeCode()
	{
		var codes = document.getElementsByTagName("PRE");
		var ids = new Array(codes.length);
		for(var i=0; i<codes.length; i++)
			{
				var element = codes[i].id;
				var content = document.getElementById(element).innerHTML;
				newContent = content.replace("&lt;", "<span style='color: blue;'>&lt;");
				newContent = newContent.replace("&gt;", "&gt;</span>");
				document.getElementById(element).innerHTML = newContent;
			}
	}

Voilà, j'ai pas copié mon code source car il est assez gros mais ceci est un concentré. En fait, cette fonction sert à colorer les tag html contenu dans les balises PRE en entourant d'un SPAN.

J'ai trouvé un début de solution à mon problème hier, cette solution c'est une fonction "nl2br" javascript :

function nl2br(str, is_xhtml) {
    var breakTag = '';
    breakTag = '<br />';
    if (typeof is_xhtml != 'undefined' && !is_xhtml) {
        breakTag = '<br>';
    }
    return (str + '').replace(/([^>]?)\n/g, '$1'+ breakTag);
}

Alors cette fonction marche plutôt bien sauf avec IE (quelle surprise ) qui n'affiche pas les tabulations...