Fenetre script ne s'ouvre pas

**saujon17** · 21/06/2017, 15h06

Bonjour à tous ,
Topologie
Machine Win 10 / Firefox 53 /Explorer 11
Machine Win 7 / Firefox 52 /Explorer 11
Java Mis à jour sur les deux machines

Voici un script donné par le service du Shom donnant une vignette sur les marées d'un port choisi préalablement à insérer dans un site:

Code :

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

1
2
<script src="http://services.data.shom.fr/hdm/vignette/grande/POINTE_DE_GATSEAU?locale=fr" type="text/javascript">
</script>

Mon problème

1 - La machine bureau win 10 :la fenêtre s'ouvre bien avec les deux navigateurs
2- La machine Packardbell 10' Win 7 : Pas de fenêtre avec les deux navigateurs
3- Même chose avec la version smartphone Android du site

Merci pour l'aide

**SpaceFrog** · 21/06/2017, 15h30

Il suffit d'afficher la page http://services.data.shom.fr/hdm/vig...SEAU?locale=fr
et de regarder le code source ...

Code :

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

document.write

la pelle
et même

Code :

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

ifrm.document.write('</script>');

C'est même étonnant que ça marche quelque part !

**saujon17** · 21/06/2017, 16h52

Merci Spacefrog pour cette réponse. Maintenant je fais quoi ? car je n'ai pas de solution ..
Cdlt

**SpaceFrog** · 21/06/2017, 17h15

contacter l'éditeur du webservice et leur demander de le coder proprement ?

**saujon17** · 21/06/2017, 19h53

Mon cher Sapcefrog,
Si je suis ici c'est bien que j'ai un soucis sinon je ne perdrai pas mon temps y compris celui des autres à poster sur ce forum pour obtenir une idée voir une solution.
Votre réponse est donc inapproprié et vous invite à ne plus perdre votre temps à me répondre.
Slts

**SpaceFrog** · 22/06/2017, 08h32

Oula !! chatouilleux ?

Désolé de t'informer que le script est juste une grosse bouse et que je ne comprends pas qu'il puisse fonctionner ou que ce soit ...

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
 
<head>
<script type="text/javascript">
var rid="vignette_shom_"+Math.round(Math.random()*10000000);
document.write("<iframe id="&quot;+rid+&quot;" scrolling="no" width="675" height="900" frameborder="0"></iframe>");
var ifrm = document.getElementById(rid);
ifrm = (ifrm.contentWindow) ? ifrm.contentWindow : (ifrm.contentDocument.document) ? ifrm.contentDocument.document : ifrm.contentDocument;
ifrm.document.open();
ifrm.document.write('');
ifrm.document.write('');
ifrm.document.write('');
ifrm.document.write('    <title>Horaire des marées - Pointe de Gatseau</title>');
ifrm.document.write('    <link rel="\&quot;stylesheet\&quot;" href="\&quot;http://services.data.shom.fr/hdm/static/css/large-thumbnail.css\&quot;">');
ifrm.document.write('');
ifrm.document.write('');
ifrm.document.write('<div id="\&quot;main\&quot;">');
ifrm.document.write('    <div id="\&quot;harbor-metadata\&quot;">');
ifrm.document.write('        <a href="\&quot;http://diffusion.shom.fr/\&quot;" target="\&quot;_blank\&quot;" title="\&quot;Pour" vos="" activités="" en="" mer,="" découvrez="" l’espace="" de="" diffusion="" du="" shom\"="">');
ifrm.document.write('            <img class="\&quot;shom-logo\&quot;" src="\&quot;http://services.data.shom.fr/hdm/static/img/logo_shom.png\&quot;/">');
ifrm.document.write('        </a>');
ifrm.document.write('        <div class="\&quot;header-info\&quot;">');
ifrm.document.write('            <h1><span>Horaire des marées</span>Pointe de Gatseau</h1>');
ifrm.document.write('            <p class="\&quot;utc\&quot;">Système horaire : Heure légale</p>');
ifrm.document.write('        </div>');
ifrm.document.write('        <div class="\&quot;clearboth\&quot;"></div>');
ifrm.document.write('    </div>');
ifrm.document.write('    <div id="\&quot;data-container\&quot;">');
ifrm.document.write('        <div class="\&quot;hlt" hltoftheday\"="">');
ifrm.document.write('            <!--h2>Marées du jour</h2-->');
ifrm.document.write('                <h2>Jeudi 22 juin 2017</h2>');
ifrm.document.write('                ');
ifrm.document.write('                    ');
ifrm.document.write('                    ');
ifrm.document.write('                    ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                    ');
ifrm.document.write('                        ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                        ');
ifrm.document.write('                    ');
ifrm.document.write('                <table class="\&quot;table-striped\&quot;"><!--thead>');
ifrm.document.write('                    <tr>');
ifrm.document.write('                        <th colspan=\"4\">22/06/2017</th>');
ifrm.document.write('                    </tr>');
ifrm.document.write('                    </thead--><tbody><tr><th></th><th>Heure</th><th>Hauteur</th><th>Coeff.</th></tr><tr><td>');
ifrm.document.write('                                PM');
ifrm.document.write('                            </td><td>04:25</td><td>5.14</td><td>81</td></tr><tr class="\&quot;highlight\&quot;"><td>');
ifrm.document.write('                                BM');
ifrm.document.write('                            </td><td>09:49</td><td>1.29</td><td>---</td></tr><tr><td>');
ifrm.document.write('                                PM');
ifrm.document.write('                            </td><td>16:49</td><td>5.32</td><td>87</td></tr><tr><td>');
ifrm.document.write('                                BM');
ifrm.document.write('                            </td><td>22:14</td><td>1.16</td><td>---</td></tr></tbody></table>');
ifrm.document.write('        </div>');
ifrm.document.write('        <div id="\&quot;maregramme-root\&quot;">');
ifrm.document.write('            <canvas id="\&quot;maregramme\&quot;" width="\&quot;600\&quot;" height="\&quot;280\&quot;"></canvas>');
ifrm.document.write('        </div>');
ifrm.document.write('        <div class="\&quot;hlt\&quot;">');
ifrm.document.write('            <h2>Jours suivants</h2>');
ifrm.document.write('                ');
ifrm.document.write('                    ');
ifrm.document.write('                    ');
ifrm.document.write('                        ');
ifrm.document.write('                    ');
ifrm.document.write('                    ');
ifrm.document.write('                    ');
ifrm.document.write('                    ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                    ');
ifrm.document.write('                        ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                        ');
ifrm.document.write('                    ');
ifrm.document.write('                <table class="\&quot;table-striped\&quot;"><thead><tr><th colspan="\&quot;4\&quot;">23/06/2017</th></tr></thead><tbody><tr><th></th><th>Heure</th><th>Hauteur</th><th>Coeff.</th></tr><tr><td>');
ifrm.document.write('                                PM');
ifrm.document.write('                            </td><td>05:18</td><td>5.32</td><td>92</td></tr><tr><td>');
ifrm.document.write('                                BM');
ifrm.document.write('                            </td><td>10:41</td><td>1.07</td><td>---</td></tr><tr><td>');
ifrm.document.write('                                PM');
ifrm.document.write('                            </td><td>17:40</td><td>5.51</td><td>96</td></tr><tr><td>');
ifrm.document.write('                                BM');
ifrm.document.write('                            </td><td>23:07</td><td>0.93</td><td>---</td></tr></tbody></table>                ');
ifrm.document.write('                    ');
ifrm.document.write('                    ');
ifrm.document.write('                        ');
ifrm.document.write('                    ');
ifrm.document.write('                    ');
ifrm.document.write('                    ');
ifrm.document.write('                    ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                    ');
ifrm.document.write('                        ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                        ');
ifrm.document.write('                    ');
ifrm.document.write('                <table class="\&quot;table-striped\&quot;"><thead><tr><th colspan="\&quot;4\&quot;">24/06/2017</th></tr></thead><tbody><tr><th></th><th>Heure</th><th>Hauteur</th><th>Coeff.</th></tr><tr><td>');
ifrm.document.write('                                PM');
ifrm.document.write('                            </td><td>06:08</td><td>5.43</td><td>99</td></tr><tr><td>');
ifrm.document.write('                                BM');
ifrm.document.write('                            </td><td>11:32</td><td>0.93</td><td>---</td></tr><tr><td>');
ifrm.document.write('                                PM');
ifrm.document.write('                            </td><td>18:30</td><td>5.63</td><td>102</td></tr><tr><td>');
ifrm.document.write('                                BM');
ifrm.document.write('                            </td><td>23:59</td><td>0.79</td><td>---</td></tr></tbody></table>                ');
ifrm.document.write('                    ');
ifrm.document.write('                    ');
ifrm.document.write('                        ');
ifrm.document.write('                    ');
ifrm.document.write('                    ');
ifrm.document.write('                    ');
ifrm.document.write('                    ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                    ');
ifrm.document.write('                        ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                        ');
ifrm.document.write('                    ');
ifrm.document.write('                <table class="\&quot;table-striped\&quot;"><thead><tr><th colspan="\&quot;4\&quot;">25/06/2017</th></tr></thead><tbody><tr><th></th><th>Heure</th><th>Hauteur</th><th>Coeff.</th></tr><tr><td>');
ifrm.document.write('                                PM');
ifrm.document.write('                            </td><td>06:59</td><td>5.44</td><td>103</td></tr><tr><td>');
ifrm.document.write('                                BM');
ifrm.document.write('                            </td><td>12:21</td><td>0.90</td><td>---</td></tr><tr><td>');
ifrm.document.write('                                PM');
ifrm.document.write('                            </td><td>19:21</td><td>5.65</td><td>103</td></tr><tr><td>');
ifrm.document.write('                                ---');
ifrm.document.write('                            </td><td>--:--</td><td>---</td><td>---</td></tr></tbody></table>                ');
ifrm.document.write('                    ');
ifrm.document.write('                    ');
ifrm.document.write('                        ');
ifrm.document.write('                    ');
ifrm.document.write('                    ');
ifrm.document.write('                    ');
ifrm.document.write('                    ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                    ');
ifrm.document.write('                        ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                        ');
ifrm.document.write('                    ');
ifrm.document.write('                <table class="\&quot;table-striped\&quot;"><thead><tr><th colspan="\&quot;4\&quot;">26/06/2017</th></tr></thead><tbody><tr><th></th><th>Heure</th><th>Hauteur</th><th>Coeff.</th></tr><tr><td>');
ifrm.document.write('                                BM');
ifrm.document.write('                            </td><td>00:49</td><td>0.77</td><td>---</td></tr><tr><td>');
ifrm.document.write('                                PM');
ifrm.document.write('                            </td><td>07:49</td><td>5.35</td><td>102</td></tr><tr><td>');
ifrm.document.write('                                BM');
ifrm.document.write('                            </td><td>13:09</td><td>0.97</td><td>---</td></tr><tr><td>');
ifrm.document.write('                                PM');
ifrm.document.write('                            </td><td>20:11</td><td>5.57</td><td>100</td></tr></tbody></table>                ');
ifrm.document.write('                    ');
ifrm.document.write('                    ');
ifrm.document.write('                        ');
ifrm.document.write('                    ');
ifrm.document.write('                    ');
ifrm.document.write('                    ');
ifrm.document.write('                    ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                    ');
ifrm.document.write('                        ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                        ');
ifrm.document.write('                    ');
ifrm.document.write('                <table class="\&quot;table-striped\&quot;"><thead><tr><th colspan="\&quot;4\&quot;">27/06/2017</th></tr></thead><tbody><tr><th></th><th>Heure</th><th>Hauteur</th><th>Coeff.</th></tr><tr><td>');
ifrm.document.write('                                BM');
ifrm.document.write('                            </td><td>01:37</td><td>0.86</td><td>---</td></tr><tr><td>');
ifrm.document.write('                                PM');
ifrm.document.write('                            </td><td>08:40</td><td>5.17</td><td>96</td></tr><tr><td>');
ifrm.document.write('                                BM');
ifrm.document.write('                            </td><td>13:57</td><td>1.14</td><td>---</td></tr><tr><td>');
ifrm.document.write('                                PM');
ifrm.document.write('                            </td><td>21:02</td><td>5.40</td><td>92</td></tr></tbody></table>                ');
ifrm.document.write('                    ');
ifrm.document.write('                    ');
ifrm.document.write('                        ');
ifrm.document.write('                    ');
ifrm.document.write('                    ');
ifrm.document.write('                    ');
ifrm.document.write('                    ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                    ');
ifrm.document.write('                        ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                        ');
ifrm.document.write('                        ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                        ');
ifrm.document.write('                    ');
ifrm.document.write('                <table class="\&quot;table-striped\&quot;"><thead><tr><th colspan="\&quot;4\&quot;">28/06/2017</th></tr></thead><tbody><tr><th></th><th>Heure</th><th>Hauteur</th><th>Coeff.</th></tr><tr><td>');
ifrm.document.write('                                BM');
ifrm.document.write('                            </td><td>02:26</td><td>1.05</td><td>---</td></tr><tr><td>');
ifrm.document.write('                                PM');
ifrm.document.write('                            </td><td>09:31</td><td>4.92</td><td>87</td></tr><tr><td>');
ifrm.document.write('                                BM');
ifrm.document.write('                            </td><td>14:45</td><td>1.37</td><td>---</td></tr><tr><td>');
ifrm.document.write('                                PM');
ifrm.document.write('                            </td><td>21:52</td><td>5.15</td><td>81</td></tr></tbody></table>');
ifrm.document.write('        </div>');
ifrm.document.write('    </div>');
ifrm.document.write('    <div id="\&quot;footer\&quot;">');
ifrm.document.write('        <div class="\&quot;links\&quot;">');
ifrm.document.write('            <a target="\&quot;_blank\&quot;" href="\&quot;http://maree.shom.fr/harbor/POINTE_DE_GATSEAU\&quot;">Tous les horaires de marées en France et dans le monde</a>');
ifrm.document.write('            <a target="\&quot;_blank\&quot;" href="\&quot;http://diffusion.shom.fr/\&quot;">Pour vos activités en mer, découvrez l’Espace de Diffusion du SHOM</a>');
ifrm.document.write('        </div>');
ifrm.document.write('    </div>');
ifrm.document.write('</div>');
ifrm.document.write('<script type="\&quot;text/javascript\&quot;" src="\&quot;http://services.data.shom.fr/hdm/static/js/Chart.min.js\&quot;"></script>');
ifrm.document.write('<script type="\&quot;text/javascript\&quot;" src="\&quot;http://services.data.shom.fr/hdm/static/js/init-chart.js\&quot;"></script>');
ifrm.document.write('<script type="\&quot;text/javascript\&quot;">');
ifrm.document.write('    (function () {');
ifrm.document.write('        var data = [[\"00:00:00\",2.91],[\"00:05:00\",2.97],[\"00:10:00\",3.03],[\"00:15:00\",3.09],[\"00:20:00\",3.16],[\"00:25:00\",3.22],[\"00:30:00\",3.28],[\"00:35:00\",3.35],[\"00:40:00\",3.41],[\"00:45:00\",3.47],[\"00:50:00\",3.54],[\"00:55:00\",3.6],[\"01:00:00\",3.67],[\"01:05:00\",3.73],[\"01:10:00\",3.79],[\"01:15:00\",3.86],[\"01:20:00\",3.92],[\"01:25:00\",3.98],[\"01:30:00\",4.04],[\"01:35:00\",4.1],[\"01:40:00\",4.16],[\"01:45:00\",4.22],[\"01:50:00\",4.27],[\"01:55:00\",4.33],[\"02:00:00\",4.38],[\"02:05:00\",4.43],[\"02:10:00\",4.47],[\"02:15:00\",4.52],[\"02:20:00\",4.56],[\"02:25:00\",4.61],[\"02:30:00\",4.65],[\"02:35:00\",4.68],[\"02:40:00\",4.72],[\"02:45:00\",4.75],[\"02:50:00\",4.79],[\"02:55:00\",4.82],[\"03:00:00\",4.85],[\"03:05:00\",4.88],[\"03:10:00\",4.9],[\"03:15:00\",4.93],[\"03:20:00\",4.95],[\"03:25:00\",4.98],[\"03:30:00\",5],[\"03:35:00\",5.02],[\"03:40:00\",5.04],[\"03:45:00\",5.06],[\"03:50:00\",5.07],[\"03:55:00\",5.09],[\"04:00:00\",5.1],[\"04:05:00\",5.11],[\"04:10:00\",5.12],[\"04:15:00\",5.13],[\"04:20:00\",5.13],[\"04:25:00\",5.14],[\"04:30:00\",5.14],[\"04:35:00\",5.13],[\"04:40:00\",5.12],[\"04:45:00\",5.11],[\"04:50:00\",5.1],[\"04:55:00\",5.08],[\"05:00:00\",5.05],[\"05:05:00\",5.03],[\"05:10:00\",4.99],[\"05:15:00\",4.96],[\"05:20:00\",4.92],[\"05:25:00\",4.87],[\"05:30:00\",4.82],[\"05:35:00\",4.77],[\"05:40:00\",4.71],[\"05:45:00\",4.65],[\"05:50:00\",4.58],[\"05:55:00\",4.51],[\"06:00:00\",4.43],[\"06:05:00\",4.36],[\"06:10:00\",4.28],[\"06:15:00\",4.19],[\"06:20:00\",4.11],[\"06:25:00\",4.02],[\"06:30:00\",3.93],[\"06:35:00\",3.84],[\"06:40:00\",3.75],[\"06:45:00\",3.66],[\"06:50:00\",3.57],[\"06:55:00\",3.48],[\"07:00:00\",3.38],[\"07:05:00\",3.29],[\"07:10:00\",3.2],[\"07:15:00\",3.11],[\"07:20:00\",3.01],[\"07:25:00\",2.92],[\"07:30:00\",2.83],[\"07:35:00\",2.75],[\"07:40:00\",2.66],[\"07:45:00\",2.57],[\"07:50:00\",2.49],[\"07:55:00\",2.4],[\"08:00:00\",2.32],[\"08:05:00\",2.24],[\"08:10:00\",2.16],[\"08:15:00\",2.09],[\"08:20:00\",2.01],[\"08:25:00\",1.94],[\"08:30:00\",1.87],[\"08:35:00\",1.81],[\"08:40:00\",1.75],[\"08:45:00\",1.69],[\"08:50:00\",1.63],[\"08:55:00\",1.58],[\"09:00:00\",1.53],[\"09:05:00\",1.48],[\"09:10:00\",1.44],[\"09:15:00\",1.4],[\"09:20:00\",1.37],[\"09:25:00\",1.35],[\"09:30:00\",1.32],[\"09:35:00\",1.31],[\"09:40:00\",1.29],[\"09:45:00\",1.29],[\"09:50:00\",1.29],[\"09:55:00\",1.29],[\"10:00:00\",1.3],[\"10:05:00\",1.31],[\"10:10:00\",1.33],[\"10:15:00\",1.35],[\"10:20:00\",1.38],[\"10:25:00\",1.41],[\"10:30:00\",1.44],[\"10:35:00\",1.48],[\"10:40:00\",1.53],[\"10:45:00\",1.57],[\"10:50:00\",1.62],[\"10:55:00\",1.67],[\"11:00:00\",1.72],[\"11:05:00\",1.78],[\"11:10:00\",1.83],[\"11:15:00\",1.89],[\"11:20:00\",1.95],[\"11:25:00\",2.01],[\"11:30:00\",2.07],[\"11:35:00\",2.13],[\"11:40:00\",2.19],[\"11:45:00\",2.25],[\"11:50:00\",2.32],[\"11:55:00\",2.38],[\"12:00:00\",2.45],[\"12:05:00\",2.51],[\"12:10:00\",2.57],[\"12:15:00\",2.64],[\"12:20:00\",2.71],[\"12:25:00\",2.77],[\"12:30:00\",2.84],[\"12:35:00\",2.91],[\"12:40:00\",2.98],[\"12:45:00\",3.05],[\"12:50:00\",3.12],[\"12:55:00\",3.19],[\"13:00:00\",3.26],[\"13:05:00\",3.33],[\"13:10:00\",3.41],[\"13:15:00\",3.48],[\"13:20:00\",3.55],[\"13:25:00\",3.63],[\"13:30:00\",3.7],[\"13:35:00\",3.78],[\"13:40:00\",3.85],[\"13:45:00\",3.92],[\"13:50:00\",4],[\"13:55:00\",4.07],[\"14:00:00\",4.14],[\"14:05:00\",4.21],[\"14:10:00\",4.27],[\"14:15:00\",4.34],[\"14:20:00\",4.4],[\"14:25:00\",4.46],[\"14:30:00\",4.52],[\"14:35:00\",4.58],[\"14:40:00\",4.63],[\"14:45:00\",4.68],[\"14:50:00\",4.73],[\"14:55:00\",4.78],[\"15:00:00\",4.82],[\"15:05:00\",4.86],[\"15:10:00\",4.9],[\"15:15:00\",4.94],[\"15:20:00\",4.98],[\"15:25:00\",5.01],[\"15:30:00\",5.04],[\"15:35:00\",5.07],[\"15:40:00\",5.1],[\"15:45:00\",5.13],[\"15:50:00\",5.15],[\"15:55:00\",5.18],[\"16:00:00\",5.2],[\"16:05:00\",5.22],[\"16:10:00\",5.24],[\"16:15:00\",5.26],[\"16:20:00\",5.27],[\"16:25:00\",5.29],[\"16:30:00\",5.3],[\"16:35:00\",5.31],[\"16:40:00\",5.31],[\"16:45:00\",5.32],[\"16:50:00\",5.32],[\"16:55:00\",5.32],[\"17:00:00\",5.31],[\"17:05:00\",5.3],[\"17:10:00\",5.29],[\"17:15:00\",5.27],[\"17:20:00\",5.25],[\"17:25:00\",5.22],[\"17:30:00\",5.19],[\"17:35:00\",5.16],[\"17:40:00\",5.12],[\"17:45:00\",5.07],[\"17:50:00\",5.02],[\"17:55:00\",4.96],[\"18:00:00\",4.9],[\"18:05:00\",4.84],[\"18:10:00\",4.77],[\"18:15:00\",4.7],[\"18:20:00\",4.62],[\"18:25:00\",4.54],[\"18:30:00\",4.46],[\"18:35:00\",4.37],[\"18:40:00\",4.28],[\"18:45:00\",4.19],[\"18:50:00\",4.09],[\"18:55:00\",4],[\"19:00:00\",3.9],[\"19:05:00\",3.8],[\"19:10:00\",3.7],[\"19:15:00\",3.6],[\"19:20:00\",3.5],[\"19:25:00\",3.4],[\"19:30:00\",3.3],[\"19:35:00\",3.2],[\"19:40:00\",3.1],[\"19:45:00\",3.01],[\"19:50:00\",2.91],[\"19:55:00\",2.81],[\"20:00:00\",2.72],[\"20:05:00\",2.63],[\"20:10:00\",2.53],[\"20:15:00\",2.44],[\"20:20:00\",2.36],[\"20:25:00\",2.27],[\"20:30:00\",2.18],[\"20:35:00\",2.1],[\"20:40:00\",2.02],[\"20:45:00\",1.94],[\"20:50:00\",1.87],[\"20:55:00\",1.79],[\"21:00:00\",1.72],[\"21:05:00\",1.65],[\"21:10:00\",1.59],[\"21:15:00\",1.53],[\"21:20:00\",1.47],[\"21:25:00\",1.42],[\"21:30:00\",1.37],[\"21:35:00\",1.33],[\"21:40:00\",1.29],[\"21:45:00\",1.26],[\"21:50:00\",1.23],[\"21:55:00\",1.21],[\"22:00:00\",1.19],[\"22:05:00\",1.17],[\"22:10:00\",1.17],[\"22:15:00\",1.17],[\"22:20:00\",1.17],[\"22:25:00\",1.18],[\"22:30:00\",1.19],[\"22:35:00\",1.21],[\"22:40:00\",1.24],[\"22:45:00\",1.27],[\"22:50:00\",1.3],[\"22:55:00\",1.34],[\"23:00:00\",1.38],[\"23:05:00\",1.43],[\"23:10:00\",1.48],[\"23:15:00\",1.53],[\"23:20:00\",1.58],[\"23:25:00\",1.64],[\"23:30:00\",1.7],[\"23:35:00\",1.76],[\"23:40:00\",1.82],[\"23:45:00\",1.88],[\"23:50:00\",1.94],[\"23:55:00\",2.01]];');
ifrm.document.write('        var ctx = document.getElementById(\"maregramme\").getContext(\"2d\");');
ifrm.document.write('');
ifrm.document.write('        app.initialize();');
ifrm.document.write('        app.initializeChart(data, ctx);');
ifrm.document.write('    })();');
ifrm.document.write('</script>');
ifrm.document.write('');
ifrm.document.write('');
ifrm.document.close();
</script>
</head>
<body>
</body>
</html>

En gros ce script est intrusif et insère un iframe dans la page

Code :

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

document.write("<iframe id="&quot;+rid+&quot;" scrolling="no" width="675" height="900" frameborder="0"></iframe>");

pour ensuite venir y mettre du contenu à base de document.write à la pelle.
Ce qui est à peu près l'uine des pire methodes possibles...

mais ce qui lme fait dire que ce code est vraiment naze c'est ce genre de ligne :

Code :

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

ifrm.document.write('</script>');

car une balise script écrite de la sorte vient automatiquement fermer le script dans lequel elle est contenue.

à la limite

Code :

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

ifrm.document.write('</scri'+'pt>');

évite ce genre de souci...

par contre les échappement de double quotes \" sont inutiles
ainsi que les

Code :

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

1
2
3
4
 
ifrm.document.write('                            ');
ifrm.document.write('                            ');
ifrm.document.write('                            ');

Copie le code au dessus et visualise le dans un navigateur, tu verras qu'une partie du script s'affiche ...

En corrigeant ce code infâme, on obtient ceci:

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
<html>
<head>
<meta charset="ISO-8859-1">
 
<script type="text/javascript">
var rid="vignette_shom_"+Math.round(Math.random()*10000000);
document.write('<iframe id="'+rid+'" scrolling="no" width="675" height="900" frameborder="0"></iframe>');
var ifrm = document.getElementById(rid);
ifrm = (ifrm.contentWindow) ? ifrm.contentWindow : (ifrm.contentDocument.document) ? ifrm.contentDocument.document : ifrm.contentDocument;
ifrm.document.open();
ifrm.document.write('    <title>Horaire des marées - Pointe de Gatseau</title>');
ifrm.document.write('    <link rel="stylesheet" href="http://services.data.shom.fr/hdm/static/css/large-thumbnail.css">');
ifrm.document.write('<div id="main">');
ifrm.document.write('    <div id="harbor-metadata">');
ifrm.document.write('        <a href="http://diffusion.shom.fr/" target="_blank" title="Pour" vos="" activités="" en="" mer,="" découvrez="" l’espace="" de="" diffusion="" du="" shom"="">');
ifrm.document.write('            <img class="shom-logo" src="http://services.data.shom.fr/hdm/static/img/logo_shom.png/">');
ifrm.document.write('        </a>');
ifrm.document.write('        <div class="header-info">');
ifrm.document.write('            <h1><span>Horaire des marées</span>Pointe de Gatseau</h1>');
ifrm.document.write('            <p class="utc">Système horaire : Heure légale</p>');
ifrm.document.write('        </div>');
ifrm.document.write('        <div class="clearboth"></div>');
ifrm.document.write('    </div>');
ifrm.document.write('    <div id="data-container">');
ifrm.document.write('        <div class="hlt" hltoftheday"="">');
ifrm.document.write('            <!--h2>Marées du jour</h2-->');
ifrm.document.write('                <h2>Jeudi 22 juin 2017</h2>');
 
ifrm.document.write('                <table class="table-striped"><!--thead>');
ifrm.document.write('                    <tr>');
ifrm.document.write('                        <th colspan="4">22/06/2017</th>');
ifrm.document.write('                    </tr>');
ifrm.document.write('                    </thead--><tbody><tr><th></th><th>Heure</th><th>Hauteur</th><th>Coeff.</th></tr><tr><td>');
ifrm.document.write('                                PM');
ifrm.document.write('                            </td><td>04:25</td><td>5.14</td><td>81</td></tr><tr class="highlight"><td>');
ifrm.document.write('                                BM');
ifrm.document.write('                            </td><td>09:49</td><td>1.29</td><td>---</td></tr><tr><td>');
ifrm.document.write('                                PM');
ifrm.document.write('                            </td><td>16:49</td><td>5.32</td><td>87</td></tr><tr><td>');
ifrm.document.write('                                BM');
ifrm.document.write('                            </td><td>22:14</td><td>1.16</td><td>---</td></tr></tbody></table>');
ifrm.document.write('        </div>');
ifrm.document.write('        <div id="maregramme-root">');
ifrm.document.write('            <canvas id="maregramme" width="600" height="280"></canvas>');
ifrm.document.write('        </div>');
ifrm.document.write('        <div class="hlt">');
ifrm.document.write('            <h2>Jours suivants</h2>');
 
ifrm.document.write('                <table class="table-striped"><thead><tr><th colspan="4">23/06/2017</th></tr></thead><tbody><tr><th></th><th>Heure</th><th>Hauteur</th><th>Coeff.</th></tr><tr><td>');
ifrm.document.write('                                PM');
ifrm.document.write('                            </td><td>05:18</td><td>5.32</td><td>92</td></tr><tr><td>');
ifrm.document.write('                                BM');
ifrm.document.write('                            </td><td>10:41</td><td>1.07</td><td>---</td></tr><tr><td>');
ifrm.document.write('                                PM');
ifrm.document.write('                            </td><td>17:40</td><td>5.51</td><td>96</td></tr><tr><td>');
ifrm.document.write('                                BM');
ifrm.document.write('                            </td><td>23:07</td><td>0.93</td><td>---</td></tr></tbody></table>                ');
 
ifrm.document.write('                <table class="table-striped"><thead><tr><th colspan="4">24/06/2017</th></tr></thead><tbody><tr><th></th><th>Heure</th><th>Hauteur</th><th>Coeff.</th></tr><tr><td>');
ifrm.document.write('                                PM');
ifrm.document.write('                            </td><td>06:08</td><td>5.43</td><td>99</td></tr><tr><td>');
ifrm.document.write('                                BM');
ifrm.document.write('                            </td><td>11:32</td><td>0.93</td><td>---</td></tr><tr><td>');
ifrm.document.write('                                PM');
ifrm.document.write('                            </td><td>18:30</td><td>5.63</td><td>102</td></tr><tr><td>');
ifrm.document.write('                                BM');
ifrm.document.write('                            </td><td>23:59</td><td>0.79</td><td>---</td></tr></tbody></table>                ');
 
ifrm.document.write('                <table class="table-striped"><thead><tr><th colspan="4">25/06/2017</th></tr></thead><tbody><tr><th></th><th>Heure</th><th>Hauteur</th><th>Coeff.</th></tr><tr><td>');
ifrm.document.write('                                PM');
ifrm.document.write('                            </td><td>06:59</td><td>5.44</td><td>103</td></tr><tr><td>');
ifrm.document.write('                                BM');
ifrm.document.write('                            </td><td>12:21</td><td>0.90</td><td>---</td></tr><tr><td>');
ifrm.document.write('                                PM');
ifrm.document.write('                            </td><td>19:21</td><td>5.65</td><td>103</td></tr><tr><td>');
ifrm.document.write('                                ---');
ifrm.document.write('                            </td><td>--:--</td><td>---</td><td>---</td></tr></tbody></table>                ');
 
ifrm.document.write('                <table class="table-striped"><thead><tr><th colspan="4">26/06/2017</th></tr></thead><tbody><tr><th></th><th>Heure</th><th>Hauteur</th><th>Coeff.</th></tr><tr><td>');
ifrm.document.write('                                BM');
ifrm.document.write('                            </td><td>00:49</td><td>0.77</td><td>---</td></tr><tr><td>');
ifrm.document.write('                                PM');
ifrm.document.write('                            </td><td>07:49</td><td>5.35</td><td>102</td></tr><tr><td>');
ifrm.document.write('                                BM');
ifrm.document.write('                            </td><td>13:09</td><td>0.97</td><td>---</td></tr><tr><td>');
ifrm.document.write('                                PM');
ifrm.document.write('                            </td><td>20:11</td><td>5.57</td><td>100</td></tr></tbody></table>                ');
 
ifrm.document.write('                <table class="table-striped"><thead><tr><th colspan="4">27/06/2017</th></tr></thead><tbody><tr><th></th><th>Heure</th><th>Hauteur</th><th>Coeff.</th></tr><tr><td>');
ifrm.document.write('                                BM');
ifrm.document.write('                            </td><td>01:37</td><td>0.86</td><td>---</td></tr><tr><td>');
ifrm.document.write('                                PM');
ifrm.document.write('                            </td><td>08:40</td><td>5.17</td><td>96</td></tr><tr><td>');
ifrm.document.write('                                BM');
ifrm.document.write('                            </td><td>13:57</td><td>1.14</td><td>---</td></tr><tr><td>');
ifrm.document.write('                                PM');
ifrm.document.write('                            </td><td>21:02</td><td>5.40</td><td>92</td></tr></tbody></table>                ');
 
ifrm.document.write('                <table class="table-striped"><thead><tr><th colspan="4">28/06/2017</th></tr></thead><tbody><tr><th></th><th>Heure</th><th>Hauteur</th><th>Coeff.</th></tr><tr><td>');
ifrm.document.write('                                BM');
ifrm.document.write('                            </td><td>02:26</td><td>1.05</td><td>---</td></tr><tr><td>');
ifrm.document.write('                                PM');
ifrm.document.write('                            </td><td>09:31</td><td>4.92</td><td>87</td></tr><tr><td>');
ifrm.document.write('                                BM');
ifrm.document.write('                            </td><td>14:45</td><td>1.37</td><td>---</td></tr><tr><td>');
ifrm.document.write('                                PM');
ifrm.document.write('                            </td><td>21:52</td><td>5.15</td><td>81</td></tr></tbody></table>');
ifrm.document.write('        </div>');
ifrm.document.write('    </div>');
ifrm.document.write('    <div id="footer">');
ifrm.document.write('        <div class="links">');
ifrm.document.write('            <a target="_blank" href="http://maree.shom.fr/harbor/POINTE_DE_GATSEAU">Tous les horaires de marées en France et dans le monde</a>');
ifrm.document.write('            <a target="_blank" href="http://diffusion.shom.fr/">Pour vos activités en mer, découvrez l’Espace de Diffusion du SHOM</a>');
ifrm.document.write('        </div>');
ifrm.document.write('    </div>');
ifrm.document.write('</div>');
ifrm.document.write('<scr'+'ipt type="text/javascript" src="http://services.data.shom.fr/hdm/static/js/Chart.min.js"></sc'+'ript>');
ifrm.document.write('<scr'+'ipt type="text/javascript" src="http://services.data.shom.fr/hdm/static/js/init-chart.js"></sc+'+'ript>');
ifrm.document.write('<scr'+'ipt type="text/javascript">');
ifrm.document.write('    (function () {');
ifrm.document.write('        var data = [["00:00:00",2.91],["00:05:00",2.97],["00:10:00",3.03],["00:15:00",3.09],["00:20:00",3.16],["00:25:00",3.22],["00:30:00",3.28],["00:35:00",3.35],["00:40:00",3.41],["00:45:00",3.47],["00:50:00",3.54],["00:55:00",3.6],["01:00:00",3.67],["01:05:00",3.73],["01:10:00",3.79],["01:15:00",3.86],["01:20:00",3.92],["01:25:00",3.98],["01:30:00",4.04],["01:35:00",4.1],["01:40:00",4.16],["01:45:00",4.22],["01:50:00",4.27],["01:55:00",4.33],["02:00:00",4.38],["02:05:00",4.43],["02:10:00",4.47],["02:15:00",4.52],["02:20:00",4.56],["02:25:00",4.61],["02:30:00",4.65],["02:35:00",4.68],["02:40:00",4.72],["02:45:00",4.75],["02:50:00",4.79],["02:55:00",4.82],["03:00:00",4.85],["03:05:00",4.88],["03:10:00",4.9],["03:15:00",4.93],["03:20:00",4.95],["03:25:00",4.98],["03:30:00",5],["03:35:00",5.02],["03:40:00",5.04],["03:45:00",5.06],["03:50:00",5.07],["03:55:00",5.09],["04:00:00",5.1],["04:05:00",5.11],["04:10:00",5.12],["04:15:00",5.13],["04:20:00",5.13],["04:25:00",5.14],["04:30:00",5.14],["04:35:00",5.13],["04:40:00",5.12],["04:45:00",5.11],["04:50:00",5.1],["04:55:00",5.08],["05:00:00",5.05],["05:05:00",5.03],["05:10:00",4.99],["05:15:00",4.96],["05:20:00",4.92],["05:25:00",4.87],["05:30:00",4.82],["05:35:00",4.77],["05:40:00",4.71],["05:45:00",4.65],["05:50:00",4.58],["05:55:00",4.51],["06:00:00",4.43],["06:05:00",4.36],["06:10:00",4.28],["06:15:00",4.19],["06:20:00",4.11],["06:25:00",4.02],["06:30:00",3.93],["06:35:00",3.84],["06:40:00",3.75],["06:45:00",3.66],["06:50:00",3.57],["06:55:00",3.48],["07:00:00",3.38],["07:05:00",3.29],["07:10:00",3.2],["07:15:00",3.11],["07:20:00",3.01],["07:25:00",2.92],["07:30:00",2.83],["07:35:00",2.75],["07:40:00",2.66],["07:45:00",2.57],["07:50:00",2.49],["07:55:00",2.4],["08:00:00",2.32],["08:05:00",2.24],["08:10:00",2.16],["08:15:00",2.09],["08:20:00",2.01],["08:25:00",1.94],["08:30:00",1.87],["08:35:00",1.81],["08:40:00",1.75],["08:45:00",1.69],["08:50:00",1.63],["08:55:00",1.58],["09:00:00",1.53],["09:05:00",1.48],["09:10:00",1.44],["09:15:00",1.4],["09:20:00",1.37],["09:25:00",1.35],["09:30:00",1.32],["09:35:00",1.31],["09:40:00",1.29],["09:45:00",1.29],["09:50:00",1.29],["09:55:00",1.29],["10:00:00",1.3],["10:05:00",1.31],["10:10:00",1.33],["10:15:00",1.35],["10:20:00",1.38],["10:25:00",1.41],["10:30:00",1.44],["10:35:00",1.48],["10:40:00",1.53],["10:45:00",1.57],["10:50:00",1.62],["10:55:00",1.67],["11:00:00",1.72],["11:05:00",1.78],["11:10:00",1.83],["11:15:00",1.89],["11:20:00",1.95],["11:25:00",2.01],["11:30:00",2.07],["11:35:00",2.13],["11:40:00",2.19],["11:45:00",2.25],["11:50:00",2.32],["11:55:00",2.38],["12:00:00",2.45],["12:05:00",2.51],["12:10:00",2.57],["12:15:00",2.64],["12:20:00",2.71],["12:25:00",2.77],["12:30:00",2.84],["12:35:00",2.91],["12:40:00",2.98],["12:45:00",3.05],["12:50:00",3.12],["12:55:00",3.19],["13:00:00",3.26],["13:05:00",3.33],["13:10:00",3.41],["13:15:00",3.48],["13:20:00",3.55],["13:25:00",3.63],["13:30:00",3.7],["13:35:00",3.78],["13:40:00",3.85],["13:45:00",3.92],["13:50:00",4],["13:55:00",4.07],["14:00:00",4.14],["14:05:00",4.21],["14:10:00",4.27],["14:15:00",4.34],["14:20:00",4.4],["14:25:00",4.46],["14:30:00",4.52],["14:35:00",4.58],["14:40:00",4.63],["14:45:00",4.68],["14:50:00",4.73],["14:55:00",4.78],["15:00:00",4.82],["15:05:00",4.86],["15:10:00",4.9],["15:15:00",4.94],["15:20:00",4.98],["15:25:00",5.01],["15:30:00",5.04],["15:35:00",5.07],["15:40:00",5.1],["15:45:00",5.13],["15:50:00",5.15],["15:55:00",5.18],["16:00:00",5.2],["16:05:00",5.22],["16:10:00",5.24],["16:15:00",5.26],["16:20:00",5.27],["16:25:00",5.29],["16:30:00",5.3],["16:35:00",5.31],["16:40:00",5.31],["16:45:00",5.32],["16:50:00",5.32],["16:55:00",5.32],["17:00:00",5.31],["17:05:00",5.3],["17:10:00",5.29],["17:15:00",5.27],["17:20:00",5.25],["17:25:00",5.22],["17:30:00",5.19],["17:35:00",5.16],["17:40:00",5.12],["17:45:00",5.07],["17:50:00",5.02],["17:55:00",4.96],["18:00:00",4.9],["18:05:00",4.84],["18:10:00",4.77],["18:15:00",4.7],["18:20:00",4.62],["18:25:00",4.54],["18:30:00",4.46],["18:35:00",4.37],["18:40:00",4.28],["18:45:00",4.19],["18:50:00",4.09],["18:55:00",4],["19:00:00",3.9],["19:05:00",3.8],["19:10:00",3.7],["19:15:00",3.6],["19:20:00",3.5],["19:25:00",3.4],["19:30:00",3.3],["19:35:00",3.2],["19:40:00",3.1],["19:45:00",3.01],["19:50:00",2.91],["19:55:00",2.81],["20:00:00",2.72],["20:05:00",2.63],["20:10:00",2.53],["20:15:00",2.44],["20:20:00",2.36],["20:25:00",2.27],["20:30:00",2.18],["20:35:00",2.1],["20:40:00",2.02],["20:45:00",1.94],["20:50:00",1.87],["20:55:00",1.79],["21:00:00",1.72],["21:05:00",1.65],["21:10:00",1.59],["21:15:00",1.53],["21:20:00",1.47],["21:25:00",1.42],["21:30:00",1.37],["21:35:00",1.33],["21:40:00",1.29],["21:45:00",1.26],["21:50:00",1.23],["21:55:00",1.21],["22:00:00",1.19],["22:05:00",1.17],["22:10:00",1.17],["22:15:00",1.17],["22:20:00",1.17],["22:25:00",1.18],["22:30:00",1.19],["22:35:00",1.21],["22:40:00",1.24],["22:45:00",1.27],["22:50:00",1.3],["22:55:00",1.34],["23:00:00",1.38],["23:05:00",1.43],["23:10:00",1.48],["23:15:00",1.53],["23:20:00",1.58],["23:25:00",1.64],["23:30:00",1.7],["23:35:00",1.76],["23:40:00",1.82],["23:45:00",1.88],["23:50:00",1.94],["23:55:00",2.01]];');
ifrm.document.write('        var ctx = document.getElementById("maregramme").getContext("2d");');
ifrm.document.write('');
ifrm.document.write('        app.initialize();');
ifrm.document.write('        app.initializeChart(data, ctx);');
ifrm.document.write('    })();');
ifrm.document.write('</sc'+'ript>');
ifrm.document.close();
</script>
<title>test</title>
</head>
<body>
</body>
</html>

Teste le sur tes différents environnements et regarde en console si tu as des erreurs..

de mon coté en console j'obtiens l'avertissement suivant:

Un arbre non équilibré a été écrit en utilisant « document.write() » provoquant une nouvelle analyse de données provenant du réseau.

Autrement dit le code html injecté par les document.write n'est pas correct.

Et a priori le canvas ne se remplit pas :

Code :

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

1
2
3
 
ifrm.document.write('        app.initialize();');
ifrm.document.write('        app.initializeChart(data, ctx);');

ne fait rien ...
Voilou voilou...
Donc si après cela tu considères toujours ce code comme acceptable et debuggable, libre à toi de perdre ton temps ...
C'est pour cela que je te conseillais de te rapprocher de l'éditeur du code ou de la documentation pour savoir si il n'avaient une autre solution mieux codée, basée par exemple sur de l'Ajax...

ça fait au moins dix ans que l'on ne code plus des choses comme ça ...

Code :

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

ifrm.document.write('console.log(app.initialize);');

retourne undefined ...

http://services.data.shom.fr/hdm/sta...logo_shom.png/ => erreur 404

tu es sur que le service est toujours maintenu ?

**saujon17** · 22/06/2017, 14h40

Bonjour Spacefrog,

Là nous y sommes! Cependant, je ne peux malheureusement mesurer ni la pertinence ni la cohérence de cette analyse car hors champ de mes compétences. En revanche, je tablerai sur l'expérience technique d'un sachant dans ce domaine.
Pour faire court : oui le Site web institutionnel du service hydrographique et océanographique de la Marine (SHOM) délivre ce script à insérer dans une page HTML depuis quelques années maintenant et oui j'ai fait part de ce dysfonctionnement voici un an mais sans succès, j'ai donc relancé il y a deux jours. Je m’appuierai sur cet argumentaire dès que j'aurai leur réponse.
Je pense quant à moi qu'il mériterai peut être un conseil car c'est un outil qui, sur le papier, est très utile pour les plaisanciers. Je posterai donc leur réponse si cela intéresse.
Cdlt

**sekaijin** · 22/06/2017, 18h10

quite à mettre un iframe mets le toi-même ne demande pas à un script de le faire pour toi

Code html :

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

1
2
3
4
<body>
Mon site à moi
<iframe src="http://www.horaire-maree.fr/maree/POINTE_DE_GATSEAU/"></iframe>
</body>

et c'est tout

A+JYT

**saujon17** · 23/06/2017, 18h42

Bonsoir à tous ,
Je vous livre la réponse du Shom suite à l'argumentaire de Spacefrog

Merci d'avoir remis la vignette, nous avons pu pousser un peu plus loin les investigations.

Du coup, après ces quelques investigations un peu plus poussées, je confirme que le problème vient de la résolution de l'écran. Sur mon mobile cela ne fonctionnait pas alors que sur mon pc oui. Votre écran 10' que vous indiquez dans votre post sur le forum m'a mis la puce à l'oreille.

Quand on regarde un peu les requêtes qui partent de votre page web (avec les outils de développement de firefox), on s'aperçoit que même quand il n'y a pas d'affichage de vignette, une requête est envoyée vers services.data.shom.fr.
Dans le code source de votre page web, la vignette du Shom est incluse dans une balise <div class="mediumScreenDisabled">. Cela veut dire un conteneur div auquel on applique la classe css mediumScreenDisabled. Cette classe contient une instruction no Display (pas d'affichage). Quand l'écran est trop petit, les informations contenues dans le conteneur div ne sont pas affichées. Cela vient, je pense, du responsive design de votre site, celui qui fait que le site s'adapte à l'écran de l'utilisateur.

Pour tester j'ai téléchargé votre page, j'ai enlevé class="mediumScreenDisabled" au niveau du conteneur de la vignette et le problème a été résolu.

Donc pour résumer : nous ne pouvons rien faire pour vous de notre côté, et même si notre code n'est certes pas des plus propres il n'est pas la cause de votre problème. Supprimez class="mediumScreenDisabled" dans le div contenant de la vignette et votre problème devrait être résolu.

Je suis pas sûr d'avoir été suffisamment clair, n'hésitez pas si vous avez d'autres questions.

Cordialement,
Data support shom

**saujon17** · 25/06/2017, 08h10

Bjr à tous

Comme dit dans le tag , ce sujet est

Cdlt

Fenetre script ne s'ouvre pas

JavaScript

Discussions similaires

Partager

Partager