Multipler les scripts jQuery sur une page HTML

**LoRd_ShIn_GoUkI** · 16/10/2010, 22h59

Bsr Les amis

alors je suis entrain de Préparé un projet sur une enquêté de satisfaction pour la société ou je boss et je trouve une dificulé de mise en page par rapport a la multiple utilisation d'un script Jquery star rate dans la même page voila le source

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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
<html><head>
<title>321321321</title>
<meta content="MSHTML 6.00.2900.2802" name="GENERATOR">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" href="surveyfe.pl_fichiers/neuf0701a_style.css">
</head><body leftmargin="0" topmargin="0" face="Verdana" bgcolor="#ffffff" marginheight="0" marginwidth="0" text="#000000">
    <script type="text/javascript" src="prototype.lite.js"></script>
    <script type="text/javascript" src="stars.js"></script>
    <link rel="stylesheet" href="stars.css" type="text/css" />
</head>
<body>
 
 
<div align="center"><script language="javascript">
function noenter() {
if(window.event.keyCode == 13){window.event.returnValue = false;}
}
</script>
  <script language="javascript">
function revertback(oObject) {
    originalIndex = oObject.selectedIndex;
    if ((event.wheelDelta) > 0) { //move up
        oObject.selectedIndex = originalIndex + 1;
    } else {
        oObject.selectedIndex = originalIndex - 1;    
    }
    return(false);
}
</script>        
  <table width="1017" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="20">
    <tbody>
      <tr>
        <td align="centre"><img src="surveyfe.pl_fichiers/head_service_client.gif" name="header_logo" width="92" height="90"></td>
      </tr>
      <!--    <tr>
 
        <td colspan=2 align=center class="altastitle">Thamlaoui Mohamed</td>
 
    </tr>
 
-->
    </tbody>
  </table>
</div>
<center><table width="61%"><tbody><tr><td>
<font face="Verdana">
<span class="chartvariation">
<br></span><h3><center>
  <p class="chartvariation"><font color="#6c6c6c">Votre avis sur le Service client </font><font color="#ff6600">111 </font>
  </p>
  <p class="chartvariation">&nbsp;</p>
</center></h3></font>
 
<form method="post" name="survey" action="submitfe.pl">
  <table width="100%" cellpadding="0" cellspacing="5">
    </table>
  <div align="center">
    <table width="96%" cellpadding="0" cellspacing="5">
      <input name="version" value="2" type="hidden">
      <input name="surveyid" value="0" type="hidden">
      <input name="charset" value="iso-8859-1" type="hidden">
      <input name="marker" value="qxget54694968qgpwq" type="hidden">
      <input name="SPECIALITE_MODIFIEUR" value="HLI" type="hidden">
      <input name="Survey_Method" value="Phone" type="hidden">
      <input name="DATE_FORMAT" value="Date et Heure" type="hidden">
      <input name="Salutation" value="Chèr(e) Monsieur / Madame" type="hidden">
      <input name="Method" value="appel" type="hidden">
      <input name="invitation_logo" value="head_service_client.gif" type="hidden">
      <input name="111tn_link" value="www.111.tn" type="hidden">
      <input name="Signature" value="Le Service client 111 " type="hidden">
      <input name="Service_type" value="111 " type="hidden">
      <input name="Brand" value="111 " type="hidden">
      <input name="c_tversion" value="0" type="hidden">
      <input name="b_page_01" value="1" type="hidden">
      <input name="b_page_03" value="1" type="hidden">
      <tbody>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> <span class="chartvariation"> 
            Chèr(e) Monsieur / Madame</span></font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left">
            <p style="text-indent: 17px; line-height: 150%; margin-left: 1px; margin-right: 1px"><font face="Verdana"> <span class="chartvariation"> Afin d'améliorer constamment la qualité de notre service, nous 
            souhaitons nous assurer de votre satisfaction concernant votre dernier 
            contact avec notre service client 111  le .......... </span></font></p></td>
          </tr>
        <tr>
          <td colspan="2" align="left">&nbsp;</td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><div align="left"><font face="Verdana"> <span class="chartvariation"> Vos réponse vont nous aider a vous apporter le meilleur support </span></font></div></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td valign="top" align="left"><font color="#82144e" face="Verdana">1.</font></td>
          <td align="left"><font face="Verdana"> <span class="chartvariation"> <b>Notez de 0 a 10 l'accueil et la courtoisie du </b></span><b>Conseillé Client 111</b><span class="chartvariation"><b> qui vous a répondu ? </b></span>
          </td>
      <tr>
          <td colspan="2" align="left"><div align="center"><font face="Verdana">
            <script>
new Starry('multiplier', {maxLength:10, multiplier:10, feedback:true})
          </script>
          </font></div></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td valign="top" align="left"><font color="#82144e" face="Verdana">2.</font></td>
          <td align="left"><font face="Verdana"> <span class="chartvariation"> <b>Notez de 0 à 10 la clarté du discours et les explications fournies par le </b></span><b>Conseillé Client 111</b><span class="chartvariation"><b> ?</b><script>
new Starry('multiplier', {maxLength:10, multiplier:10, feedback:true})
          </script>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td valign="top" align="left"><font color="#82144e" face="Verdana">3.</font></td>
          <td align="left"><font face="Verdana"> <span class="chartvariation"> <b>Notez de 0 à 10 la compréhension de votre demande de  la part du </b></span><b>Conseillé Client 111</b><span class="chartvariation"><b> ?</b></span> <br>
            <select name="c_q3" onChange="this.blur();visitc_q2=1;window.focus();" onclick="visitc_q2=0;" onmouseover="visitc_q2=1;" onmousewheel="if (visitc_q2==0) revertback(this); else return(false);">
              <script>visitc_q2=0;</script>
              <option selected="selected" value="-1">Cliquez ici --&gt;</option>
              <option value="10">10 Très satisfait(e)</option>
              <option value="9">9 </option>
              <option value="8">8 </option>
              <option value="7">7 </option>
              <option value="6">6 </option>
              <option value="5">5 Neutre</option>
              <option value="4">4 </option>
              <option value="3">3 </option>
              <option value="2">2 </option>
              <option value="1">1 </option>
              <option value="0">0 Pas du tout satisfait(e)</option>
              </select>
            </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td valign="top" align="left"><font color="#82144e" face="Verdana">4.</font></td>
          <td align="left"><font face="Verdana"> <span class="chartvariation"> <b>Concernant votre demande, s'agit il de votre premier échange avec un Conseillé Client 111 ?</b></span> <br>
            <input value="-1" name="c_q4" type="hidden">
            <input onKeyPress="noenter()" value="1" name="c_q4" type="radio">
            Oui <br>
            <input onKeyPress="noenter()" value="0" name="c_q4" type="radio">
            Non </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td valign="top" align="left"><font color="#82144e" face="Verdana">5.</font></td>
          <td align="left"><font face="Verdana"> <span class="chartvariation"> <b>Est ce que votre demande a été traitée ou bien votre problème a été résolu ?</b></span> <br>
            <input value="-1" name="c_q5" type="hidden">
            <input onKeyPress="noenter()" value="1" name="c_q5" type="radio">
            Oui <br>
            <input onKeyPress="noenter()" value="0" name="c_q5" type="radio">
            Non </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td valign="top" align="left"><font color="#82144e" face="Verdana">6.</font></td>
          <td align="left"><font face="Verdana"> <span class="chartvariation"> <b>Notez de 0 à 10 l'efficacité de la solution fournie par le conseiller </b></span><b>Conseillé Client 111</b><span class="chartvariation"> </span> <br>
            <select name="c_q6" onChange="this.blur();visitc_q6=1;window.focus();" onclick="visitc_q6=0;" onmouseover="visitc_q6=1;" onmousewheel="if (visitc_q6==0) revertback(this); else return(false);">
              <script>visitc_q6=0;</script>
              <option selected="selected" value="-1">Cliquez ici --&gt;</option>
              <option value="10">10 Très satisfait(e)</option>
              <option value="9">9 </option>
              <option value="8">8 </option>
              <option value="7">7 </option>
              <option value="6">6 </option>
              <option value="5">5 Neutre</option>
              <option value="4">4 </option>
              <option value="3">3 </option>
              <option value="2">2 </option>
              <option value="1">1 </option>
              <option value="0">0 Pas du tout satisfait(e)</option>
              </select>
            </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td valign="top" align="left"><font color="#82144e" face="Verdana">7.</font></td>
          <td align="left"><font face="Verdana"> <span class="chartvariation"> <b>Notez de 0 à 10 le délai de traitement de votre demande? </b></span></font></td>
          </tr>
        <tr>
          <td></td>
          <td align="left"><font face="Verdana">
            <select name="c_q9" onChange="this.blur();visitc_q9=1;window.focus();" onclick="visitc_q9=0;" onmouseover="visitc_q9=1;" onmousewheel="if (visitc_q9==0) revertback(this); else return(false);">
              <script>visitc_q9=0;</script>
              <option selected="selected" value="-1">Cliquez ici --&gt;</option>
              <option value="10">10 Très satisfait(e)</option>
              <option value="9">9 </option>
              <option value="8">8 </option>
              <option value="7">7 </option>
              <option value="6">6 </option>
              <option value="5">5 Neutre</option>
              <option value="4">4 </option>
              <option value="3">3 </option>
              <option value="2">2 </option>
              <option value="1">1 </option>
              <option value="0">0 Pas du tout satisfait(e)</option>
              </select>
            </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td valign="top" align="left"><font color="#82144e" face="Verdana">9.</font></td>
          <td align="left"><font face="Verdana"> <span class="chartvariation"> <b>Notez de 0 a 10 le délai d'attente avant qu'un  conseiller client vous répond&nbsp;?</b></span></font></td>
          </tr>
        <tr>
          <td></td>
          <td align="left"><font face="Verdana">
            <select name="c_q11" onChange="this.blur();visitc_q11=1;window.focus();" onclick="visitc_q11=0;" onmouseover="visitc_q11=1;" onmousewheel="if (visitc_q11==0) revertback(this); else return(false);">
              <script>visitc_q11=0;</script>
              <option selected="selected" value="-1">Cliquez ici --&gt;</option>
              <option value="10">10 Très satisfait(e)</option>
              <option value="9">9 </option>
              <option value="8">8 </option>
              <option value="7">7 </option>
              <option value="6">6 </option>
              <option value="5">5 Neutre</option>
              <option value="4">4 </option>
              <option value="3">3 </option>
              <option value="2">2 </option>
              <option value="1">1 </option>
              <option value="0">0 Pas du tout satisfait(e)</option>
              </select>
            </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td valign="top" align="left"><font color="#82144e" face="Verdana">10.</font></td>
          <td align="left"><font face="Verdana"> <span class="chartvariation"> <b>Quelle note donneriez vous au service client 111  (de 0 a 10) ?</b></span> <br>
            <select name="c_q13" onChange="this.blur();visitc_q13=1;window.focus();" onclick="visitc_q13=0;" onmouseover="visitc_q13=1;" onmousewheel="if (visitc_q13==0) revertback(this); else return(false);">
              <script>visitc_q13=0;</script>
              <option selected="selected" value="-1">Cliquez ici --&gt;</option>
              <option value="10">10 Très satisfait(e)</option>
              <option value="9">9 </option>
              <option value="8">8 </option>
              <option value="7">7 </option>
              <option value="6">6 </option>
              <option value="5">5 Neutre</option>
              <option value="4">4 </option>
              <option value="3">3 </option>
              <option value="2">2 </option>
              <option value="1">1 </option>
              <option value="0">0 Pas du tout satisfait(e)</option>
              </select>
            </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left" height="22"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td valign="top" align="left"><font color="#82144e" face="Verdana">11.</font></td>
          <td align="left"><font face="Verdana"><b>De manière plus générale quelle note donneriez vous  aux services et à la marque 111  (de 0a 10)</b><br>
            <select name="c_q7" onChange="this.blur();visitc_q13=1;window.focus();" onclick="visitc_q13=0;" onmouseover="visitc_q13=1;" onmousewheel="if (visitc_q13==0) revertback(this); else return(false);">
              <script>visitc_q13=0;</script>
              <option selected="selected" value="-1">Cliquez ici --&gt;</option>
              <option value="10">10 Très satisfait(e)</option>
              <option value="9">9 </option>
              <option value="8">8 </option>
              <option value="7">7 </option>
              <option value="6">6 </option>
              <option value="5">5 Neutre</option>
              <option value="4">4 </option>
              <option value="3">3 </option>
              <option value="2">2 </option>
              <option value="1">1 </option>
              <option value="0">0 Pas du tout satisfait(e)</option>
              </select>
            </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td valign="top" align="left"><font color="#82144e" face="Verdana">12.</font></td>
          <td align="left"><p><font face="Verdana"><b>N'hésitez pas a nous faire part de vos propositions dans le champ plus bas)</b></font></p>
            <p><font face="Verdana">
              <textarea wrap="virtual" rows="4" cols="80" name="c_q8"></textarea>
              </font></p></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><font face="Verdana"> </font></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><div align="right"></div></td>
          </tr>
        <tr>
          <td colspan="2" align="left"><hr width="70%" align="center">
            <center>
              <font face="Verdana"><span class="chartvariation"> Veuillez cliquer sur le bouton ci-dessous pour envoyer vos réponses à cette enquête </span></font>
              </center></td>
          </tr>
        <input name="c_version" value="0" type="hidden">
      <tr>
        <td colspan="2" align="center"><input value="Envoyer l'enquête" type="submit"></td>
        </tr>
      </table>
  </div>
</form></td></tr></tbody></table>
<font face="Verdana"></font>
 
</center>
 
 
 
<table width="100%">
<script>
if (document.survey.SPECIALITE_MODIFIEUR.value.toUpperCase() == 'FOM')
{
    document.header_logo.src = 'images/hd_votre_avis.gif';
}
</script>
<tbody><tr><td><p align="center"><font size="1"><script language="javascript">if (navigator.appName=='Microsoft Internet Explorer'){var cy = new Date().getYear() } else {var cy = new Date().getYear() +1900;}document.write("Copyright &copy; "+cy+" 111 , Inc. Tous droits r&eacute;serv&eacute;s.");</script></font></p></td></tr>

et voila la résultat qui s'affiche

[IMG=http://img100.imageshack.us/img100/5701/problemje.th.jpg][/IMG]

Merci de Trouvé une solution pour résoudre cette difficulté de Mise en Page

**Bovino** · 17/10/2010, 12h03

Multipler les scripts jQuery sur une page HTML

Code :

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

<script type="text/javascript" src="prototype.lite.js"></script>

Ensuite, aucune aide ne pouura être valable tant que la structure HTML de ta page sera aussi "excentrique"...
Balises <head> et <body> multiples voire non fermées en particulier.

**LoRd_ShIn_GoUkI** · 17/10/2010, 12h10

Envoyé par Bovino

Ensuite, aucune aide ne pouura être valable tant que la structure HTML de ta page sera aussi "excentrique"...
Balises <head> et <body> multiples voire non fermées en particulier.

je vien de testé la manipulation ça donne rien y a tjr le problem de Mise en Place de Scripte Jquery sous les question :s Stp j'ai besoin de l'aide pour accéléré mes travaux

Multipler les scripts jQuery sur une page HTML

JavaScript

Discussions similaires

Partager

Partager