Echapper apostrophe dans string

**dubitoph** · 31/12/2009, 11h45

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**vermine** · 31/12/2009, 11h49

Bonjour,

Inversez tous les quotes:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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");'

**SpaceFrog** · 31/12/2009, 11h55

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

**dubitoph** · 31/12/2009, 12h02

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>";
 }

**vermine** · 31/12/2009, 12h06

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
hideDiv('" + presentation

**dubitoph** · 31/12/2009, 12h09

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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');"

**vermine** · 31/12/2009, 12h12

Ca ce n'est pas un quote:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

(`Nom

Prenez bien ceci: " ' ".

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

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**vermine** · 31/12/2009, 12h32

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**dubitoph** · 31/12/2009, 12h37

Je n'y arrive pas...

Dans ma fonction, j'ai fait ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

**vermine** · 31/12/2009, 12h38

Non mais je reremets ce que je pensais:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>";
 }

**SpaceFrog** · 31/12/2009, 12h44

passer par le DOM au lieu di innerHTML permettrait d'eviter ce niveau d'imbrications de quotes , sinon il faudra passer par '

**dubitoph** · 31/12/2009, 12h45

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...

**vermine** · 31/12/2009, 12h45

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>...

**dubitoph** · 31/12/2009, 12h46

Merci beaucoup et bon amusement également. Je continue à tester..

**dubitoph** · 31/12/2009, 12h49

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");"

**SpaceFrog** · 31/12/2009, 12h53

' 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

**dubitoph** · 31/12/2009, 12h55

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.

**dubitoph** · 31/12/2009, 13h02

Je viens donc d'essayer ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et dans ma fonction :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

J'obtiens l'erreur "missing ) after argument list
[Break on this error] showDiv(Nom : Venneman Betty Contact : Madame MME"

**SpaceFrog** · 31/12/2009, 13h07

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById(divImage).innerHTML = "<img src=\"../images/moins.GIF\" border=\"0\" align=\"absmiddle\" onclick=\"hideDiv(' " + presentation + "',"' + idDiv + "', '" + divImage + "')\">&nbsp;&nbsp;" +  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é

**dubitoph** · 31/12/2009, 13h54

Re,

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Dans mon interface Php, j'ai ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<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"

Echapper apostrophe dans string

JavaScript

Discussions similaires

Partager

Partager