JavaScript et Apostrophe

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

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

Code:

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

:roll:
Code:

1 2 onClick="document.saisie.F_Nom.value='Chargé d'études'
il semble évident que tu aies un problème de quotes

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

Code:

onClick="document.saisie.F_Nom.value='Chargé d\'études'

soit tu utilise l'html entity:

Code:

onClick="document.saisie.F_Nom.value='Chargé d'études'

une troisième

Code:

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

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

Bruno :lol: :D