JavaScript et Apostrophe

**marynes** · 22/09/2008, 18h25

Bonjour à tous,

J'ai un petit problème en JavaScript,

J'affiche un écran de mise à jour des données. Dans la partie haute, se trouvent les zones de saisies qui seront renseignées en
séléctionnant une ligne dans le tableau qui se trouve dessous pour pouvoir les modifier.

Mon problème est que:

Si dans la ligne du tableau, j'ai des apostrophes, il ne m'est pas possible de séléctionner la ligne.

C'est le cas dans le petit bout de code joint au message pour "Charggé d'études" alors que cela marche très bien pour "Personnel de service"

Merci par avance pour votre aide.

Cordialement.

Voici mon petit bout de code: Il suffit de l'exécuter en local pour voir mon souci.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
=================================================>
 
  <html>
  <title>Bug zone de saisie</title>
  <head>
 
  </head>
  <BODY bgcolor="#CCECFF" >
 
 
   <table width="30%"  border="0" cellspacing="0" cellpadding="0" align="center" >
       <tr>
          <td>
             <table width="50%" border="0" cellspacing="0" cellpadding="0">
               <tr align="left">
                   <td>&nbsp;</td>
                   <td align="center"><b>Nom de la fonction</b></td>
                   <td>&nbsp;</td>
                   <td align="center"><b>Abrégé</b></td>
                   <td>&nbsp;</td>
               </tr>
               <tr onMouseover="this.bgColor='#CCECFF'" onMouseout="this.bgColor='#CCECFF'">
                <form NAME="saisie" method="get" action="/orgaweb/_referentiel/admin_fonction.php">
                   <td width="1%" align="center">
                     <INPUT TYPE="button"  name="F_idtable"  value="&nbsp;&nbsp;" onClick='reset();this.value="  "'; align="left" size="3" maxlength="3" >
                  </td>
                  <td align="center" width="20%">
                    <INPUT TYPE="TEXT"  name="F_Nom"  value="" align="left" size="50" maxlength="50" >
                 </td>
 
                 <td width="2%">&nbsp;</td>
 
                 <td align="center" width="10%">
                   <INPUT TYPE="TEXT"  name="F_Abrege"  value="" align="left" size="5" maxlength="5" >
                 </td>
               </tr>
               </form>
               <tr onMouseover="this.bgColor='#CCECFF'" onMouseout="this.bgColor='#CCECFF'">
                  <td>[N° ]</td>
                  <td>[Nom]</td>
                  <td>&nbsp;</td>
                  <td>[Abrégé]</td>
                  <td>&nbsp;</td>
               </tr>
               <tr onMouseover="this.bgColor='yellow'" onMouseout="this.bgColor='#CCECFF'">
 
                  <td align="center">26</td>
                  <td onClick="document.saisie.F_Nom.value='Charg&eacute; d'&eacute;tudes'
                           document.saisie.F_Abrege.value=''
                           document.saisie.F_idtable.value='26'
                           document.saisie.action.value='Modification'
                           document.saisie.F_id.value='26';">
                           &nbsp;Charg&eacute; d'&eacute;tudes
                  </td>
                  <td>&nbsp;</td>
                  <td onClick="document.saisie.F_Nom.value='Charg&eacute; d'&eacute;tudes'
                           document.saisie.F_Abrege.value=''
                           document.saisie.F_idtable.value='26'
                           document.saisie.action.value='Modification'
                           document.saisie.F_id.value='26'">
                           &nbsp;
                  </td>
               </tr>
               <tr onMouseover="this.bgColor='yellow'" onMouseout="this.bgColor='#CCECFF'">
 
                  <td align="center">25</td>
                  <td onClick="document.saisie.F_Nom.value='Personnel de service'
                           document.saisie.F_Abrege.value='ww'
                           document.saisie.F_idtable.value='25'
                           document.saisie.action.value='Modification'
                           document.saisie.F_id.value='25';">
                           &nbsp;Personnel de service
                  </td>
                  <td>&nbsp;</td>
                  <td onClick="document.saisie.F_Nom.value='Personnel de service'
                           document.saisie.F_Abrege.value='ww'
                           document.saisie.F_idtable.value='25'
                           document.saisie.action.value='Modification'
                           document.saisie.F_id.value='25'">
                           &nbsp;ww
                  </td>
              </tr>
           </table>
         </td>
       </tr>
</table>
</html>
 
 
 
 
=================================================>

**SpaceFrog** · 23/09/2008, 08h42

Code :

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

1
2
 
onClick="document.saisie.F_Nom.value='Charg&eacute; d'&eacute;tudes'

il semble évident que tu aies un problème de quotes

deux possibilités:
soit tu échappes l'apostrophe:

Code :

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

onClick="document.saisie.F_Nom.value='Charg&eacute; d\'&eacute;tudes'

soit tu utilise l'html entity:

Code :

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

onClick="document.saisie.F_Nom.value='Charg&eacute; d&apos;&eacute;tudes'

**Matthieu2000** · 23/09/2008, 13h47

une troisième

Code :

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

1
2
 
onClick="document.saisie.F_Nom.value=\"Charg&eacute; d'&eacute;tudes\"'...'

**marynes** · 23/09/2008, 15h36

Merci à tous deux pour vos réponses. Cela marche parfaitement maintenant.

Bruno

JavaScript et Apostrophe

JavaScript

Discussions similaires

Partager

Partager