Echapper apostrophe dans string

Version imprimable

31/12/2009, 11h45
dubitoph

Echapper apostrophe dans string

Bonjour,

Je cherche à échapper une apostrophe dans une string délimitée par des apostrophes. Cependant, lorsque je l'anti-backslashe, j'obtiens une erreur de caractère invalide.

Exemple :

Code:

onclick="showDiv('Nom : Mr rouselet michel Contact : Madame MR ROUSELET MICHEL NULL Commentaire : 01 Mobistar secteur d'activité: MARBRERIE NOUVELLES CARRIERES ET MARBRERIE DE MAZY 1 OUI NON NON', 'donneesCible', 'divImg');"

A mon avis, l'apostrophe de "d'activité " peut poser problème (cfr mon précédent post), mais lorsque je l'anti-backslahe, au moment de l'exécution du onclick, j'obtiens l'erreur "unterminated string literal" alors que le code généré donne ceci :

Code:

onclick="showDiv('Nom : Mr rouselet michel Contact : Madame MR ROUSELET MICHEL NULL Commentaire : 01 Mobistar secteur d\'activité: MARBRERIE NOUVELLES CARRIERES ET MARBRERIE DE MAZY 1 OUI NON NON', 'donneesCible', 'divImg');"

Quelqu'un aurait une idée?

Merci d'avance.

Inversez-moi

Bonjour,

Inversez tous les quotes:

Code:

1
2
 
onclick='showDiv("Nom : Mr rouselet michel     Contact : Madame MR ROUSELET MICHEL NULL     Commentaire : 01 Mobistar secteur d\'activité: MARBRERIE NOUVELLES CARRIERES ET MARBRERIE DE MAZY 1 OUI NON NON", "donneesCible", "divImg");'

31/12/2009, 11h55
SpaceFrog

inverser les quote resoudra bien le problème,
mais ce problème vient de la fonction showDiv et tu ne nous la montre pas ...

Je vais tenter d'inverser les quotes. En attendant, comme demandé, voici ma fonction :

Code:

1
2
3
4
5
function showDiv(presentation, idDiv, divImage)
 {
  document.getElementById(idDiv).style.display = 'block';
  document.getElementById(divImage).innerHTML = "<img src='../images/moins.GIF' border='0' align='absmiddle' onclick=\"hideDiv('" + presentation + "', '" + idDiv + "', '" + divImage + "');\">&nbsp;&nbsp;" +  presentation + "</div>";
 }

31/12/2009, 12h06
vermine

\o/
C'est bien ça.
La variable presentation contient un " ' " et vous l'entourez également de " ' ":
Code:

1 2 hideDiv('" + presentation
31/12/2009, 12h09
dubitoph

Merci beaucoup à vous deux pour vos réponses, ça fait plaisir d'être soutenu car je rame sur ce problème depuis des jours.

Je viens d'inverser les cotes, mais malheureusement j'ai toujours le même type de message alors que le code génére donne ceci :

Code:

onclick="showDiv(`Nom : Mr rouselet michel Contact : Madame MR ROUSELET MICHEL NULL Commentaire : 01 Mobistar secteur d\'activité: MARBRERIE NOUVELLES CARRIERES ET MARBRERIE DE MAZY 1 OUI NON NON`, 'donneesCible', 'divImg');"
31/12/2009, 12h12
vermine

Ouille
Ca ce n'est pas un quote:

Code:

(`Nom

Prenez bien ceci: " ' ".

EDIT: Et en fait, ce sont les quotes du onclick de showDiv qu'il faudrait inverser. :oops:

Euh... Vous n'avez pas inversez les quotes dans ce que vous venez de me dire. Mais peu importe. Ce qu'il faut c'est que le onclick dans showDiv donne:
Code:

1 2 3 presentation = "l\'activité"; hideDiv("... ' + presenation + '... ");

Huhu

Faut pas être fatigué car on devient vite fou. J'ai envie de dire ceci:

Code:

1
2
3
4
5
6
7
8
9
10
 
onclick='showDiv("Nom : Mr rouselet michel     Contact : Madame MR ROUSELET MICHEL NULL     Commentaire : 01 Mobistar secteur d\'activité: MARBRERIE NOUVELLES CARRIERES ET MARBRERIE DE MAZY 1 OUI NON NON", "donneesCible", "divImg");'
 
 
 
function showDiv(presentation, idDiv, divImage)
 {
  document.getElementById(idDiv).style.display = 'block';
  document.getElementById(divImage).innerHTML = "<img src='../images/moins.GIF' border='0' align='absmiddle' onclick='hideDiv(" + presentation + ", " + idDiv + ", " + divImage + ");'>&nbsp;&nbsp;" +  presentation + "</div>";
 }

EDIT: J'ai recommencé trois fois. Je cherchais midi à quatorze heure.

Je n'y arrive pas...

Dans ma fonction, j'ai fait ceci :

Code:

1
2
3
4
5
function showDiv(presentation, idDiv, divImage)
 {
  document.getElementById(idDiv).style.display = 'block';
  document.getElementById(divImage).innerHTML = '<img src="../images/moins.GIF" border="0" align="absmiddle" onclick=\'hideDiv("' + presentation + '", "' + idDiv + '", "' + divImage + '");\'>&nbsp;&nbsp;' +  presentation + '</div>';
 }

Dans mon interface, ceci :

Code:

1
2
3
4
echo "</div>
<div id='divImg'>
  <img id='plusPresentationCibe' src='../images/plus.gif' border='0' align='absmiddle' onclick=\"showDiv(" .addslashes($presentationCible) . ", 'donneesCible', 'divImg');\">&nbsp;&nbsp;" .  $presentationCible . 
"</div>...

mais rien à faire...

Non mais je reremets ce que je pensais:

Code:

1
2
3
4
5
6
 
function showDiv(presentation, idDiv, divImage)
 {
  document.getElementById(idDiv).style.display = 'block';
  document.getElementById(divImage).innerHTML = "<img src='../images/moins.GIF' border='0' align='absmiddle' onclick='hideDiv(\"" + presentation + "\", \"" + idDiv + "\", \"" + divImage + "\");'>&nbsp;&nbsp;" +  presentation + "</div>";
 }

31/12/2009, 12h44
SpaceFrog

passer par le DOM au lieu di innerHTML permettrait d'eviter ce niveau d'imbrications de quotes , sinon il faudra passer par '
31/12/2009, 12h45
dubitoph

Nos messages étaient postés quasiment en même temps...

J'ai donc testé avec votre solution, mais j'obtiens toujours une erreur sur le onclick dans mon interface de base (sans la mise à jour de l'image).

Ce message est maintenant
"missing ) after argument list
missing ) after argument listshowDiv(Nom : Venneman Betty Contact : Madame MME\"

Dure, dure...

:-/

Oui, et moi je vous laisse ici. Bonne Année à vous deux. Amusez-vous bien ce soir:

Code:

1
2
 
 echo "</div><div id='divImg'><img id='plusPresentationCibe' src='../images/plus.gif' border='0' align='absmiddle' onclick='showDiv(\"" . $presentationCible . "\", \"donneesCible\", \"divImg\");'>&nbsp;&nbsp;" .  $presentationCible . "</div>...

31/12/2009, 12h46
dubitoph

Merci beaucoup et bon amusement également. Je continue à tester..
31/12/2009, 12h49
dubitoph

Avec la solution de Vermine, j'obtiens l'erreur

"missing ) after argument list
[Break on this error] showDiv("Nom : Venneman Betty Contac...I NON NON", "donneesCible", "divImg");"
31/12/2009, 12h53
SpaceFrog

' sera encore le plus simple sinon il faudrait externaliser certaines parties de focntions ou passer par des escape ou encodeURIComponent()

ou faire une fonction javascript equivalente à htmlentities de php
31/12/2009, 12h55
dubitoph

J'avais loupé ton message et la proposition de passer par le DOM ou passer par '. Je t'en remercie.

Je vais tenter le ', car je ne vois pas comment procéder avec le DOM pour mettre à jour dynamiquement mon div.
31/12/2009, 13h02
dubitoph

Je viens donc d'essayer ceci :

Code:

onclick=\"showDiv('" . $presentationCible . "', 'donneesCible', 'divImg');\"

et dans ma fonction :

Code:

document.getElementById(divImage).innerHTML = "<img src='../images/moins.GIF' border='0' align='absmiddle' onclick='hideDiv(" + presentation + ", " + idDiv + ", " + divImage + ");'>  " + presentation + "</div>";

J'obtiens l'erreur "missing ) after argument list
[Break on this error] showDiv(Nom : Venneman Betty Contact : Madame MME"
31/12/2009, 13h07
SpaceFrog

Code:

document.getElementById(divImage).innerHTML = "<img src=\"../images/moins.GIF\" border=\"0\" align=\"absmiddle\" onclick=\"hideDiv(' " + presentation + "',"' + idDiv + "', '" + divImage + "')\">  " + presentation + "</div>";

mais je ne vois pas ce que vient faire la balise fermante de div là ...
et le ' c'est poure remplacer uniquement le ' de l'activité

Re,

De fait, la balise fermante n'avait rien à faire là...

Par contre, dans ma fonction j'ai fait ceci :
Code:

1 2 3 4 5 6 function showDiv(presentation, idDiv, divImage) { presentation.replace("'", "'"); document.getElementById(idDiv).style.display = 'block'; document.getElementById(divImage).innerHTML = "<img src='../images/plus.gif' border='0' align='absmiddle' onclick=\"hideDiv('" + presentation + "', '" + idDiv + "', '" + divImage + "');\">  " + presentation; }
Dans mon interface Php, j'ai ceci :

Code:

<img id='plusPresentationCibe' src='../images/plus.gif' border='0' align='absmiddle' onclick=\"showDiv('" . replaceRetoursLigne($presentationCible) . "', 'donneesCible', 'divImg');\"

où replaceRetoursLigne() remplace des éventuels "\n" par rien.

J'obtiens toujours un message d'erreur :

"unterminated string literal
[Break on this error] showDiv('Nom : Venneman Betty Contact : Madame MME"

Voilà, j'ai résolu mon problème en le contournant :

Code:

<img id='imgCibe' src='../images/plus.gif' border='0' align='absmiddle' onclick=\"showDiv('donneesCible','imgCibe');\">
Code:

1 2 3 4 5 6 function showDiv(idDiv, divImg) { document.getElementById(divImg).src = '../images/moins.gif'; document.getElementById(divImg).onclick = function () {hideDiv(idDiv, divImg)}; document.getElementById(idDiv).style.display = 'block'; }
Code:

1 2 3 4 5 6 function hideDiv(idDiv, divImg) { document.getElementById(divImg).src = '../images/plus.gif'; document.getElementById(divImg).onclick = function () {showDiv(idDiv, divImg)}; document.getElementById(idDiv).style.display = 'none'; }
Mon problème est maintenant résolu...

Merci beaucoup pour le temps passé à m'aider et btrès bon réveillon!

Fuseau horaire GMT +2. Il est actuellement 04h02.