[DOM] syntaxe d'échappement des guillemets

Version imprimable

Hello :)

Bon, voilà quelques heures que je cherche, sans réponse...

Le code ci-dessous semble ne pas fonctionner : le contenu de la div n'est pas mis à jour lors du clic :
Code:

1 2 3 4 5 function showComments(div) { var newtext="<a href='#' onclick=\"document.getElementById(div).innerHTML = 'test'; return false; \">Retour au billet</a>"; document.getElementById(div).innerHTML = newtext; }
Je suppose que ma syntaxe d'échappement n'est pas la bonne...
non ?

Merci du coup de pouce !

23/12/2008, 14h38
yakou32

OK, j'ai trouvé.

C'est tout simplement la variable div qui n'était pas interprétée dans la chaine de caractères...

Désolé pour ce sujet inutile..

Code:

1
2
3
4
5
6
 
function showComments(div) 
{
var newtext="<a href='#' onclick=\"document.getElementById('"+div+"').innerHTML = 'test'; return false; \">Retour au billet</a>";
document.getElementById(div).innerHTML = newtext;
}

autre écriture possible :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function showComments(div) 
{
	var lien = document.createElement("a");
	lien.onclick = function()
				{
				document.getElementById(div).innerHTML = "test";
				return false;
				}	
	lien.appendChild(document.createTextNode("Retour au billet"));
 
	document.getElementById(div).innerHTML = "";
	document.getElementById(div).appendChild(lien);
}

23/12/2008, 16h06
yakou32
Merci pour ta réponse.

La seconde m'intrigue particulièrement, dans la mesure où elle évite les imbrications ; donc j'essaye de la comprendre...

Voilà où j'en suis, ça se complique un tantinet...
Code:

1 2 3 4 5 6 <?php $textebillet='<a href=\'#\' onclick=\'showComments(\'texte\'); return false;\' >'.$totalRows_comments.' commentaires</a>'. $row_billet['texte']. '<hr/>'. ?>
puis en javascript,

Code:

var newtext="<a href='#' onclick=\"document.getElementById('texte').innerHTML = '<?php echo preg_replace('#\r?\n#', '<br />', $textebillet);?>'; return false; \">Retour au billet</a>

C'est le quatrième niveau d'imbrication qui plantouille, le (\'texte\') du PHP..
Je suis conscient que mon code est une usine à gaz (d'autant plus que je n'en présente que le minimum). L'idée est de faire un va et vient entre un article et ses commentaires...

Je vais essayer de comprendre ton code pour resortir une version plus simple...
24/12/2008, 11h25
Auteur

Je te conseille de regarder le code javascript généré par ton PHP, je crois que tu arriveras plus facilement à localiser le problème.
N'étant pas compétent en PHP, je peux difficilement t'aider sur ce le bout de code que tu as posté :(

Le second exemple que je donne utilise des fonctions DOM pour créer ton lien et l'insérer dans le div.
Toutefois ce code n'est pas "100% DOM" dans la mesure où pour vider le contenu du div j'utilise une méthode un peu radicale :

Code:

document.getElementById(div).innerHTML = "";

:aie:
J'aurais dû parcourir l'arborescence du div et utiliser la méthode removeChild().
24/12/2008, 12h03
Bovino

Citation:

Envoyé par yakou32

Je vais essayer de comprendre ton code pour resortir une version plus simple...

Bon courage !!! Ce n'est pas dans les habitudes de Auteur de compliquer ses codes ;)
24/12/2008, 12h52
javatwister

Citation:

Envoyé par yakou32

Code:

var newtext="<a href='#' onclick=\"document.getElementById('texte').innerHTML = '<?php echo preg_replace('#\r?\n#', '<br />', $textebillet);?>'; return false; \">Retour au billet</a>

alors ça c'est vraiment un code dégueulasse! :yaisse1:

ne le prends pas mal (je ne te jette pas la pierre);

:lol::lol: