Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 19/08/2011, 12h04   #1
Membre du Club
 
Homme Brice
Ingénieur d'études en développements techniques
Inscription : novembre 2005
Messages : 190
Détails du profil
Informations personnelles :
Nom : Homme Brice
Âge : 40
Localisation : France, Paris (Île de France)

Informations professionnelles :
Activité : Ingénieur d'études en développements techniques
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : novembre 2005
Messages : 190
Points : 55
Points : 55
Envoyer un message via MSN à bpdelavega
Par défaut COMBOX qui ne fonctionne pas sous IE

Bonjour,

J'ai fait un script en JS qui sont des listes déroulantes imbriquées.
du genre Régions > Villes : quand j'arrive sur une page, je détecte que je suis dans la bonne région et je "load" villes correspondantes. Problème, ça fonctionne nickel sous tous les navigateurs, sauf sur IE 7 et IE 8.
J'ai un message d'erreur qui me dit
Citation:
hotelCombo.value is null or non object
, d'avance merci pour votre aide et voici (une partie de) mon code :
Sur le onLoad :
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
 
function updateBookingEngine()
{			
 
	tableau     = Array();
	hotelCombo  = document.getElementById("HotelList");
	reg         = new  RegExp("[|]+", "g");
	maNewChaine = hotelCombo.value;
	tableau     = maNewChaine.split(reg);
	var reg     = new  RegExp("[0-9][|]0[|]0[|]0","g");
 
	if(tableau[0] != "undefined"){
 
		if(tableau[0] == HotelOP_Ap){
			openresaAP('http://www.secure-hotel-booking.com/Opera-Batignolles/2MBN/search?property=' + HotelOP_Ap);
			return true;
		}
 
		if(tableau[0] == HotelNi_MG){
			document.idForm.Clusternames.value = document.idForm.Hotelnames.value = encodeURIComponent(HotelNi_MG);
			return true;
		}
 
		if ((reg.test(maNewChaine)) && (!isNaN(tableau[0]))){ 
			//alert('passe1');
			document.idForm.region.value = encodeURIComponent(arrRegion[tableau[0]]);
			document.idForm.Hotelnames.value = 'All';
		}else{					
			//alert('passe2');
			document.idForm.Hotelnames.value = (tableau[0] != 0) ? tableau[0]:'All';
		}
		document.idForm.Clusternames.value = encodeURIComponent('crsfrparishcapital');
		return true;
 
		/**
		* Debuguages
		*/
		//console.log("Clusternames ==> %s", decodeURIComponent(document.idForm.Clusternames.value));
		//console.log("Region ==> %s", decodeURIComponent(document.idForm.region.value));
		//console.log("Hotelnames ==> %s", decodeURIComponent(document.idForm.Hotelnames.value));
	}
}
bpdelavega est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 19/08/2011, 14h55   #2
Membre Expert
 
Avatar de Loceka
 
Tlouye Ci
Inscription : mars 2004
Messages : 1 450
Détails du profil
Informations personnelles :
Nom : Tlouye Ci

Informations forums :
Inscription : mars 2004
Messages : 1 450
Points : 2 149
Points : 2 149
Je dirais que le script ne trouve pas d'élément dont l'ID est "HotelList" dans ta page.

Pourtant si, comme tu le dis, ta fonction est lancée dans le onload (attention, écrire "onload" tout en minuscule) du body, ça ne devrait pas arriver, du moins si l'élément en question est du HTML pur.

Si l'élément a été créé par javascript, IE a du mal avec les ID ajoutés dynamiquement, selon la façon dont l'élément à été ajouté.

Fais voir le code HTML (avec l'appel dans le onload et tout) ?
Loceka est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 19/08/2011, 15h02   #3
Membre du Club
 
Homme Brice
Ingénieur d'études en développements techniques
Inscription : novembre 2005
Messages : 190
Détails du profil
Informations personnelles :
Nom : Homme Brice
Âge : 40
Localisation : France, Paris (Île de France)

Informations professionnelles :
Activité : Ingénieur d'études en développements techniques
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : novembre 2005
Messages : 190
Points : 55
Points : 55
Envoyer un message via MSN à bpdelavega
Bonjour Loceka,

Merci pour ta réponse, voici ci-dessous le code HTML que tu m'as demandé :
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
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
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
1001
1002
1003
1004
1005
1006
1007
1008
1009
1010
1011
1012
1013
1014
1015
1016
1017
1018
1019
1020
1021
1022
1023
1024
1025
1026
1027
1028
1029
1030
1031
1032
1033
1034
1035
1036
1037
1038
1039
1040
1041
1042
1043
1044
1045
1046
1047
1048
1049
1050
1051
1052
1053
1054
1055
1056
1057
1058
1059
1060
1061
1062
1063
1064
1065
1066
1067
1068
1069
1070
1071
1072
1073
1074
1075
1076
1077
1078
1079
1080
1081
1082
1083
1084
1085
1086
1087
1088
1089
1090
1091
1092
1093
1094
1095
1096
1097
1098
1099
1100
1101
1102
1103
1104
1105
1106
1107
1108
1109
1110
1111
1112
1113
1114
1115
1116
1117
1118
1119
1120
1121
1122
1123
1124
1125
1126
1127
1128
1129
1130
1131
1132
1133
1134
1135
1136
1137
1138
1139
1140
1141
1142
1143
1144
1145
1146
1147
1148
1149
1150
1151
1152
1153
1154
1155
1156
1157
1158
1159
1160
1161
1162
1163
1164
1165
1166
1167
1168
1169
1170
1171
1172
1173
1174
1175
1176
1177
1178
1179
1180
1181
1182
1183
1184
1185
1186
1187
1188
1189
1190
1191
1192
1193
1194
1195
1196
1197
1198
1199
1200
1201
1202
1203
1204
1205
1206
1207
1208
1209
1210
1211
1212
1213
1214
1215
1216
1217
1218
1219
1220
1221
1222
1223
1224
1225
1226
1227
1228
1229
1230
1231
1232
1233
1234
1235
1236
1237
1238
1239
1240
1241
1242
1243
1244
1245
1246
1247
1248
1249
1250
1251
1252
1253
1254
1255
1256
1257
1258
1259
1260
1261
1262
1263
1264
1265
1266
1267
1268
1269
1270
1271
1272
1273
1274
1275
1276
1277
1278
1279
1280
1281
1282
1283
1284
1285
1286
1287
1288
1289
1290
1291
1292
1293
1294
1295
1296
1297
1298
1299
1300
1301
1302
1303
1304
1305
1306
1307
1308
1309
1310
1311
1312
1313
1314
1315
1316
1317
1318
1319
1320
1321
1322
1323
1324
1325
1326
1327
1328
1329
1330
1331
1332
1333
1334
1335
1336
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Best Western Aurore Paris 3* | Official Website |</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Best Western Aurore - 3 star Hotel Paris 12th - Charming hotel opposite to the Gare de Lyon close to Paris centre" />
<meta name="keywords" content="best, western, aurore, 3, star, hotel, paris, 12, charming, gare, lyon, centre, 75012" />
<meta name="robots" content="INDEX,FOLLOW" />
 
<meta property="og:title" content="Best Western Aurore Paris 3* | Official Website |" />
<meta property="og:type" content="hotel"/>
<meta property="og:url" content="http://preprod.monsite.com/aurore-paris.html"/>
<meta property="og:image" content="http://preprod.monsite.com/media/catalog/product/cache/1/small_image/100x100/9df78eab33525d08d6e5fb8d27136e95/a/u/aurore_l01.jpg" />
<meta property="og:site_name" content="Mon Slogan"/>
<meta property="fb:admins" content="100001425739303"/>
<meta property="og:description" content="At the exit of the Gare de Lyon, the Best Western Aurore is ideally situated for both business and pleasure stays. Alone or as a family, you'll be able to discover Paris's most famous landmarks."/>	
 
 
<link rel="icon" href="http://preprod.monsite.com/skin/frontend/bif/default/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://preprod.monsite.com/skin/frontend/bif/default/favicon.ico" type="image/x-icon" />
<!--[if lt IE 7]>
<script type="text/javascript">
//<![CDATA[
    var BLANK_URL = 'http://preprod.monsite.com/js/blank.html';
    var BLANK_IMG = 'http://preprod.monsite.com/js/spacer.gif';
//]]>
</script>
<![endif]-->
 
 
<script type="text/javascript" src="http://preprod.monsite.com/js/jquery/jquery-1.3.2.min.js" ></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/jquery/ui/ui.core.js" ></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/jquery/jquery-functionality.js" ></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/jquery/jquery.slideviewerpro.min.js" ></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/jquery/jquery.timers.min.js" ></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/jquery/jquery.chili.pack.min.js" ></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/jquery/jquery.easing.min.js" ></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/jquery/jquery.dimensions.min.js" ></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/jquery/jquery.tooltip.min.js" ></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/jquery/jquery.pikachoose.min.js" ></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/jquery/jquery.lavalamp.min.js" ></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/jquery/jquery.anythingslider.min.js" ></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/jquery/jquery-noconflict.js" ></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/fastbooking/fbparam.js" ></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/fastbooking/fblib.js" ></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/fastbooking/calendar.js" ></script>
<link rel="stylesheet" type="text/css" href="http://preprod.monsite.com/js/calendar/calendar-win2k-1.css" />
<link rel="stylesheet" type="text/css" href="http://preprod.monsite.com/skin/frontend/bif/default/css/styles1.0.1.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://preprod.monsite.com/skin/frontend/bif/default/css/slideviewerpro-min1.0.0.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://preprod.monsite.com/skin/frontend/bif/default/css/jquery-tooltip-min1.0.0.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://preprod.monsite.com/skin/frontend/base/default/css/widgets1.0.0.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://preprod.monsite.com/skin/frontend/bif/default/css/print1.0.0.css" media="print" />
<script type="text/javascript" src="http://preprod.monsite.com/js/prototype/prototype.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/lib/ccard.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/prototype/validation.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/scriptaculous/builder.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/scriptaculous/effects.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/scriptaculous/dragdrop.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/scriptaculous/controls.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/scriptaculous/slider.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/varien/js.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/varien/form.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/varien/menu.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/mage/translate.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/mage/cookies.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/varien/product.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/calendar/calendar.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/calendar/calendar-setup.js"></script>
<link rel="canonical" href="http://preprod.monsite.com/aurore-paris.html" />
<!--[if IE 9]>
<link rel="stylesheet" type="text/css" href="http://preprod.monsite.com/skin/frontend/bif/default/css/ie9.0.0.css" media="all" />
<![endif]-->
<!--[if lt IE 7]>
<script type="text/javascript" src="http://preprod.monsite.com/js/lib/ds-sleight.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/skin/frontend/base/default/js/ie6.js"></script>
<![endif]-->
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="http://preprod.monsite.com/skin/frontend/bif/default/css/ie61.0.1.css" media="all" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="http://preprod.monsite.com/skin/frontend/bif/default/css/ie71.0.1.css" media="all" />
<![endif]-->
<script type="text/javascript">
jQuery(function() {
  jQuery("#3").lavaLamp({
                fx: "backout",
                speed: 700,
                click: function(event, menuItem) {
                    return false;
                }
            });
 
 
});
</script>
 
<script type="text/javascript">
//<![CDATA[
optionalZipCountries = [];
//]]>
</script>
<script type="text/javascript">var Translator = new Translate({"Credit card number doesn't match credit card type":"Credit card number does not match credit card type","Please use only letters (a-z or A-Z), numbers (0-9) or underscore(_) in this field, first character should be a letter.":"Please use only letters (a-z or A-Z), numbers (0-9) or underscores (_) in this field, first character must be a letter."});</script><meta name="google-site-verification" content="JJsOWRQUkofUeTmgL8SEUDP_EYqDN7UbJt_ldoOZCeQ" /> </head>
<body class=" catalog-product-view product-aurore-paris categorypath-hotel-html category-hotel">
 
		<!-- BEGIN GOOGLE ANALYTICS CODE BP-->
		<script type="text/javascript">
		//<![CDATA[		    
		    var _gaq = _gaq || [];
		    _gaq.push(
			     ["eu._setAccount", "UA-18832552-1"],
			     ["eu._trackPageview", "/aurore-paris.html"],
			     ["_setAccount", "UA-18245093-2"],
			     ["_trackPageview", "/aurore-paris.html"]
		     );
 
		       (function() {
			    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
			  })();
 
 
		//]]>
		</script>
		<!-- END GOOGLE ANALYTICS CODE BP-->
 
        <div class="wrapper">
        <noscript>
        <div class="noscript">
            <div class="noscript-inner">
                <p><strong>JavaScript seem to be disabled in your browser.</strong></p>
                <p>You must have JavaScript enabled in your browser to utilize the functionality of this website.</p>
            </div>
        </div>
    </noscript>
    <div class="page">
        <div class="header-container">
    <div class="header">
                <a href="http://preprod.monsite.com/" title="Mon Slogan" class="logo"><strong>Mon Slogan</strong><img src="http://preprod.monsite.com/skin/frontend/bif/default/images/logo1.gif" alt="Mon Slogan" /></a>
                <div class="quick-access">
                        <p class="welcome-msg"></p>
            <script type="text/javascript">
jQuery(document).ready(function () {
 
	//transitions
	//for more transition, goto http://gsgd.co.uk/sandbox/jquery/easing/
	//var style = 'easeOutElastic';
	var style = 'easeOutSine';
 
	//Retrieve the selected item position and width
	var default_left = Math.round(jQuery('#lava li.selected').offset().left - jQuery('#lava').offset().left);
	var default_width = jQuery('#lava li.selected').width();
 
	//Set the floating bar position and width
	jQuery('#box').css({left: default_left});
	jQuery('#box .head').css({width: default_width});
 
	//if mouseover the menu item
	jQuery('#lava li').hover(function () {
 
		//Get the position and width of the menu item
		left = Math.round(jQuery(this).offset().left - jQuery('#lava').offset().left);
		width = jQuery(this).width(); 
 
		//Set the floating bar position, width and transition
		//Au depart on met 1000 ici
		jQuery('#box').stop(false, true).animate({left: left},{duration:500, easing: style});	
		jQuery('#box .head').stop(false, true).animate({width:width},{duration:500, easing: style});	
 
	//if user click on the menu
	}).click(function () {
 
		//reset the selected item
		jQuery('#lava li').removeClass('selected');	
 
		//select the current item
		jQuery(this).addClass('selected');
 
	});
 
	//If the mouse leave the menu, reset the floating bar to the selected item
	jQuery('#lava').mouseleave(function () {
 
		//Retrieve the selected item position and width
		default_left = Math.round(jQuery('#lava li.selected').offset().left - jQuery('#lava').offset().left);
		default_width = jQuery('#lava li.selected').width();
 
		//Set the floating bar position, width and transition
		//Au depart on met 1500 ici
		jQuery('#box').stop(false, true).animate({left: default_left},{duration:1000, easing: style});	
		jQuery('#box .head').stop(false, true).animate({width:default_width},{duration:1000, easing: style});		
 
	});
 
});	
</script>
 
 
<div id="menu_bif" style="width: 446px">
	<div id="lava">
		<ul>
			<li><a href="http://preprod.monsite.com/" title="Home">Home</a></li>
			<li class="selected"><a href="http://preprod.monsite.com/hotel.html" title="Our Hotels">Our Hotels</a></li>
			<li><a href="http://preprod.monsite.com/meetings-events.html" title="Meetings and Events">Meetings and Events</a></li>
			<li><a href="http://preprod.monsite.com/group.html" title="The Group">The Group</a></li>
			<li><a href="http://preprod.monsite.com/contacts/" title="Contact">Contact</a></li>
		</ul>
	<!-- If you want to make it even simpler, you can append these html using jquery -->
		<div id="box"><div class="head"></div></div>
	</div>
</div>
            <div class="language-switcher" style="width: 235px;">
            <a style="font-weight: bold;" href="http://preprod.monsite.com/aurore-paris.html?___store=default&amp;___from_store=default" rel="nofollow" class="lang_switch">English</a>        
     |         <a href="http://preprod.monsite.com/fr/aurore-paris.html?___store=fr&amp;___from_store=default" rel="nofollow" class="lang_switch">Français</a>        
     |         <a href="http://preprod.monsite.com/it/aurore-paris.html?___store=it&amp;___from_store=default" rel="nofollow" class="lang_switch">Italiano</a>        
     |         <a href="http://preprod.monsite.com/de/aurore-paris.html?___store=de&amp;___from_store=default" rel="nofollow" class="lang_switch">Deutsch</a>        
     |         <a href="http://preprod.monsite.com/es/aurore-paris.html?___store=es&amp;___from_store=default" rel="nofollow" class="lang_switch">Español</a>        
    </div>
        </div>
            </div>
</div>
        <div class="main-container col1-layout">
            <div class="main">
                <div class="breadcrumbs">
    <ul>
                    <li class="home">
                            <a href="http://preprod.monsite.com/" title="Go to Home Page">Home</a>
                                        <span>/ </span>
                        </li>
                    <li class="category21">
                            <a href="http://preprod.monsite.com/hotel.html" title="">Our Hotels</a>
                                        <span>/ </span>
                        </li>
                    <li class="product">
                            <strong>Best Western Aurore</strong>
                                    </li>
            </ul>
</div>
                <div class="col-main">
 
<script type="text/javascript">
    var optionsPrice = new Product.OptionsPrice([]);
    var map = null;    
</script>
 
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAA0xmstqtnsztGBC4ONgfIIRQAGVkTSzKiAfXwHhgSPSoNUfTkwRQKTtDtsPcuX-TvP_YVD1cZB7Ve3w&amp;sensor=false&amp;&oe=utf-8;&amp;hl=en" type="text/javascript"></script>
<script type="text/javascript">
    var iconHotel = new GIcon(); 
    iconHotel.image = 'http://preprod.monsite.com/media/googlemap/picto_hotels_general.png';
    iconHotel.shadow = '';
    iconHotel.iconSize = new GSize(25, 32);
    iconHotel.shadowSize = new GSize(25, 32);
    iconHotel.iconAnchor = new GPoint(9, 20);
    iconHotel.infoWindowAnchor = new GPoint(23, 9);
 
    function load() {
        if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map_canvas"));        
        map.addControl(new GSmallMapControl());
		//map.addControl(new GMapTypeControl());
		map.addMapType(G_PHYSICAL_MAP);        // Ajout de la vue en "Relief"
        map.setCenter(new GLatLng(48.845760345459, 2.3706719875336), 17 );
        map.addControl(new GScaleControl());   // Echelle 
        //map.setMapType(G_PHYSICAL_MAP);
        /*map.checkResize();*/
 
        function createMarker(point, description) {						 
		 var iconCurrentAddress = new GIcon(iconHotel);
		 markerOptions = { icon:iconCurrentAddress };
		 var marker = new GMarker(point, markerOptions);						 
		 GEvent.addListener(marker, "mouseover", function() {
		 marker.openInfoWindowHtml(description);
        });
        return marker;
      }
		var name = "Best Western Aurore";
	    map.addOverlay(createMarker(new GLatLng(48.845760345459, 2.3706719875336), '<b style="font-size: 12px;">'+name+'</b>'));}       	   
    }
 
        //**********************
 
 
    </script>
 <script type="text/javascript">	
	Event.observe(window,'load', load);                                    
    Event.observe(window,'unload', GUnload);   
</script>
<div id="messages_product_view"></div>
 
<div class="product-shop" style="">
            <div class="product-name">
                <h1>Best Western Aurore&nbsp;<img alt='3' src='http://preprod.monsite.com/media//stars/star_big.gif' class='stars' />
<img alt='3' src='http://preprod.monsite.com/media//stars/star_big.gif' class='stars' />
<img alt='3' src='http://preprod.monsite.com/media//stars/star_big.gif' class='stars' />
</h1>
                 					<h2>Gare de Lyon</h2>
 			            </div>
                        	<div class="icone_official_group"><img src="http://preprod.monsite.com/media/icone_official/icone_siteofficiel1.gif" title="Mon Slogan Hotel" alt="Mon Slogan Hotel"/></div>
			            </div>
<div class="product-view">
 
    <div class="onglet" id="onglet1">
	    <div class="product-essential">
 
 
			<h3 class="titre_fiche">Overview</h3>
	        <div class="product-img-box">
	            	<script type="text/javascript">
	// Divers
	//jQuery(#product_tabs_additional_tabbed_contents).addClass("fond_bleu"); //Tests Brice
 
	//SLIDER ONGLET PHOTO
	jQuery(window).bind("load", function() {		
		jQuery("div#thumbSlider").slideViewerPro({
		thumbs: 6, 
		autoslide: true, 
		asTimer: 3500, 
		typo: true,
    	galBorderWidth: 0,
		thumbsBorderOpacity: 0, 
		buttonsTextColor: "#707070",
		buttonsWidth: 40,
		thumbsActiveBorderOpacity: 0.7,
		thumbsActiveBorderColor: "#333333",
		shuffle: false,
		thumbsPercentReduction: 12,
		typoFullOpacity: 0.6,
		thumbsTopMargin: 7,
		thumbsRightMargin: 6,
		});
	});
	</script>
 
	<!-- Debut Div Slide -->
	<div id="slideshow_vpro">
					<div id="thumbSlider" class="svwp">
				<ul>
											<li><img alt="Superior room - Aurore"  src="http://preprod.monsite.com/media/catalog/product/cache/1/thumbnail/436x332/9df78eab33525d08d6e5fb8d27136e95/a/u/aurore_b02.jpg" /></li>
											<li><img alt="Single room - Aurore"  src="http://preprod.monsite.com/media/catalog/product/cache/1/thumbnail/436x332/9df78eab33525d08d6e5fb8d27136e95/a/u/aurore_b03.jpg" /></li>
											<li><img alt="Classic room - Aurore"  src="http://preprod.monsite.com/media/catalog/product/cache/1/thumbnail/436x332/9df78eab33525d08d6e5fb8d27136e95/a/u/aurore_b01.jpg" /></li>
											<li><img alt="Front hotel - Aurore"  src="http://preprod.monsite.com/media/catalog/product/cache/1/thumbnail/436x332/9df78eab33525d08d6e5fb8d27136e95/a/u/aurore_f01.jpg" /></li>
											<li><img alt="Lounge - Aurore"  src="http://preprod.monsite.com/media/catalog/product/cache/1/thumbnail/436x332/9df78eab33525d08d6e5fb8d27136e95/a/u/aurore_l01.jpg" /></li>
											<li><img alt="Breakfast - Aurore"  src="http://preprod.monsite.com/media/catalog/product/cache/1/thumbnail/436x332/9df78eab33525d08d6e5fb8d27136e95/a/u/aurore_pdj01.jpg" /></li>
											<li><img alt="Reception - Aurore"  src="http://preprod.monsite.com/media/catalog/product/cache/1/thumbnail/436x332/9df78eab33525d08d6e5fb8d27136e95/a/u/aurore_r01.jpg" /></li>
											<li><img alt="Bathroom - Aurore"  src="http://preprod.monsite.com/media/catalog/product/cache/1/thumbnail/436x332/9df78eab33525d08d6e5fb8d27136e95/a/u/aurore_sdb01.jpg" /></li>
									</ul>
			</div>				
			</div>
	<!-- Fin Div Slide -->
 
<p class="clearP">&nbsp;</p>
<!-- Fin Autre Browser -->
	        </div>
			<div class="prestation_fiche">
				<h4>Features and Services</h4>
				<ul class="nb_chambres_hotel_suit">
									<li><b>30 rooms</b></li>
																								</ul>
									<ul>
	<li>Warm breakfast buffet</li>
	<li>Free Wifi access</li>
	<li>Concierge service</li>
	<li>Free newspapers and magazines</li>
	<li>Dry cleaning</li>
	<li>Air conditioning</li>
</ul>
							</div>
	        <div class="clearer"></div>
	    </div>
 
	    <div class="product-collateral">
 
			<div class="short-description">
	            <h2>Discover your hotel</h2>
 
 
	            <div class="bif_justify">Opposite the Gare de Lyon, the Best Western Aurore is ideally located for both business and pleasure stays. As a guest, enjoy quick, easy access to the capital's most important places: the Palais Omnisports de Paris Bercy, La Defense, Disneyland Paris, the Opera Bastille and the Marais district. The colourful, spacious rooms offer tranquility and rest. The hotel's warm welcome, its ever-ready, dynamic staff and its full range of services all make for a unique, enjoyable stay at the Best Western Aurore and in Paris.<br />
<br />
We illustrate the concept of a hotel with a human face. Our 30 rooms, all air-conditioned, allow you to enjoy a well-earned rest after a day spent in the capital, whether you're on a business trip or visiting Paris as a tourist.<br />
<br />
Our rooms have been specially designed to optimize the well-being of our guests. The hotel's decor, facilities, bedding and quiet together guarantee an enjoyable stay.<br />
<br />
With the aim of making Parisian life simpler and more enjoyable for each of our guests, our staff is at your entire disposal to answer any and all of your needs, whether in regard to the hotel's services or to book a show, restaurant or taxi.<br />
<br />
The entire team of the Best Western Aurore is looking forward to welcoming you to Paris and promises to go out of its way to make your stay an unforgettable experience.</div>
	         </div>
	    </div>
 
    </div>
 
    <div class="onglet" id="onglet2">
	    <div class="product-essential">
			<h3 class="titre_fiche">Room</h3>
			<ol class="list_room">
				<li class="item">
					<a href="#" class="room_image"><img src="http://preprod.monsite.com/media/catalog/product//a/u/aurore_b03.jpg" width="209" height="159" alt="Single room" title="Single room" /></a>
					<div class="room_description">
													<h2>Single room</h2>
 
							<p>With a floor area of 8 to 10 square metres, the single rooms consist of a single bed with duvet and a work area. They are prettily decorated with wooden furniture and numerous coloured fabrics. The bathroom has a shower.</p>
																		<p class="btn_room"><a type="button" title="View availability & rates" class="button btn-cart" onclick="_gaq.push(['_trackEvent', 'Reservation', 'Fiche Chambre 1', 'aurore-paris', 1]); hhotelSearchPriceDateTrack('FRPHCHTLAurore', 'EN', '', '', '', '','');">View availability & rates</a></p>
											</div>
				</li>
		        <div class="clearer"></div>
 
								<li class="item">
					<a href="#" class="room_image"><img src="http://preprod.monsite.com/media/catalog/product//a/u/aurore_b01.jpg" width="209" height="159" alt="Classic room" title="Classic room" /></a>
					<div class="room_description">
													<h2>Classic room</h2>
 
							<p>With a floor area of 10 to 12 square metres, the classic rooms consist of a double bed with duvet and a work area. They are prettily decorated with wooden furniture and numerous coloured fabrics. Bathroom with bath or shower.</p>
																		<p class="btn_room"><a type="button" title="View availability & rates" class="button btn-cart" onclick="_gaq.push(['_trackEvent', 'Reservation', 'Fiche Chambre 2', 'aurore-paris', 1]);hhotelSearchPriceDateTrack('FRPHCHTLAurore', 'EN', '', '', '', '','');">View availability & rates</a></p>
					    					</div>
				</li>
		        <div class="clearer"></div>
 
								<li class="item">
					<a href="#" class="room_image"><img src="http://preprod.monsite.com/media/catalog/product//a/u/aurore_b02.jpg" width="209" height="159" alt="Superior room" title="Superior room" /></a>
					<div class="room_description">
													<h2>Superior room</h2>
 
							<p>With a floor area of 12 to 15 square metres, the superior rooms consist of a double bed with duvet and a work area. They are prettily decorated with wooden furniture and numerous coloured fabrics. The bathroom has a bath or shower.</p>
																		<p class="btn_room"><a type="button" title="View availability & rates" class="button btn-cart" onclick="_gaq.push(['_trackEvent', 'Reservation', 'Fiche Chambre 3', 'aurore-paris', 1]);hhotelSearchPriceDateTrack('FRPHCHTLAurore', 'EN', '', '', '', '','');">View availability & rates</a></p>
											</div>
				</li>
		        <div class="clearer"></div>
 
								<li class="item">
					<a href="#" class="room_image"><img src="http://preprod.monsite.com/media/catalog/product//a/u/aurore_b02.jpg" width="209" height="159" alt="Family room" title="Family room" /></a>
					<div class="room_description">
													<h2>Family room</h2>
 
							<p>With a floor area of 15 to 20 square metres, the family rooms consist of a double bed, two twin beds with duvet and a work area. They are prettily decorated with wooden furniture and numerous coloured fabrics. The bathroom has a bath or shower.</p>
																		<p class="btn_room"><a type="button" title="View availability & rates" class="button btn-cart" onclick="_gaq.push(['_trackEvent', 'Reservation', 'Fiche Chambre 4', 'aurore-paris', 1]);hhotelSearchPriceDateTrack('FRPHCHTLAurore', 'EN', '', '', '', '','');">View availability & rates</a></p>
											</div>
				</li>
		        <div class="clearer"></div>
 
	        </ol>
	        <div class="prestation_room">
	        	<h3>Features and Services</h3>
	        						Air conditioning, Satellite TV with LCD screen, Free Wifi access, Room service, Minibar, Safe, Welcome platter, Hairdryer, Iron and ironing table					        </div>
	    </div>
	</div>
 
    <div class="onglet" id="onglet3">
	    <div class="product-essential">
			<h3 class="titre_fiche">Location</h3>
	        <div class="gooogle_map_products">
	            <!-- Debut Div Googlemap -->                                      	
                  <div id="map_canvas" style="width: 615px; height: 400px;"></div>
				<!-- Fin Div Googlemap -->
	        </div>
	        				<div id="location_attributes">
					<h4>Locate your hotel</h4>
	        		<p>The Best Western Aurore, near the Gare de Lyon, is the ideal point of departure for your Parisian escapades.</p>
	        		<p><a class="link_allhotels_map" href="http://preprod.monsite.com/map.html">Find all our hotels on the map</a></p>
	        		</div>
				        <div class="clearer"></div>
	    </div>
    </div>
 
 
    <div class="onglet" id="onglet5">
	    <div class="product-essential">
	  		<h3 class="titre_fiche">Reviews</h3>
	        <div class="product-img-director">
	            <img src="http://preprod.monsite.com/media/catalog/product//a/u/aurore.jpg" width="64" height="58" alt="Laurence Blot" title="Laurence Blot" />
	        </div>
	        <div class="product_comments_director">
	        	<h4 class="title_comments_director">Message from the manager - Laurence Blot</h4>
	        					<p>I place great importance on providing top-quality service, in particular because it allows us to develop a special relationship with our guests. We help you, we make recommendations and keep you up-to-date, thereby contributing towards the success of your Parisian stay.</p>
					        </div>
	        <div class="clearer"></div>
	    </div>
		    </div>
 
</div>
 
<div class="col_gauche"><!-- Debut colonne gauche -->
 
	<div class="bloc_resa_fiche">
 
		<style type="text/css">
			.calc_style {
				background-color: #b5c8c9; 
				color: #353f47; 
				border: 1px solid #b5c8c9; 
				font-family: Verdana, Arial, Helvetica, sans-serif; 		
				font-size: x-small;
				padding: 0.4em;
				width: 200px;
				text-align: left;
				z-index: 11;
			}
 
		</style>
 
	    <div  id="hgp-bloc-resa-fiche">	
 
						<!-- Debut Fast Booking -->
			<p>    		<!--  movable calendar -->
		<div id="calendar_frame" style="display: none; top:0; left: 0; width: 100%; height: 100%;">
			<iframe id="iframe" frameborder="0"></iframe>
			<div id="calendar" style="top:0; left:0;">
				<form name="calendar_form" style="margin: 0;">
					<table><tr><td>
					<table class="cal_class">
						<tr>
 
							<th class="cal_th prev_month"><span class="cal_text"><a href="javascript:void(0);" onclick="do_prev_month();"><strong><<</strong></a></span>&nbsp;</th>
							<th class="cal_th" colspan="5">
								<select name="calendar_month" class="cal_class" onchange="do_month_change();">
								</select>
							<th class="cal_th prev_month">
								&nbsp;<span class="cal_text"><a href="javascript:void(0);" onclick="do_next_month();"><strong>>></strong></a></span>
							</th>
 
						</tr>
					</table>
					<div id="cal_days">
					</div>
					</td></tr></table>
				</form>
			</div>
		</div>
		<script type="text/javascript">
	//************************************************
	// Initialisation des variables
 
	hotelCombo = document.getElementById("HotelList");
    adultCombo = document.getElementById("adulteresa");
    childCombo = document.getElementById("enfantresa");
 
    HotelOP_Ap = 10410;
    HotelNi_MG = "FRVALHTLMediagar";
 
 
	function openresaAP(url){
		window.open(url,"reservation","toolbar=no,width=724,height=350,menubar=no,scrollbars=yes,resizable=yes,alwaysRaised=yes");
	}
 
		var objs_list = new Object();
 
		// initial delta from 
		var g_offset_x = 32;
		var g_offset_y = -16;
 
		//
		// calcPos
		function calcPos(obj) {
			this.x = g_offset_x;
			this.y = g_offset_y;
			if(obj) {
				//obj
				if (obj.offsetParent) {
					this.x += obj.offsetLeft;
					this.y += obj.offsetTop;
					while (obj = obj.offsetParent) {
						this.x += obj.offsetLeft;
						this.y += obj.offsetTop;
					}
				}
			}
		}
 
		//
		// get a property for an element given its id
		function getIdProperty(id, property) {
 
			var styleObject = document.getElementById(id);
			if (styleObject != null)
			{
				styleObject = styleObject.style;
				if(styleObject[property])
					return styleObject[property];
			}
			return null;
 
		}
 
		//
		// set a property to an element given its id
		function setIdProperty( id, property, value )
		{
			var styleObject = document.getElementById(id);
			if (styleObject != null)
			{
				styleObjectStyle = styleObject.style;
				if(styleObjectStyle[property]) {
					styleObjectStyle[property] = value;
				}
			}
 
		}
 
		//
		// show the calc
		function doShowCalc() {
			if(getIdProperty("calc", "display") != 'block')
				setIdProperty("calc", "display", "block");
		}
 
		//
		// hide the calc
		function doHideCalc() {
			if(getIdProperty("calc", "display") == 'block')
				setIdProperty("calc", "display", "none");
		}
 
		//
		// function to display a calc
		function show_text(a_event, a_elt, a_text, a_class) {
			a_point = new calcPos(a_elt);
			delta_y = a_point.y;
			setIdProperty("calc", "top", delta_y + "px");
			delta_x = a_point.x;
			delta_x += a_elt.clientWidth;
			setIdProperty("calc", "left", delta_x + "px");
			if(a_class != undefined) {
				obj = document.getElementById("calc");
				obj.className = a_class;
			}
 
			doShowCalc();
 
			document.getElementById("calc").innerHTML = a_text;
		}
 
		//
		// function to hide a calc
		function hide_text() {
			doHideCalc();
		}
 
		//************************************************
		// TABLEAU DES HOTELS	
		arrHotel = new Array(24);//[CodeResa+++++NomHotel+++++CapaciteMaxChambre+++++CapaciteMaxAdult+++++CapaciteMaxChildren]
		arrRegion = new Array(6);
 
		arrHotel[1] = new Array( 
								"1|All|0|0|0",
								"FRPMercedes|Hotel Best Western Mercedes 4*|4|3|3",
								"SVFRHTLEPark|Hotel Elysee Secret|2|2|1", 
								"FRPHCHTLMathis|Mathis Elysees Hotel 4*|2|2|1",
								"FRPHCHTLMarigny|Hotel Opera Marigny 4*|2|2|2", 
								"FRPHCHTLTonic|Hotel Alexandrie 3*|5|4|3", 
								"FRPHCHTLMMahon|Mac Mahon Champs Elysees Residence|2|2|2", 
								"FRPHCHTLOpal|Best Western Premier Opal 4*|4|2|2", 
								"FRPHCHTLODiamond|Best Western Premier Opera Diamond 4*|2|2|0",
								"FRPHCHTLBretagne|Best Western Bretagne Montparnasse 4*|5|4|3",
								"FRPHCHTLEiffel|Hotel Eiffel Kennedy 3*|2|2|0",
								"FRPHCHTLAurore|Hotel Best Western Aurore 3*|4|4|2",
								"SVFRHTLSevresmont|Hotel Best Western Sevres Montparnasse 3*|3|3|1",
								"FRPHCHTLSTLouvre|Best Western Premier Louvre Saint Honore 4*|3|2|1",
								"FRPHCHTLDeneuville|Hotel Best Western de Neuville 4*|2|2|1",
								"FRPHCHTLStlouis|Best Western Saint Louis 3*|2|2|0",
								"FRMMahon|Hotel Mac Mahon 4*|3|3|0",
								"FRPHCHTLDDBourgogne|Best Western Ducs de Bourgogne 4*|2|2|0",
								"FRPHCHTLFEurope|Best Western France Europe 3*|3|2|2",
								"FRPHCHTLChamps|Hotel des Champs Elysees 4*|4|4|2",
								"FRPHCHTLQuality|Hotel Quality Centre Del Mon 4*|3|3|1",
								"FRPHCHTLComfort|Hotel Comfort Centre Del Mon 3*|3|3|1",
								"NEWHOTELNIMBaume|Hotel La Baume 3*|3|3|1"
								);
 
		arrHotel[2] = new Array( 
								"2|All|0|0|0",
								"FRPHCHTLDDBourgogne|Best Western Ducs de Bourgogne 4*|2|2|0",
								"FRPHCHTLSTLouvre|Best Western Premier Louvre Saint Honore 4*|3|2|1",								
								"FRPHCHTLFEurope|Best Western France Europe 3*|3|2|2"
								);
 
		arrHotel[3] = new Array( 			
								"3|All|0|0|0",
								"FRPHCHTLODiamond|Best Western Premier Opera Diamond 4*|2|2|0",
								"FRPHCHTLOpal|Best Western Premier Opal 4*|4|2|2",
								"FRPHCHTLMarigny|Hotel Opera Marigny 4*|2|2|2"
								);
 
		arrHotel[4] = new Array( 			
								"4|All|0|0|0",
								"FRPHCHTLMathis|Mathis Elysees Hotel 4*|2|2|1",
								"FRMMahon|Hotel Mac Mahon 4*|3|3|0",
								"SVFRHTLEPark|Hotel Elysee Secret|2|2|1",
								"FRPHCHTLMMahon|Mac Mahon Champs Elysees Residence|2|2|2",
								"FRPHCHTLChamps|Hotel des Champs Elysees 4*|4|4|2"
								);
 
		arrHotel[5] = new Array( 			
								"5|All|0|0|0",
								"FRPMercedes|Hotel Best Western Mercedes 4*|4|3|3",
								"FRPHCHTLDeneuville|Hotel Best Western de Neuville 4*|2|2|1"
								);
 
		arrHotel[6] = new Array( 			
								"6|All|0|0|0",
								"FRPHCHTLBretagne|Best Western Bretagne Montparnasse 4*|5|4|3",
								"SVFRHTLSevresmont|Hotel Sevres Montparnasse 3*|3|3|1"
								);
 
 
		arrHotel[7] = new Array( 			
								"7|All|0|0|0",
								"FRPHCHTLTonic|Hotel Alexandrie 3*|5|4|3",
								"FRPHCHTLAurore|Hotel Best Western Aurore 3*|4|4|2"
								);
 
		arrHotel[8] = new Array( 			
								"FRPHCHTLEiffel|Hotel Eiffel Kennedy 3*|2|2|0"
								);
 
		arrHotel[9] = new Array( 			
								"FRPHCHTLStlouis|Best Western Saint Louis 3*|2|2|0"
								);
 
		arrHotel[10] = new Array( 			
								"8|All|0|0|0",
								"FRPHCHTLQuality|Hotel Quality Centre Del Mon 4*|3|3|1",
								"FRPHCHTLComfort|Hotel Comfort Centre Del Mon 3*|3|3|1"
								);
 
		arrHotel[11] = new Array( 			
								"NEWHOTELNIMBaume|Hotel La Baume 3*|3|3|1"
								);		
 
		arrRegion = new Array(
								"",
								"",
								"Louvre, Rivoli & Marais",
								"Opera, Madeleine & St Lazare",
								"Champs Elysees & Arc de Triomphe",
								"Wagram & Parc Monceau",
								"Montparnasse-St Germain des Pres",
								"Gare de Lyon & Bastille",
								"perpignan",
								"Nimes"
							  );
 
		//Correspondances des infos de l'hotels et de la region
		arrListHotel = new Array;
		arrListHotel["FRPHCHTLDDBourgogne"]=2;
		arrListHotel["FRPHCHTLSTLouvre"]=2;
		arrListHotel["FRPHCHTLFEurope"]=2;
		arrListHotel["FRPHCHTLODiamond"]=3;
		arrListHotel["FRPHCHTLOpal"]=3;
		arrListHotel["FRPHCHTLMarigny"]=3;
		arrListHotel["FRPHCHTLMathis"]=4;
		arrListHotel["FRMMahon"]=4;
		arrListHotel["SVFRHTLEPark"]=4;
		arrListHotel["FRPHCHTLMMahon"]=4;
		arrListHotel["FRPHCHTLChamps"]=4;		
		arrListHotel["FRPMercedes"]=5;
		arrListHotel["FRPHCHTLDeneuville"]=5;		
		arrListHotel["FRPHCHTLBretagne"]=6;
		arrListHotel["SVFRHTLSevresmont"]=6;		
		arrListHotel["FRPHCHTLTonic"]=7;
		arrListHotel["FRPHCHTLAurore"]=7;		
		arrListHotel["FRPHCHTLEiffel"]=8;		
		arrListHotel["FRPHCHTLStlouis"]=9;		
		arrListHotel["FRPHCHTLQuality"]=10;
		arrListHotel["FRPHCHTLComfort"]=10;
		arrListHotel["NEWHOTELNIMBaume"]=11;
 
		//************************************************
		// AFFICHE LA LISTE DES HOTELS EN FONCTION DE LA VILLE SELECTIONNE
 
		function ChangeHotel() 
		{
 
			var aux = 0;
			var  reg=new  RegExp("[|]+", "g");
			aux = (document.idForm.ville.selectedIndex) ? document.idForm.ville.selectedIndex:0;
 
			//console.log("AUX vaut ==> %d", aux);
			//console.log("arrHotel vaut ==> %s", arrHotel);
 
			if (typeof(arrHotel[aux]) != "undefined") {
				tailleArr = arrHotel[aux].length;
			}else{
				tailleArr = 0;
			}
 
			if (aux==0){
				document.idForm.HotelList.options[0] = new Option('Select your hotel', 0, true, true);
				document.idForm.HotelList.length = 1;
			}		
 
			if ((navigator.appVersion.indexOf("MSIE 3") <= 0) && (arrHotel[aux])) {
				for (var i=0;i<arrHotel[aux].length;i++) {
					var chaine = arrHotel[aux][i];
					var tableau=chaine.split(reg);
					var ligne2 = new Option(tableau[1], tableau[0]+'|'+tableau[2]+'|'+tableau[3]+'|'+tableau[4], false, false);
					document.idForm.HotelList.options[i] = ligne2;
				}
				document.idForm.HotelList.length = tailleArr;
			}
 
            UpdateAdult();
		}
 
		//************************************************
		// Affichage du nombre d'adultes
 
		function UpdateAdult() 
		{
			alert(hotelCombo.value);
            var values = decoupeValue(hotelCombo.value);
            var maxAdult = parseInt(values[2]);
 
            //console.log('maxAdult %s', maxAdult);
            //console.log('values %s', values);
 
            //On masque la combox Hotel si vide
            if(hotelCombo.value==0){
            	//hotelCombo.style.display = "none";
            	hotelCombo.style.backgroundColor = "#c4c4c4";
            	hotelCombo.style.color = "#a2a2a2";
            	hotelCombo.visible = false;
            }else{
            	//hotelCombo.style.display = "block";
            	hotelCombo.style.backgroundColor = "#fff";
            	hotelCombo.style.color = "#333";
            	hotelCombo.visible = true;
            }
 
			adultCombo.length = 0; // detruire les options
			for(i=1;i<=maxAdult;i++){
				adultCombo.options[(i - 1)] = new Option([i], [i], false, false);
				//console.log('test %s', (i - 1));				
			}
 
			// update childs
			UpdateChild();
 
			// update BookingEngine
			updateBookingEngine();
		}
 
		//************************************************
		// Recuperation des values
 
		function decoupeValue(maValeur) 
		{	
            var defaultValue = ["", 6, 4, 2]; // name, max, adults, childs
            var reg          = new  RegExp("[0-9][|]0[|]0[|]0","g");
            var regex        = new  RegExp("[|]+", "g");
 
            //console.log("Ma valeur ==> %s", maValeur);
 
			//Si on ne prend rien, on retourne la valeur par defaut
            if (0 == maValeur) {
                 return defaultValue;
            }
 
            //Si on une region, on retourne la valeur par defaut
            if (reg.test(maValeur)) {
				//alert(reg);
                return defaultValue;
            }
 
			return maValeur.split(regex);
		}
 
		function decoupeValueHotel(maValeur) 
		{	
            var defaultValue = ["", 6, 4, 2]; // name, max, adults, childs
            var reg          = new  RegExp("[0-9][|]0[|]0[|]0","g");
            var regex        = new  RegExp("[|]+", "g");
 
            //console.log("Ma valeur ==> %s", maValeur);
 
			//Si on ne prend rien, on retourne la valeur par defaut
            if (0 == maValeur) {
                 return defaultValue;
            }
 
            //Si on une region, on retourne la valeur par defaut
            if (reg.test(maValeur)) {
				//alert(reg);
                return defaultValue;
            }
 
			return maValeur.split(regex);
		}
 
		//************************************************
		// Affichage du nombre d'enfants
 
		function UpdateChild() 
		{
            var values = decoupeValue(hotelCombo.value);
            var maxCapacity = parseInt(values[1]);
            var nbAdult = adultCombo.value;
            var maxChildren = parseInt(values[3]);
 
			childCombo.length = 0; // detruire les options
 
			var NewMax = (maxCapacity - nbAdult);
			NewMax = (NewMax >= maxChildren) ? maxChildren : NewMax;
			// 0 value
			childCombo.options[0] = new Option(0, 0, false, false);
 
			for(i=1;i<=NewMax;i++){
				childCombo.options[i] = new Option([i], [i], false, false);
			}
		}
 
		//************************************************
		// Mise a jour du code Booking Engine
 
		function updateBookingEngine()
		{			
 
			tableau     = Array();
			reg         = new  RegExp("[|]+", "g");
			maNewChaine = hotelCombo.value;
			tableau     = maNewChaine.split(reg);
			var reg     = new  RegExp("[0-9][|]0[|]0[|]0","g");
 
			if(tableau[0] != "undefined"){
 
				if(tableau[0] == HotelOP_Ap){
					openresaAP('http://www.secure-hotel-booking.com/Opera-Batignolles/2MBN/search?property=' + HotelOP_Ap);
					return true;
				}
 
				if(tableau[0] == HotelNi_MG){
					document.idForm.Clusternames.value = document.idForm.Hotelnames.value = encodeURIComponent(HotelNi_MG);
					return true;
				}
 
				if ((reg.test(maNewChaine)) && (!isNaN(tableau[0]))){ 
	                document.idForm.region.value = encodeURIComponent(arrRegion[tableau[0]]);
	                document.idForm.Hotelnames.value = 'All';
	            }else{					
					document.idForm.Hotelnames.value = (tableau[0] != 0) ? tableau[0]:'All';
	            }
				document.idForm.Clusternames.value = encodeURIComponent('crsfrparishcapital');
				return true;
 
				/**
				* Debuguages
				*/
				//console.log("Clusternames ==> %s", decodeURIComponent(document.idForm.Clusternames.value));
				//console.log("Region ==> %s", decodeURIComponent(document.idForm.region.value));
				//console.log("Hotelnames ==> %s", decodeURIComponent(document.idForm.Hotelnames.value));
			}
		}
 
        function initBooking()
        {
 
            document.idForm.Clusternames.value = encodeURIComponent('crsfrparishcapital');
            document.idForm.Hotelnames.value = 'All';
            document.idForm.region.value = '';
 
            UpdateAdult();
        }
 
        //****
        //Info bulle pour l'aide
        jQuery(function() {
    	jQuery("#aide > a").tooltip({
    	delay: 5,
    	showURL: false,
    	extraClass: "FicheHotel",
    	left: 10,
    	top: 10,
    	fade: 250,
    	track: true
      });
    });
 
        //************************************************
		// Alert sur combo Hotels
 
        function informeUser(elem) 
        { 
            if (!elem.visible) {
				alert("Please select a location first");
            }
 
      	} 
 
                //************************************************
		// Preselection dans la liste lorsque on est sur une fiche hotel
 
        function getHotelRegion() 
        { 
        	var hotelRegion=arrListHotel["FRPHCHTLAurore"];    	
        	return hotelRegion; 	
      	} 
 
        function getHotel() 
        { 
        	var hotel="FRPHCHTLAurore";      	
        	return hotel; 		
      	} 
 
        function selectHotelIndex() 
        { 
        	document.getElementById("ville").selectedIndex=getHotelRegion();     
        	ChangeHotel();  
 
        	//On decoupe les valeurs des options pour comparer avec le FBID de l'hotel
        	var listOptions = document.getElementById("HotelList");
        	for(i=0;i<listOptions.length;i++){
				var chaine=listOptions.options[i].value;
				var index=listOptions.options[i].index;				
				var reg=new  RegExp("[|]+", "g");
	        	var tableau=chaine.split(reg);
	        	if(getHotel() == tableau[0]){
	        		listOptions.selectedIndex=index;
		        }				
            }
 
            //MAJ des combos
        	UpdateAdult();        	
      	}
 
 
        //************************************************
		// Sur le OnLoad
 
        Event.observe(window, 'load', start);  
        Event.observe(window, 'load', initBooking);  
 
        Event.observe(window, 'load', selectHotelIndex);   
 
	</script>
 
	<!-- movable calc -->
	<div id="calc" class="calc_style"></div>
 
    <div  id="hgp-bloc-resa">	
		<!-- Debut Fast Booking -->
		<form target='dispoprice' name="idForm"  action="" onsubmit='return CheckDate()'>
		<input type='hidden' name='showPromotions' value='3' />
		<input type="hidden" name='langue' value='uk' />
	    <input type='hidden' name='Clusternames' value='crsfrparishcapital' />
		<input type='hidden' name='Hotelnames' value='All' />
		<input type='hidden' name='region' value='' />
 
		<table border="0" class="gd_tableau" cellspacing="0">  
				<tr>
					<td colspan="2"><h3>Book this hotel</h3></td>
				</tr>
				<tr>
					<td colspan="2">
					<select name='ville' id='ville' class='select_taille1' onchange="ChangeHotel();">
						<option value="0" selected="selected">Choose your location</option>
						<option value='1'>All</option>					
						<option value='2'>Paris - Louvre, Rivoli & Marais</option>					
						<option value='3'>Paris - Opera, Madeleine & St Lazare</option>					
						<option value='4'>Paris - Champs Elysees & Arc de Triomphe</option>					
						<option value='5'>Paris - Wagram & Parc Monceau</option>					
						<option value='6'>Paris - Monparnasse & St Germain des Pres</option>					
						<option value='7'>Paris - Gare de Lyon & Bastille</option>					
						<option value='8'>Paris - Passy & Auteuil</option>					
						<option value='9'>Paris - Vincennes</option>																		
						<option value='10'>Perpignan - France</option>																		
						<option value='11'>Nimes - France</option>																		
					</select>
					</td>
				</tr>
				<tr>
					<td colspan="2">
					<!-- ..... Hotels of Group -->
						<select name='HotelList' id='HotelList' class='select_taille1' onchange='UpdateAdult();' onchange='afficheinfo(this);'>
							<option value="0" selected="selected">Select a hotel</option>							 				
						</select>
					</td>
				</tr>
				<tr>
					<td colspan="2">	
 
					<b style="margin: 0 15px;">Check In Date : </b><br>
						<!-- MONTH -->
						<select name='frommonth' style="margin-left: 15px;">
 
						<option value='1'>Jan</option>
						<option value='2'>Feb</option>
						<option value='3'>Mar</option>
						<option value='4'>Apr</option>
						<option value='5'>May</option>
						<option value='6'>Jun</option>
						<option value='7'>Jul</option>
						<option value='8'>Aug</option>
						<option value='9'>Sept</option>
						<option value='10'>Oct</option>
						<option value='11'>Nov</option>
						<option value='12'>Dec</option>
 
						</select>
 
						<!-- DAY -->
						<select name='fromday'> 
													<option value='1'>1</option>
													<option value='2'>2</option>
													<option value='3'>3</option>
													<option value='4'>4</option>
													<option value='5'>5</option>
													<option value='6'>6</option>
													<option value='7'>7</option>
													<option value='8'>8</option>
													<option value='9'>9</option>
													<option value='10'>10</option>
													<option value='11'>11</option>
													<option value='12'>12</option>
													<option value='13'>13</option>
													<option value='14'>14</option>
													<option value='15'>15</option>
													<option value='16'>16</option>
													<option value='17'>17</option>
													<option value='18'>18</option>
													<option value='19'>19</option>
													<option value='20'>20</option>
													<option value='21'>21</option>
													<option value='22'>22</option>
													<option value='23'>23</option>
													<option value='24'>24</option>
													<option value='25'>25</option>
													<option value='26'>26</option>
													<option value='27'>27</option>
													<option value='28'>28</option>
													<option value='29'>29</option>
													<option value='30'>30</option>
													<option value='31'>31</option>
												</select>
 
 
						<!-- YEAR -->
						<select name='fromyear' onchange='update_departure();'><option value="0"></option></select>	
						<img src='http://preprod.monsite.com/skin/frontend/bif/default/images/fastbooking/cal.png' width='22' height='23' border='0' onclick='show_calendar(event, "produit", this, document.idForm.fromday, document.idForm.frommonth, document.idForm.fromyear);'>										
				</td>
				</tr>
				<tr>
					<td colspan="2">
						<table>
							<tr>
								<td>
 
					<!-- //// NUMBER OF NIGHTS //// -->
						<b style="margin-left: 15px;">Nights</b><br>
						<select name='nbdays' class="select_taille3" style="margin-left: 15px;">
												<option value='1' selected="selected">1</option>
												<option value='2'>2</option>
												<option value='3'>3</option>
												<option value='4'>4</option>
												<option value='5'>5</option>
												<option value='6'>6</option>
												<option value='7'>7</option>
												<option value='8'>8</option>
												<option value='9'>9</option>
												<option value='10'>10</option>
												<option value='11'>11</option>
												<option value='12'>12</option>
												<option value='13'>13</option>
												<option value='14'>14</option>
												<option value='15'>15</option>
												<option value='16'>16</option>
												<option value='17'>17</option>
												<option value='18'>18</option>
												<option value='19'>19</option>
												<option value='20'>20</option>
												<option value='21'>21</option>
												<option value='22'>22</option>
												<option value='23'>23</option>
												<option value='24'>24</option>
												<option value='25'>25</option>
												<option value='26'>26</option>
												<option value='27'>27</option>
												<option value='28'>28</option>
												<option value='29'>29</option>
												<option value='30'>30</option>
												<option value='31'>31</option>
												</select>&nbsp;&nbsp;
					</td>
					<td>	
					<!-- //// NUMBER OF ADULTS //// -->
						<b>Adults</b><br>
						<select name='adulteresa' id='adulteresa' onchange='UpdateChild();'>
							<option value='1' selected="selected">1</option>
						</select>
					</td>
					<!-- //// NUMBER OF CHILDREN //// -->
					<td>
						<b>Children</b><br>
						<<select name='enfantresa' id='enfantresa'>
							<option value='0' selected="selected">0</option>
						</select>
						<b class="petitbblanc">&nbsp;(per room)</b>
 
					</td>
							</tr>
						</table>
					</td>
				</tr>
				<tr>	
					<td colspan="2"><p class="btn_check_dispo" style="margin: 0;"><input type="button" name="nom" value="See available dates" onClick="hhotelDispoprice(this.form)" /></p></td>
				</tr>
				<script langage="Javascript">
				  function ouvre(fichier) {
				  ff=window.open(fichier,"popup", "width=830,height=545,left=30,top=20,scrollbars=yes") }
		 	 </script>								
				<tr class="existing_reservation">	
					<td><a class="resa_opt_fiche" href="javascript:ouvre('http://66.70.56.90/00000001/032/023112/presearchv2.phtml?clusterName=frparishcapital&langue=uk')">&gt;&nbsp;Existing reservation</a></td>					
				</tr>
								<tr>	
					<td id="aide"><a class="resa_opt_fiche" href="javascript:void(0);return false;" title="<br /><b>Maximum room occupancy</b><br /><br />The largest room of this hotel can accommodate a maximum of <b>4</b> guests with <b>2</b> adults.<br /><br /><br />* <b>Need more than one room?</b><br /><br />Start the one room reservation process of the chosen hotel. On the confirmation page, you will be able to book up to 3 rooms according to availability. If you need even more rooms, please contact directly the hotel.">> More guests, more than 1 room?</a></td>					
				</tr>
							</table>
		</form>		
		<!-- Fin Fast Booking -->
		<p class="best_rates_icon1">Best rates Guaranteed</p>
   </div></p>
			<!-- Fin Fast Booking -->
 
			<p class="best_rates_icon1">Best rates Guaranteed</p>
	   </div>
	</div>
 
	<script type="text/javascript">
		//RECUPERATION DU PARAMETRE
		function getParams(){	
			var MyUrl   = location.href;
			var  reg    = new  RegExp("target=", "gi");
			var tableau = MyUrl.split(reg);
			return tableau[1];
		}
 
		function findIndex(){			
			idx = getParams();
			if(idx=='overview')   return 1;
			if(idx=='room')       return 2;
			if(idx=='location')   return 3;
			if(idx=='meetings')   return 4;
			if(idx=='reviews')    return 5;
			return 1;
		}
 
		//INITIALISATION AU CHARGEMENT
		var idx = findIndex();
 
		jQuery(function(){
			jQuery("#menu_vertical a#elem"+idx).addClass("actif");
			jQuery(".product-view .onglet").not("#onglet"+idx).hide();
		});
 
		//EVENEMENT SUR CLICK
		jQuery(function(){
			jQuery("#menu_vertical a").click(function(){
			jQuery(".product-view .onglet").hide();	
			jQuery("#menu_vertical a").removeClass("actif");
			jQuery(this.hash).show(); // AFFICHE LE CONTENU DE LA DIV GRACE A UNE ANCRE
			jQuery(this).blur("#menu_vertical a").addClass("actif");
 
			/*Debut Corriger le bug de Google Map*/
			pos = map.savePosition(); 
			map.checkResize(); 
			map.returnToSavedPosition(pos);
			/*Fin Corriger le bug de Google Map*/
 
			return false;
			});
		});	
	</script>
 
	<div id="menu_vertical">
		<h3>Explore your hotel</h3>
		<ul>
			<li class="first_item"><a href="#onglet1" id="elem1">Overview</a></li>
			<li><a href="#onglet2" id="elem2">Room</a></li>
			<li><a href="#onglet3" id="elem3">Location</a></li>
						<li><a href="#onglet5" id="elem5">Reviews</a></li>
		</ul>
		<span id="ilike"><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://preprod.monsite.com/aurore-paris.html" send="true" width="250" show_faces="true" font="arial"></fb:like></span>
		<!--<span id="ilike"><script src="http://connect.facebook.net//all.js#xfbml=1"></script><fb:like href="" width="250" font="arial"></fb:like></span>-->
	</div>
	<div id="bloc_contact">
		<h3>Contact</h3>
		<h4>Best Western Aurore&nbsp;***</h4>
		<p id="adresse_contact">			13 rue Traversière<br />75012 Paris		</p>
		<p id="tel_contact">			Tel : + 331 43 43 54 12		</p>
		<p id="fax_contact">			Fax : + 331 43 43 53 20		</p>
		<p id="email_contact">			<script>
			<!--
			emailE=('aurore@monsite.com');
			document.write('<a id="postehgp" href="mailto:'+emailE +'" onclick="_gaq.push([\'_trackEvent\', \'Email\', \'Fiche\', \'aurore-paris\', 1]);">' + emailE + '</a>');
			//--> 
			</script></p>
			</div>		
</div><!-- Fin colonne gauche -->
<div class="clearer"></div>
 <script type="text/javascript"> 	
	Event.observe(window, 'load', start); 
</script>
                </div>
            </div>
        </div>
        <div class="footer-container">
    <div class="footer">
        <ul class="footer_links">
<li><a href="http://preprod.monsite.com/">Home</a></li>
<li><a href="http://preprod.monsite.com/hotel.html">Our Hotels</a></li>
<li><a href="http://preprod.monsite.com/meetings-events.html">Meetings &amp; Events</a></li>
<li><a href="http://preprod.monsite.com/group.html">Paris Inn group</a></li>
<li><a href="http://preprod.monsite.com/sitemap.html">Sitemap</a></li>
<li><a href="http://66.70.56.90/00000001/032/023112/presearchv2.phtml?clusterName=frparishcapital&amp;langue=uk">Existing reservation</a></li>
<li><a href="http://66.70.56.90/00000001/032/023112/presearchv2.phtml?clusterName=frparishcapital&amp;langue=uk">IATA code owner</a></li>
<li><a href="http://www.hotelsgrandparis.com/">Our website Hotels Grand Paris</a></li>
<li class="logo_wp_footer"><a title="See our blog" href="http://preprod.monsite.com/blog/"><img title="Blog Mon Slogan" src="http://preprod.monsite.com/media/social_icons/wordpress.png" alt="Blog Mon Slogan" /></a></li>
<li class="logo_wp_footer"><a title="Follow Us on Facebook !" href="http://www.facebook.com/pages/Book-Inn-France/135256533157787"><img title="Facebook Mon Slogan" src="http://preprod.monsite.com/media/social_icons/facebook.png" alt="Facebook Mon Slogan" /></a></li>
<li class="last"><a title="Follow Us on Twitter !" href="http://twitter.com/book_inn_france"><img title="Twitter Mon Slogan" src="http://preprod.monsite.com/media/social_icons/twitter.png" alt="Twitter Mon Slogan" /></a></li>
<!--
<li class="last"><a href="#" _mce_href="#" title="Flux RSS"><img src="http://preprod.monsite.com/media/" _mce_src="http://preprod.monsite.com/media/" alt="RSS icon" title="RSS icon" /></a></li>
--> 
</ul>
<ul class="links">
        <li class="first"><a href="http://preprod.monsite.com/boutique-hotel.html" title="Boutique Hotel Paris">Boutique Hotel Paris</a></li>
        <li><a href="http://preprod.monsite.com/contemporary-hotel.html" title="Contemporary Hotel Paris">Contemporary Hotel Paris</a></li>
        <li><a href="http://preprod.monsite.com/charming-hotel.html" title="Charming Hotel Paris">Charming Hotel Paris</a></li>
        <li><a href="http://preprod.monsite.com/budget-hotel.html" title="Budget Hotel Paris">Budget Hotel Paris</a></li>
	<li><a href="http://preprod.monsite.com/reservation-hotel-paris.html" title="Hotels in Paris France">Hotels in Paris France</a></li>
	<li class="last"><a href="http://preprod.monsite.com/reservation-hotel-perpignan.html" title="Hotels in Perpignan France">Hotels in Perpignan France</a></li>
</ul>        <address>&copy; 2010 Mon Slogan. All Rights Reserved.</address>
    </div>
</div>
            </div>
</div>
<script type="text/javascript" src="js/fastbooking/fbfulltrack.js" ></script>
</body>
</html>
s
je débute au niveau JS, encore merci pour ton aide.
bpdelavega est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 19/08/2011, 15h51   #4
Membre Expert
 
Avatar de Loceka
 
Tlouye Ci
Inscription : mars 2004
Messages : 1 450
Détails du profil
Informations personnelles :
Nom : Tlouye Ci

Informations forums :
Inscription : mars 2004
Messages : 1 450
Points : 2 149
Points : 2 149
Dediou !

Ben en tout cas j'avais raison :
ligne 532 tu cherches l'élément "HotelList" qui n'est déclaré qu'à la ligne 1071.

C'est d'ailleurs bizarre que ça marche sur les autres navigateurs.

Si tu veux faire les choses bien, déplace tout ce code dans le head, crée une méthode que tu appelleras dans le onload du body et vire les "Event.observe" :
Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var hotelCombo;
var adultCombo;
var childCombo;
 
function fonctionAAppellerDansLeOnload() {
  hotelCombo = document.getElementById("HotelList");
  adultCombo = document.getElementById("adulteresa");
  childCombo = document.getElementById("enfantresa");
  load();
  start();
  initBooking();
  selectHotelIndex();
}
 
// ...
 
<body onload="fonctionAAppellerDansLeOnload()" onunload="GUnload();" ...>
Soit dit en passant, le code est assez imbitable : il y'a énormément de scripts appellés, il y'a du javascript étalé dans toute la page (il faut en mettre le plus possible dans le head ou dans des fichiers externe et, à la rigueur pour un souci de performance à la fin du body), il y'a du script en multiple exemplaire (Event.observe(window, 'load', start); apparaît 2 fois alors que ça sert à rien), ...
Loceka est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 19/08/2011, 16h17   #5
Membre du Club
 
Homme Brice
Ingénieur d'études en développements techniques
Inscription : novembre 2005
Messages : 190
Détails du profil
Informations personnelles :
Nom : Homme Brice
Âge : 40
Localisation : France, Paris (Île de France)

Informations professionnelles :
Activité : Ingénieur d'études en développements techniques
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : novembre 2005
Messages : 190
Points : 55
Points : 55
Envoyer un message via MSN à bpdelavega
Merci Loceka,

C'est vrai que le code est assez imbitable, en fait c'est la version non compressé du code, c'est un site fait sous Magento (CMS E-Commerce). Et comme sur tous les outils modernes, tu as des petits bouts de fichiers partout.

J'ai un HEAD commun à tous mes fichiers, c'est pour cette raison que je ne mets dans le HEAD que les codes qui sont vraiment utiles sur tout le site.
Le code que tu vois, c'est juste pour la page en cours, après tu as parfaitement raison, comme je te l'ai dit, je débute en JS, donc c'est pas super optimisé. Mais j'espère à terme coder le JS en jQuery, pour en écrire moins et en faire plus...

Quand au window.observe; c'est la librairie Scriptaculous fournie sous Magento.
Il ne vaut mieux pas toucher à la balise BODY sur ce genre d'outil. Je vais essayer ranger un peu tout ça.
bpdelavega est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 19/08/2011, 16h36   #6
Membre du Club
 
Homme Brice
Ingénieur d'études en développements techniques
Inscription : novembre 2005
Messages : 190
Détails du profil
Informations personnelles :
Nom : Homme Brice
Âge : 40
Localisation : France, Paris (Île de France)

Informations professionnelles :
Activité : Ingénieur d'études en développements techniques
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : novembre 2005
Messages : 190
Points : 55
Points : 55
Envoyer un message via MSN à bpdelavega
Par défaut Merci ! ça marche

Génial Loceka,
ça fonctionne nickel, c'était bien une histoire d'initialisation. IE pour le coup, moins permissif, a permis de faire un code plus "propre" : voici le rendu final pour ceux que ça peut aider :

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
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
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
1001
1002
1003
1004
1005
1006
1007
1008
1009
1010
1011
1012
1013
1014
1015
1016
1017
1018
1019
1020
1021
1022
1023
1024
1025
1026
1027
1028
1029
1030
1031
1032
1033
1034
1035
1036
1037
1038
1039
1040
1041
1042
1043
1044
1045
1046
1047
1048
1049
1050
1051
1052
1053
1054
1055
1056
1057
1058
1059
1060
1061
1062
1063
1064
1065
1066
1067
1068
1069
1070
1071
1072
1073
1074
1075
1076
1077
1078
1079
1080
1081
1082
1083
1084
1085
1086
1087
1088
1089
1090
1091
1092
1093
1094
1095
1096
1097
1098
1099
1100
1101
1102
1103
1104
1105
1106
1107
1108
1109
1110
1111
1112
1113
1114
1115
1116
1117
1118
1119
1120
1121
1122
1123
1124
1125
1126
1127
1128
1129
1130
1131
1132
1133
1134
1135
1136
1137
1138
1139
1140
1141
1142
1143
1144
1145
1146
1147
1148
1149
1150
1151
1152
1153
1154
1155
1156
1157
1158
1159
1160
1161
1162
1163
1164
1165
1166
1167
1168
1169
1170
1171
1172
1173
1174
1175
1176
1177
1178
1179
1180
1181
1182
1183
1184
1185
1186
1187
1188
1189
1190
1191
1192
1193
1194
1195
1196
1197
1198
1199
1200
1201
1202
1203
1204
1205
1206
1207
1208
1209
1210
1211
1212
1213
1214
1215
1216
1217
1218
1219
1220
1221
1222
1223
1224
1225
1226
1227
1228
1229
1230
1231
1232
1233
1234
1235
1236
1237
1238
1239
1240
1241
1242
1243
1244
1245
1246
1247
1248
1249
1250
1251
1252
1253
1254
1255
1256
1257
1258
1259
1260
1261
1262
1263
1264
1265
1266
1267
1268
1269
1270
1271
1272
1273
1274
1275
1276
1277
1278
1279
1280
1281
1282
1283
1284
1285
1286
1287
1288
1289
1290
1291
1292
1293
1294
1295
1296
1297
1298
1299
1300
1301
1302
1303
1304
1305
1306
1307
1308
1309
1310
1311
1312
1313
1314
1315
1316
1317
1318
1319
1320
1321
1322
1323
1324
1325
1326
1327
1328
1329
1330
1331
1332
1333
1334
1335
1336
1337
1338
1339
1340
1341
1342
1343
1344
1345
1346
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Best Western Aurore Paris 3* | Official Website |</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Best Western Aurore - 3 star Hotel Paris 12th - Charming hotel opposite to the Gare de Lyon close to Paris centre" />
<meta name="keywords" content="best, western, aurore, 3, star, hotel, paris, 12, charming, gare, lyon, centre, 75012" />
<meta name="robots" content="INDEX,FOLLOW" />
 
<meta property="og:title" content="Best Western Aurore Paris 3* | Official Website |" />
<meta property="og:type" content="hotel"/>
<meta property="og:url" content="http://preprod.monsite.com/aurore-paris.html"/>
<meta property="og:image" content="http://preprod.monsite.com/media/catalog/product/cache/1/small_image/100x100/9df78eab33525d08d6e5fb8d27136e95/a/u/aurore_l01.jpg" />
<meta property="og:site_name" content="Mon Slogan"/>
<meta property="fb:admins" content="100001425739303"/>
<meta property="og:description" content="At the exit of the Gare de Lyon, the Best Western Aurore is ideally situated for both business and pleasure stays. Alone or as a family, you'll be able to discover Paris's most famous landmarks."/>	
 
 
<link rel="icon" href="http://preprod.monsite.com/skin/frontend/bif/default/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://preprod.monsite.com/skin/frontend/bif/default/favicon.ico" type="image/x-icon" />
<!--[if lt IE 7]>
<script type="text/javascript">
//<![CDATA[
    var BLANK_URL = 'http://preprod.monsite.com/js/blank.html';
    var BLANK_IMG = 'http://preprod.monsite.com/js/spacer.gif';
//]]>
</script>
<![endif]-->
 
 
<script type="text/javascript" src="http://preprod.monsite.com/js/jquery/jquery-1.3.2.min.js" ></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/jquery/ui/ui.core.js" ></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/jquery/jquery-functionality.js" ></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/jquery/jquery.slideviewerpro.min.js" ></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/jquery/jquery.timers.min.js" ></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/jquery/jquery.chili.pack.min.js" ></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/jquery/jquery.easing.min.js" ></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/jquery/jquery.dimensions.min.js" ></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/jquery/jquery.tooltip.min.js" ></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/jquery/jquery.pikachoose.min.js" ></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/jquery/jquery.lavalamp.min.js" ></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/jquery/jquery.anythingslider.min.js" ></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/jquery/jquery-noconflict.js" ></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/fastbooking/fbparam.js" ></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/fastbooking/fblib.js" ></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/fastbooking/calendar.js" ></script>
<link rel="stylesheet" type="text/css" href="http://preprod.monsite.com/js/calendar/calendar-win2k-1.css" />
<link rel="stylesheet" type="text/css" href="http://preprod.monsite.com/skin/frontend/bif/default/css/styles1.0.1.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://preprod.monsite.com/skin/frontend/bif/default/css/slideviewerpro-min1.0.0.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://preprod.monsite.com/skin/frontend/bif/default/css/jquery-tooltip-min1.0.0.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://preprod.monsite.com/skin/frontend/base/default/css/widgets1.0.0.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://preprod.monsite.com/skin/frontend/bif/default/css/print1.0.0.css" media="print" />
<script type="text/javascript" src="http://preprod.monsite.com/js/prototype/prototype.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/lib/ccard.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/prototype/validation.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/scriptaculous/builder.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/scriptaculous/effects.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/scriptaculous/dragdrop.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/scriptaculous/controls.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/scriptaculous/slider.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/varien/js.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/varien/form.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/varien/menu.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/mage/translate.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/mage/cookies.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/varien/product.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/calendar/calendar.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/js/calendar/calendar-setup.js"></script>
<link rel="canonical" href="http://preprod.monsite.com/aurore-paris.html" />
<!--[if IE 9]>
<link rel="stylesheet" type="text/css" href="http://preprod.monsite.com/skin/frontend/bif/default/css/ie9.0.0.css" media="all" />
<![endif]-->
<!--[if lt IE 7]>
<script type="text/javascript" src="http://preprod.monsite.com/js/lib/ds-sleight.js"></script>
<script type="text/javascript" src="http://preprod.monsite.com/skin/frontend/base/default/js/ie6.js"></script>
<![endif]-->
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="http://preprod.monsite.com/skin/frontend/bif/default/css/ie61.0.1.css" media="all" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="http://preprod.monsite.com/skin/frontend/bif/default/css/ie71.0.1.css" media="all" />
<![endif]-->
<script type="text/javascript">
jQuery(function() {
  jQuery("#3").lavaLamp({
                fx: "backout",
                speed: 700,
                click: function(event, menuItem) {
                    return false;
                }
            });
 
 
});
</script>
 
<script type="text/javascript">
//<![CDATA[
optionalZipCountries = [];
//]]>
</script>
<script type="text/javascript">var Translator = new Translate({"Credit card number doesn't match credit card type":"Credit card number does not match credit card type","Please use only letters (a-z or A-Z), numbers (0-9) or underscore(_) in this field, first character should be a letter.":"Please use only letters (a-z or A-Z), numbers (0-9) or underscores (_) in this field, first character must be a letter."});</script><meta name="google-site-verification" content="JJsOWRQUkofUeTmgL8SEUDP_EYqDN7UbJt_ldoOZCeQ" /> </head>
<body class=" catalog-product-view product-aurore-paris categorypath-hotel-html category-hotel">
 
		<!-- BEGIN GOOGLE ANALYTICS CODE BP-->
		<script type="text/javascript">
		//<![CDATA[		    
		    var _gaq = _gaq || [];
		    _gaq.push(
			     ["eu._setAccount", "UA-11111-1"],
			     ["eu._trackPageview", "/aurore-paris.html"],
			     ["_setAccount", "UA-122222-2"],
			     ["_trackPageview", "/aurore-paris.html"]
		     );
 
		       (function() {
			    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
			  })();
 
 
		//]]>
		</script>
		<!-- END GOOGLE ANALYTICS CODE BP-->
 
        <div class="wrapper">
        <noscript>
        <div class="noscript">
            <div class="noscript-inner">
                <p><strong>JavaScript seem to be disabled in your browser.</strong></p>
                <p>You must have JavaScript enabled in your browser to utilize the functionality of this website.</p>
            </div>
        </div>
    </noscript>
    <div class="page">
        <div class="header-container">
    <div class="header">
                <a href="http://preprod.monsite.com/" title="Mon Slogan" class="logo"><strong>Mon Slogan</strong><img src="http://preprod.monsite.com/skin/frontend/bif/default/images/logo1.gif" alt="Mon Slogan" /></a>
                <div class="quick-access">
                        <p class="welcome-msg"></p>
            <script type="text/javascript">
jQuery(document).ready(function () {
 
	//transitions
	//for more transition, goto http://gsgd.co.uk/sandbox/jquery/easing/
	//var style = 'easeOutElastic';
	var style = 'easeOutSine';
 
	//Retrieve the selected item position and width
	var default_left = Math.round(jQuery('#lava li.selected').offset().left - jQuery('#lava').offset().left);
	var default_width = jQuery('#lava li.selected').width();
 
	//Set the floating bar position and width
	jQuery('#box').css({left: default_left});
	jQuery('#box .head').css({width: default_width});
 
	//if mouseover the menu item
	jQuery('#lava li').hover(function () {
 
		//Get the position and width of the menu item
		left = Math.round(jQuery(this).offset().left - jQuery('#lava').offset().left);
		width = jQuery(this).width(); 
 
		//Set the floating bar position, width and transition
		//Au depart on met 1000 ici
		jQuery('#box').stop(false, true).animate({left: left},{duration:500, easing: style});	
		jQuery('#box .head').stop(false, true).animate({width:width},{duration:500, easing: style});	
 
	//if user click on the menu
	}).click(function () {
 
		//reset the selected item
		jQuery('#lava li').removeClass('selected');	
 
		//select the current item
		jQuery(this).addClass('selected');
 
	});
 
	//If the mouse leave the menu, reset the floating bar to the selected item
	jQuery('#lava').mouseleave(function () {
 
		//Retrieve the selected item position and width
		default_left = Math.round(jQuery('#lava li.selected').offset().left - jQuery('#lava').offset().left);
		default_width = jQuery('#lava li.selected').width();
 
		//Set the floating bar position, width and transition
		//Au depart on met 1500 ici
		jQuery('#box').stop(false, true).animate({left: default_left},{duration:1000, easing: style});	
		jQuery('#box .head').stop(false, true).animate({width:default_width},{duration:1000, easing: style});		
 
	});
 
});	
</script>
 
 
<div id="menu_bif" style="width: 446px">
	<div id="lava">
		<ul>
			<li><a href="http://preprod.monsite.com/" title="Home">Home</a></li>
			<li class="selected"><a href="http://preprod.monsite.com/hotel.html" title="Our Hotels">Our Hotels</a></li>
			<li><a href="http://preprod.monsite.com/meetings-events.html" title="Meetings and Events">Meetings and Events</a></li>
			<li><a href="http://preprod.monsite.com/group.html" title="The Group">The Group</a></li>
			<li><a href="http://preprod.monsite.com/contacts/" title="Contact">Contact</a></li>
		</ul>
	<!-- If you want to make it even simpler, you can append these html using jquery -->
		<div id="box"><div class="head"></div></div>
	</div>
</div>
            <div class="language-switcher" style="width: 235px;">
            <a style="font-weight: bold;" href="http://preprod.monsite.com/aurore-paris.html?___store=default&amp;___from_store=default" rel="nofollow" class="lang_switch">English</a>        
     |         <a href="http://preprod.monsite.com/fr/aurore-paris.html?___store=fr&amp;___from_store=default" rel="nofollow" class="lang_switch">Français</a>        
     |         <a href="http://preprod.monsite.com/it/aurore-paris.html?___store=it&amp;___from_store=default" rel="nofollow" class="lang_switch">Italiano</a>        
     |         <a href="http://preprod.monsite.com/de/aurore-paris.html?___store=de&amp;___from_store=default" rel="nofollow" class="lang_switch">Deutsch</a>        
     |         <a href="http://preprod.monsite.com/es/aurore-paris.html?___store=es&amp;___from_store=default" rel="nofollow" class="lang_switch">Español</a>        
    </div>
        </div>
            </div>
</div>
        <div class="main-container col1-layout">
            <div class="main">
                <div class="breadcrumbs">
    <ul>
                    <li class="home">
                            <a href="http://preprod.monsite.com/" title="Go to Home Page">Home</a>
                                        <span>/ </span>
                        </li>
                    <li class="category21">
                            <a href="http://preprod.monsite.com/hotel.html" title="">Our Hotels</a>
                                        <span>/ </span>
                        </li>
                    <li class="product">
                            <strong>Best Western Aurore</strong>
                                    </li>
            </ul>
</div>
                <div class="col-main">
 
<script type="text/javascript">
    var optionsPrice = new Product.OptionsPrice([]);
    var map = null;    
</script>
 
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAA0xmstqtnsztGBC4ONgfIIRQAGVkTSzKiAfXwHhgSPSoNUfTkwRQKTtDtsPcuX-TvP_YVD1cZB7Ve3w&amp;sensor=false&amp;&oe=utf-8;&amp;hl=en" type="text/javascript"></script>
<script type="text/javascript">
    var iconHotel = new GIcon(); 
    iconHotel.image = 'http://preprod.monsite.com/media/googlemap/picto_hotels_general.png';
    iconHotel.shadow = '';
    iconHotel.iconSize = new GSize(25, 32);
    iconHotel.shadowSize = new GSize(25, 32);
    iconHotel.iconAnchor = new GPoint(9, 20);
    iconHotel.infoWindowAnchor = new GPoint(23, 9);
 
    function load() {
        if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map_canvas"));        
        map.addControl(new GSmallMapControl());
		//map.addControl(new GMapTypeControl());
		map.addMapType(G_PHYSICAL_MAP);        // Ajout de la vue en "Relief"
        map.setCenter(new GLatLng(48.845760345459, 2.3706719875336), 17 );
        map.addControl(new GScaleControl());   // Echelle 
        //map.setMapType(G_PHYSICAL_MAP);
        /*map.checkResize();*/
 
        function createMarker(point, description) {						 
		 var iconCurrentAddress = new GIcon(iconHotel);
		 markerOptions = { icon:iconCurrentAddress };
		 var marker = new GMarker(point, markerOptions);						 
		 GEvent.addListener(marker, "mouseover", function() {
		 marker.openInfoWindowHtml(description);
        });
        return marker;
      }
		var name = "Best Western Aurore";
	    map.addOverlay(createMarker(new GLatLng(48.845760345459, 2.3706719875336), '<b style="font-size: 12px;">'+name+'</b>'));}       	   
    }
 
        //**********************
 
 
    </script>
 <script type="text/javascript">	
	Event.observe(window,'load', load);                                    
    Event.observe(window,'unload', GUnload);   
</script>
<div id="messages_product_view"></div>
 
<div class="product-shop" style="">
            <div class="product-name">
                <h1>Best Western Aurore&nbsp;<img alt='3' src='http://preprod.monsite.com/media//stars/star_big.gif' class='stars' />
<img alt='3' src='http://preprod.monsite.com/media//stars/star_big.gif' class='stars' />
<img alt='3' src='http://preprod.monsite.com/media//stars/star_big.gif' class='stars' />
</h1>
                 					<h2>Gare de Lyon</h2>
 			            </div>
                        	<div class="icone_official_group"><img src="http://preprod.monsite.com/media/icone_official/icone_siteofficiel1.gif" title="Mon Slogan Hotel" alt="Mon Slogan Hotel"/></div>
			            </div>
<div class="product-view">
 
    <div class="onglet" id="onglet1">
	    <div class="product-essential">
 
 
			<h3 class="titre_fiche">Overview</h3>
	        <div class="product-img-box">
	            	<script type="text/javascript">
	// Divers
	//jQuery(#product_tabs_additional_tabbed_contents).addClass("fond_bleu"); //Tests Brice
 
	//SLIDER ONGLET PHOTO
	jQuery(window).bind("load", function() {		
		jQuery("div#thumbSlider").slideViewerPro({
		thumbs: 6, 
		autoslide: true, 
		asTimer: 3500, 
		typo: true,
    	galBorderWidth: 0,
		thumbsBorderOpacity: 0, 
		buttonsTextColor: "#707070",
		buttonsWidth: 40,
		thumbsActiveBorderOpacity: 0.7,
		thumbsActiveBorderColor: "#333333",
		shuffle: false,
		thumbsPercentReduction: 12,
		typoFullOpacity: 0.6,
		thumbsTopMargin: 7,
		thumbsRightMargin: 6,
		});
	});
	</script>
 
	<!-- Debut Div Slide -->
	<div id="slideshow_vpro">
					<div id="thumbSlider" class="svwp">
				<ul>
											<li><img alt="Superior room - Aurore"  src="http://preprod.monsite.com/media/catalog/product/cache/1/thumbnail/436x332/9df78eab33525d08d6e5fb8d27136e95/a/u/aurore_b02.jpg" /></li>
											<li><img alt="Single room - Aurore"  src="http://preprod.monsite.com/media/catalog/product/cache/1/thumbnail/436x332/9df78eab33525d08d6e5fb8d27136e95/a/u/aurore_b03.jpg" /></li>
											<li><img alt="Classic room - Aurore"  src="http://preprod.monsite.com/media/catalog/product/cache/1/thumbnail/436x332/9df78eab33525d08d6e5fb8d27136e95/a/u/aurore_b01.jpg" /></li>
											<li><img alt="Front hotel - Aurore"  src="http://preprod.monsite.com/media/catalog/product/cache/1/thumbnail/436x332/9df78eab33525d08d6e5fb8d27136e95/a/u/aurore_f01.jpg" /></li>
											<li><img alt="Lounge - Aurore"  src="http://preprod.monsite.com/media/catalog/product/cache/1/thumbnail/436x332/9df78eab33525d08d6e5fb8d27136e95/a/u/aurore_l01.jpg" /></li>
											<li><img alt="Breakfast - Aurore"  src="http://preprod.monsite.com/media/catalog/product/cache/1/thumbnail/436x332/9df78eab33525d08d6e5fb8d27136e95/a/u/aurore_pdj01.jpg" /></li>
											<li><img alt="Reception - Aurore"  src="http://preprod.monsite.com/media/catalog/product/cache/1/thumbnail/436x332/9df78eab33525d08d6e5fb8d27136e95/a/u/aurore_r01.jpg" /></li>
											<li><img alt="Bathroom - Aurore"  src="http://preprod.monsite.com/media/catalog/product/cache/1/thumbnail/436x332/9df78eab33525d08d6e5fb8d27136e95/a/u/aurore_sdb01.jpg" /></li>
									</ul>
			</div>				
			</div>
	<!-- Fin Div Slide -->
 
<p class="clearP">&nbsp;</p>
<!-- Fin Autre Browser -->
	        </div>
			<div class="prestation_fiche">
				<h4>Features and Services</h4>
				<ul class="nb_chambres_hotel_suit">
									<li><b>30 rooms</b></li>
																								</ul>
									<ul>
	<li>Warm breakfast buffet</li>
	<li>Free Wifi access</li>
	<li>Concierge service</li>
	<li>Free newspapers and magazines</li>
	<li>Dry cleaning</li>
	<li>Air conditioning</li>
</ul>
							</div>
	        <div class="clearer"></div>
	    </div>
 
	    <div class="product-collateral">
 
			<div class="short-description">
	            <h2>Discover your hotel</h2>
 
 
	            <div class="bif_justify">Opposite the Gare de Lyon, the Best Western Aurore is ideally located for both business and pleasure stays. As a guest, enjoy quick, easy access to the capital's most important places: the Palais Omnisports de Paris Bercy, La Defense, Disneyland Paris, the Opera Bastille and the Marais district. The colourful, spacious rooms offer tranquility and rest. The hotel's warm welcome, its ever-ready, dynamic staff and its full range of services all make for a unique, enjoyable stay at the Best Western Aurore and in Paris.<br />
<br />
We illustrate the concept of a hotel with a human face. Our 30 rooms, all air-conditioned, allow you to enjoy a well-earned rest after a day spent in the capital, whether you're on a business trip or visiting Paris as a tourist.<br />
<br />
Our rooms have been specially designed to optimize the well-being of our guests. The hotel's decor, facilities, bedding and quiet together guarantee an enjoyable stay.<br />
<br />
With the aim of making Parisian life simpler and more enjoyable for each of our guests, our staff is at your entire disposal to answer any and all of your needs, whether in regard to the hotel's services or to book a show, restaurant or taxi.<br />
<br />
The entire team of the Best Western Aurore is looking forward to welcoming you to Paris and promises to go out of its way to make your stay an unforgettable experience.</div>
	         </div>
	    </div>
 
    </div>
 
    <div class="onglet" id="onglet2">
	    <div class="product-essential">
			<h3 class="titre_fiche">Room</h3>
			<ol class="list_room">
				<li class="item">
					<a href="#" class="room_image"><img src="http://preprod.monsite.com/media/catalog/product//a/u/aurore_b03.jpg" width="209" height="159" alt="Single room" title="Single room" /></a>
					<div class="room_description">
													<h2>Single room</h2>
 
							<p>With a floor area of 8 to 10 square metres, the single rooms consist of a single bed with duvet and a work area. They are prettily decorated with wooden furniture and numerous coloured fabrics. The bathroom has a shower.</p>
																		<p class="btn_room"><a type="button" title="View availability & rates" class="button btn-cart" onclick="_gaq.push(['_trackEvent', 'Reservation', 'Fiche Chambre 1', 'aurore-paris', 1]); hhotelSearchPriceDateTrack('FRPHCHTLAurore', 'EN', '', '', '', '','');">View availability & rates</a></p>
											</div>
				</li>
		        <div class="clearer"></div>
 
								<li class="item">
					<a href="#" class="room_image"><img src="http://preprod.monsite.com/media/catalog/product//a/u/aurore_b01.jpg" width="209" height="159" alt="Classic room" title="Classic room" /></a>
					<div class="room_description">
													<h2>Classic room</h2>
 
							<p>With a floor area of 10 to 12 square metres, the classic rooms consist of a double bed with duvet and a work area. They are prettily decorated with wooden furniture and numerous coloured fabrics. Bathroom with bath or shower.</p>
																		<p class="btn_room"><a type="button" title="View availability & rates" class="button btn-cart" onclick="_gaq.push(['_trackEvent', 'Reservation', 'Fiche Chambre 2', 'aurore-paris', 1]);hhotelSearchPriceDateTrack('FRPHCHTLAurore', 'EN', '', '', '', '','');">View availability & rates</a></p>
					    					</div>
				</li>
		        <div class="clearer"></div>
 
								<li class="item">
					<a href="#" class="room_image"><img src="http://preprod.monsite.com/media/catalog/product//a/u/aurore_b02.jpg" width="209" height="159" alt="Superior room" title="Superior room" /></a>
					<div class="room_description">
													<h2>Superior room</h2>
 
							<p>With a floor area of 12 to 15 square metres, the superior rooms consist of a double bed with duvet and a work area. They are prettily decorated with wooden furniture and numerous coloured fabrics. The bathroom has a bath or shower.</p>
																		<p class="btn_room"><a type="button" title="View availability & rates" class="button btn-cart" onclick="_gaq.push(['_trackEvent', 'Reservation', 'Fiche Chambre 3', 'aurore-paris', 1]);hhotelSearchPriceDateTrack('FRPHCHTLAurore', 'EN', '', '', '', '','');">View availability & rates</a></p>
											</div>
				</li>
		        <div class="clearer"></div>
 
								<li class="item">
					<a href="#" class="room_image"><img src="http://preprod.monsite.com/media/catalog/product//a/u/aurore_b02.jpg" width="209" height="159" alt="Family room" title="Family room" /></a>
					<div class="room_description">
													<h2>Family room</h2>
 
							<p>With a floor area of 15 to 20 square metres, the family rooms consist of a double bed, two twin beds with duvet and a work area. They are prettily decorated with wooden furniture and numerous coloured fabrics. The bathroom has a bath or shower.</p>
																		<p class="btn_room"><a type="button" title="View availability & rates" class="button btn-cart" onclick="_gaq.push(['_trackEvent', 'Reservation', 'Fiche Chambre 4', 'aurore-paris', 1]);hhotelSearchPriceDateTrack('FRPHCHTLAurore', 'EN', '', '', '', '','');">View availability & rates</a></p>
											</div>
				</li>
		        <div class="clearer"></div>
 
	        </ol>
	        <div class="prestation_room">
	        	<h3>Features and Services</h3>
	        						Air conditioning, Satellite TV with LCD screen, Free Wifi access, Room service, Minibar, Safe, Welcome platter, Hairdryer, Iron and ironing table					        </div>
	    </div>
	</div>
 
    <div class="onglet" id="onglet3">
	    <div class="product-essential">
			<h3 class="titre_fiche">Location</h3>
	        <div class="gooogle_map_products">
	            <!-- Debut Div Googlemap -->                                      	
                  <div id="map_canvas" style="width: 615px; height: 400px;"></div>
				<!-- Fin Div Googlemap -->
	        </div>
	        				<div id="location_attributes">
					<h4>Locate your hotel</h4>
	        		<p>The Best Western Aurore, near the Gare de Lyon, is the ideal point of departure for your Parisian escapades.</p>
	        		<p><a class="link_allhotels_map" href="http://preprod.monsite.com/map.html">Find all our hotels on the map</a></p>
	        		</div>
				        <div class="clearer"></div>
	    </div>
    </div>
 
 
    <div class="onglet" id="onglet5">
	    <div class="product-essential">
	  		<h3 class="titre_fiche">Reviews</h3>
	        <div class="product-img-director">
	            <img src="http://preprod.monsite.com/media/catalog/product//a/u/aurore.jpg" width="64" height="58" alt="Laurence Blot" title="Laurence Blot" />
	        </div>
	        <div class="product_comments_director">
	        	<h4 class="title_comments_director">Message from the manager - Laurence Blot</h4>
	        					<p>I place great importance on providing top-quality service, in particular because it allows us to develop a special relationship with our guests. We help you, we make recommendations and keep you up-to-date, thereby contributing towards the success of your Parisian stay.</p>
					        </div>
	        <div class="clearer"></div>
	    </div>
		    </div>
 
</div>
 
<div class="col_gauche"><!-- Debut colonne gauche -->
 
	<div class="bloc_resa_fiche">
 
		<style type="text/css">
			.calc_style {
				background-color: #b5c8c9; 
				color: #353f47; 
				border: 1px solid #b5c8c9; 
				font-family: Verdana, Arial, Helvetica, sans-serif; 		
				font-size: x-small;
				padding: 0.4em;
				width: 200px;
				text-align: left;
				z-index: 11;
			}
 
		</style>
 
	    <div  id="hgp-bloc-resa-fiche">	
 
						<!-- Debut Fast Booking -->
			<p>    		<!--  movable calendar -->
		<div id="calendar_frame" style="display: none; top:0; left: 0; width: 100%; height: 100%;">
			<iframe id="iframe" frameborder="0"></iframe>
			<div id="calendar" style="top:0; left:0;">
				<form name="calendar_form" style="margin: 0;">
					<table><tr><td>
					<table class="cal_class">
						<tr>
 
							<th class="cal_th prev_month"><span class="cal_text"><a href="javascript:void(0);" onclick="do_prev_month();"><strong><<</strong></a></span>&nbsp;</th>
							<th class="cal_th" colspan="5">
								<select name="calendar_month" class="cal_class" onchange="do_month_change();">
								</select>
							<th class="cal_th prev_month">
								&nbsp;<span class="cal_text"><a href="javascript:void(0);" onclick="do_next_month();"><strong>>></strong></a></span>
							</th>
 
						</tr>
					</table>
					<div id="cal_days">
					</div>
					</td></tr></table>
				</form>
			</div>
		</div>
		<script type="text/javascript">
	//************************************************
	// Initialisation des variables
 
	var hotelCombo;
	var adultCombo;
	var childCombo;
 
    var HotelOP_Ap;
    var HotelNi_MG;
 
    function initVariable()
    {
		hotelCombo = document.getElementById("HotelList");
	    adultCombo = document.getElementById("adulteresa");
	    childCombo = document.getElementById("enfantresa");
 
	    HotelOP_Ap = 10410;
	    HotelNi_MG = "FRVALHTLMediagar";
    }
 
	function openresaAP(url){
		window.open(url,"reservation","toolbar=no,width=724,height=350,menubar=no,scrollbars=yes,resizable=yes,alwaysRaised=yes");
	}
 
		var objs_list = new Object();
 
		// initial delta from 
		var g_offset_x = 32;
		var g_offset_y = -16;
 
		//
		// calcPos
		function calcPos(obj) {
			this.x = g_offset_x;
			this.y = g_offset_y;
			if(obj) {
				//obj
				if (obj.offsetParent) {
					this.x += obj.offsetLeft;
					this.y += obj.offsetTop;
					while (obj = obj.offsetParent) {
						this.x += obj.offsetLeft;
						this.y += obj.offsetTop;
					}
				}
			}
		}
 
		//
		// get a property for an element given its id
		function getIdProperty(id, property) {
 
			var styleObject = document.getElementById(id);
			if (styleObject != null)
			{
				styleObject = styleObject.style;
				if(styleObject[property])
					return styleObject[property];
			}
			return null;
 
		}
 
		//
		// set a property to an element given its id
		function setIdProperty( id, property, value )
		{
			var styleObject = document.getElementById(id);
			if (styleObject != null)
			{
				styleObjectStyle = styleObject.style;
				if(styleObjectStyle[property]) {
					styleObjectStyle[property] = value;
				}
			}
 
		}
 
		//
		// show the calc
		function doShowCalc() {
			if(getIdProperty("calc", "display") != 'block')
				setIdProperty("calc", "display", "block");
		}
 
		//
		// hide the calc
		function doHideCalc() {
			if(getIdProperty("calc", "display") == 'block')
				setIdProperty("calc", "display", "none");
		}
 
		//
		// function to display a calc
		function show_text(a_event, a_elt, a_text, a_class) {
			a_point = new calcPos(a_elt);
			delta_y = a_point.y;
			setIdProperty("calc", "top", delta_y + "px");
			delta_x = a_point.x;
			delta_x += a_elt.clientWidth;
			setIdProperty("calc", "left", delta_x + "px");
			if(a_class != undefined) {
				obj = document.getElementById("calc");
				obj.className = a_class;
			}
 
			doShowCalc();
 
			document.getElementById("calc").innerHTML = a_text;
		}
 
		//
		// function to hide a calc
		function hide_text() {
			doHideCalc();
		}
 
		//************************************************
		// TABLEAU DES HOTELS	
		arrHotel = new Array(24);//[CodeResa+++++NomHotel+++++CapaciteMaxChambre+++++CapaciteMaxAdult+++++CapaciteMaxChildren]
		arrRegion = new Array(6);
 
		arrHotel[1] = new Array( 
								"1|All|0|0|0",
								"FRPMercedes|Hotel Best Western Mercedes 4*|4|3|3",
								"SVFRHTLEPark|Hotel Elysee Secret|2|2|1", 
								"FRPHCHTLMathis|Mathis Elysees Hotel 4*|2|2|1",
								"FRPHCHTLMarigny|Hotel Opera Marigny 4*|2|2|2", 
								"FRPHCHTLTonic|Hotel Alexandrie 3*|5|4|3", 
								"FRPHCHTLMMahon|Mac Mahon Champs Elysees Residence|2|2|2", 
								"FRPHCHTLOpal|Best Western Premier Opal 4*|4|2|2", 
								"FRPHCHTLODiamond|Best Western Premier Opera Diamond 4*|2|2|0",
								"FRPHCHTLBretagne|Best Western Bretagne Montparnasse 4*|5|4|3",
								"FRPHCHTLEiffel|Hotel Eiffel Kennedy 3*|2|2|0",
								"FRPHCHTLAurore|Hotel Best Western Aurore 3*|4|4|2",
								"SVFRHTLSevresmont|Hotel Best Western Sevres Montparnasse 3*|3|3|1",
								"FRPHCHTLSTLouvre|Best Western Premier Louvre Saint Honore 4*|3|2|1",
								"FRPHCHTLDeneuville|Hotel Best Western de Neuville 4*|2|2|1",
								"FRPHCHTLStlouis|Best Western Saint Louis 3*|2|2|0",
								"FRMMahon|Hotel Mac Mahon 4*|3|3|0",
								"FRPHCHTLDDBourgogne|Best Western Ducs de Bourgogne 4*|2|2|0",
								"FRPHCHTLFEurope|Best Western France Europe 3*|3|2|2",
								"FRPHCHTLChamps|Hotel des Champs Elysees 4*|4|4|2",
								"FRPHCHTLQuality|Hotel Quality Centre Del Mon 4*|3|3|1",
								"FRPHCHTLComfort|Hotel Comfort Centre Del Mon 3*|3|3|1",
								"NEWHOTELNIMBaume|Hotel La Baume 3*|3|3|1"
								);
 
		arrHotel[2] = new Array( 
								"2|All|0|0|0",
								"FRPHCHTLDDBourgogne|Best Western Ducs de Bourgogne 4*|2|2|0",
								"FRPHCHTLSTLouvre|Best Western Premier Louvre Saint Honore 4*|3|2|1",								
								"FRPHCHTLFEurope|Best Western France Europe 3*|3|2|2"
								);
 
		arrHotel[3] = new Array( 			
								"3|All|0|0|0",
								"FRPHCHTLODiamond|Best Western Premier Opera Diamond 4*|2|2|0",
								"FRPHCHTLOpal|Best Western Premier Opal 4*|4|2|2",
								"FRPHCHTLMarigny|Hotel Opera Marigny 4*|2|2|2"
								);
 
		arrHotel[4] = new Array( 			
								"4|All|0|0|0",
								"FRPHCHTLMathis|Mathis Elysees Hotel 4*|2|2|1",
								"FRMMahon|Hotel Mac Mahon 4*|3|3|0",
								"SVFRHTLEPark|Hotel Elysee Secret|2|2|1",
								"FRPHCHTLMMahon|Mac Mahon Champs Elysees Residence|2|2|2",
								"FRPHCHTLChamps|Hotel des Champs Elysees 4*|4|4|2"
								);
 
		arrHotel[5] = new Array( 			
								"5|All|0|0|0",
								"FRPMercedes|Hotel Best Western Mercedes 4*|4|3|3",
								"FRPHCHTLDeneuville|Hotel Best Western de Neuville 4*|2|2|1"
								);
 
		arrHotel[6] = new Array( 			
								"6|All|0|0|0",
								"FRPHCHTLBretagne|Best Western Bretagne Montparnasse 4*|5|4|3",
								"SVFRHTLSevresmont|Hotel Sevres Montparnasse 3*|3|3|1"
								);
 
 
		arrHotel[7] = new Array( 			
								"7|All|0|0|0",
								"FRPHCHTLTonic|Hotel Alexandrie 3*|5|4|3",
								"FRPHCHTLAurore|Hotel Best Western Aurore 3*|4|4|2"
								);
 
		arrHotel[8] = new Array( 			
								"FRPHCHTLEiffel|Hotel Eiffel Kennedy 3*|2|2|0"
								);
 
		arrHotel[9] = new Array( 			
								"FRPHCHTLStlouis|Best Western Saint Louis 3*|2|2|0"
								);
 
		arrHotel[10] = new Array( 			
								"8|All|0|0|0",
								"FRPHCHTLQuality|Hotel Quality Centre Del Mon 4*|3|3|1",
								"FRPHCHTLComfort|Hotel Comfort Centre Del Mon 3*|3|3|1"
								);
 
		arrHotel[11] = new Array( 			
								"NEWHOTELNIMBaume|Hotel La Baume 3*|3|3|1"
								);		
 
		arrRegion = new Array(
								"",
								"",
								"Louvre, Rivoli & Marais",
								"Opera, Madeleine & St Lazare",
								"Champs Elysees & Arc de Triomphe",
								"Wagram & Parc Monceau",
								"Montparnasse-St Germain des Pres",
								"Gare de Lyon & Bastille",
								"perpignan",
								"Nimes"
							  );
 
		//Correspondances des infos de l'hotels et de la region
		arrListHotel = new Array;
		arrListHotel["FRPHCHTLDDBourgogne"]=2;
		arrListHotel["FRPHCHTLSTLouvre"]=2;
		arrListHotel["FRPHCHTLFEurope"]=2;
		arrListHotel["FRPHCHTLODiamond"]=3;
		arrListHotel["FRPHCHTLOpal"]=3;
		arrListHotel["FRPHCHTLMarigny"]=3;
		arrListHotel["FRPHCHTLMathis"]=4;
		arrListHotel["FRMMahon"]=4;
		arrListHotel["SVFRHTLEPark"]=4;
		arrListHotel["FRPHCHTLMMahon"]=4;
		arrListHotel["FRPHCHTLChamps"]=4;		
		arrListHotel["FRPMercedes"]=5;
		arrListHotel["FRPHCHTLDeneuville"]=5;		
		arrListHotel["FRPHCHTLBretagne"]=6;
		arrListHotel["SVFRHTLSevresmont"]=6;		
		arrListHotel["FRPHCHTLTonic"]=7;
		arrListHotel["FRPHCHTLAurore"]=7;		
		arrListHotel["FRPHCHTLEiffel"]=8;		
		arrListHotel["FRPHCHTLStlouis"]=9;		
		arrListHotel["FRPHCHTLQuality"]=10;
		arrListHotel["FRPHCHTLComfort"]=10;
		arrListHotel["NEWHOTELNIMBaume"]=11;
 
		//************************************************
		// AFFICHE LA LISTE DES HOTELS EN FONCTION DE LA VILLE SELECTIONNE
 
		function ChangeHotel() 
		{
 
			var aux = 0;
			var  reg=new  RegExp("[|]+", "g");
			aux = (document.idForm.ville.selectedIndex) ? document.idForm.ville.selectedIndex:0;
 
			//console.log("AUX vaut ==> %d", aux);
			//console.log("arrHotel vaut ==> %s", arrHotel);
 
			if (typeof(arrHotel[aux]) != "undefined") {
				tailleArr = arrHotel[aux].length;
			}else{
				tailleArr = 0;
			}
 
			if (aux==0){
				document.idForm.HotelList.options[0] = new Option('Select your hotel', 0, true, true);
				document.idForm.HotelList.length = 1;
			}		
 
			if ((navigator.appVersion.indexOf("MSIE 3") <= 0) && (arrHotel[aux])) {
				for (var i=0;i<arrHotel[aux].length;i++) {
					var chaine = arrHotel[aux][i];
					var tableau=chaine.split(reg);
					var ligne2 = new Option(tableau[1], tableau[0]+'|'+tableau[2]+'|'+tableau[3]+'|'+tableau[4], false, false);
					document.idForm.HotelList.options[i] = ligne2;
				}
				document.idForm.HotelList.length = tailleArr;
			}
 
            UpdateAdult();
		}
 
		//************************************************
		// Affichage du nombre d'adultes
 
		function UpdateAdult() 
		{
			//alert(hotelCombo.value);
			initVariable();
            var values = decoupeValue(hotelCombo.value);
            var maxAdult = parseInt(values[2]);
 
            //console.log('maxAdult %s', maxAdult);
            //console.log('values %s', values);
 
            //On masque la combox Hotel si vide
            if(hotelCombo.value==0){
            	//hotelCombo.style.display = "none";
            	hotelCombo.style.backgroundColor = "#c4c4c4";
            	hotelCombo.style.color = "#a2a2a2";
            	hotelCombo.visible = false;
            }else{
            	//hotelCombo.style.display = "block";
            	hotelCombo.style.backgroundColor = "#fff";
            	hotelCombo.style.color = "#333";
            	hotelCombo.visible = true;
            }
 
			adultCombo.length = 0; // detruire les options
			for(i=1;i<=maxAdult;i++){
				adultCombo.options[(i - 1)] = new Option([i], [i], false, false);
				//console.log('test %s', (i - 1));				
			}
 
			// update childs
			UpdateChild();
 
			// update BookingEngine
			updateBookingEngine();
		}
 
		//************************************************
		// Recuperation des values
 
		function decoupeValue(maValeur) 
		{	
            var defaultValue = ["", 6, 4, 2]; // name, max, adults, childs
            var reg          = new  RegExp("[0-9][|]0[|]0[|]0","g");
            var regex        = new  RegExp("[|]+", "g");
 
            //console.log("Ma valeur ==> %s", maValeur);
 
			//Si on ne prend rien, on retourne la valeur par defaut
            if (0 == maValeur) {
                 return defaultValue;
            }
 
            //Si on une region, on retourne la valeur par defaut
            if (reg.test(maValeur)) {
				//alert(reg);
                return defaultValue;
            }
 
			return maValeur.split(regex);
		}
 
		function decoupeValueHotel(maValeur) 
		{	
            var defaultValue = ["", 6, 4, 2]; // name, max, adults, childs
            var reg          = new  RegExp("[0-9][|]0[|]0[|]0","g");
            var regex        = new  RegExp("[|]+", "g");
 
            //console.log("Ma valeur ==> %s", maValeur);
 
			//Si on ne prend rien, on retourne la valeur par defaut
            if (0 == maValeur) {
                 return defaultValue;
            }
 
            //Si on une region, on retourne la valeur par defaut
            if (reg.test(maValeur)) {
				//alert(reg);
                return defaultValue;
            }
 
			return maValeur.split(regex);
		}
 
		//************************************************
		// Affichage du nombre d'enfants
 
		function UpdateChild() 
		{
            var values = decoupeValue(hotelCombo.value);
            var maxCapacity = parseInt(values[1]);
            var nbAdult = adultCombo.value;
            var maxChildren = parseInt(values[3]);
 
			childCombo.length = 0; // detruire les options
 
			var NewMax = (maxCapacity - nbAdult);
			NewMax = (NewMax >= maxChildren) ? maxChildren : NewMax;
			// 0 value
			childCombo.options[0] = new Option(0, 0, false, false);
 
			for(i=1;i<=NewMax;i++){
				childCombo.options[i] = new Option([i], [i], false, false);
			}
		}
 
		//************************************************
		// Mise a jour du code Booking Engine
 
		function updateBookingEngine()
		{			
 
			tableau     = Array();
			reg         = new  RegExp("[|]+", "g");
			maNewChaine = hotelCombo.value;
			tableau     = maNewChaine.split(reg);
			var reg     = new  RegExp("[0-9][|]0[|]0[|]0","g");
 
			if(tableau[0] != "undefined"){
 
				if(tableau[0] == HotelOP_Ap){
					openresaAP('http://www.secure-hotel-booking.com/Opera-Batignolles/2MBN/search?property=' + HotelOP_Ap);
					return true;
				}
 
				if(tableau[0] == HotelNi_MG){
					document.idForm.Clusternames.value = document.idForm.Hotelnames.value = encodeURIComponent(HotelNi_MG);
					return true;
				}
 
				if ((reg.test(maNewChaine)) && (!isNaN(tableau[0]))){ 
	                document.idForm.region.value = encodeURIComponent(arrRegion[tableau[0]]);
	                document.idForm.Hotelnames.value = 'All';
	            }else{					
					document.idForm.Hotelnames.value = (tableau[0] != 0) ? tableau[0]:'All';
	            }
				document.idForm.Clusternames.value = encodeURIComponent('crsfrparishcapital');
				return true;
 
				/**
				* Debuguages
				*/
				//console.log("Clusternames ==> %s", decodeURIComponent(document.idForm.Clusternames.value));
				//console.log("Region ==> %s", decodeURIComponent(document.idForm.region.value));
				//console.log("Hotelnames ==> %s", decodeURIComponent(document.idForm.Hotelnames.value));
			}
		}
 
        function initBooking()
        {
 
            document.idForm.Clusternames.value = encodeURIComponent('crsfrparishcapital');
            document.idForm.Hotelnames.value = 'All';
            document.idForm.region.value = '';
 
            UpdateAdult();
        }
 
        //****
        //Info bulle pour l'aide
        jQuery(function() {
    	jQuery("#aide > a").tooltip({
    	delay: 5,
    	showURL: false,
    	extraClass: "FicheHotel",
    	left: 10,
    	top: 10,
    	fade: 250,
    	track: true
      });
    });
 
        //************************************************
		// Alert sur combo Hotels
 
        function informeUser(elem) 
        { 
            if (!elem.visible) {
				alert("Please select a location first");
            }
 
      	} 
 
                //************************************************
		// Preselection dans la liste lorsque on est sur une fiche hotel
 
        function getHotelRegion() 
        { 
        	var hotelRegion=arrListHotel["FRPHCHTLAurore"];    	
        	return hotelRegion; 	
      	} 
 
        function getHotel() 
        { 
        	var hotel="FRPHCHTLAurore";      	
        	return hotel; 		
      	} 
 
        function selectHotelIndex() 
        { 
        	document.getElementById("ville").selectedIndex=getHotelRegion();     
        	ChangeHotel();  
 
        	//On decoupe les valeurs des options pour comparer avec le FBID de l'hotel
        	var listOptions = document.getElementById("HotelList");
        	for(i=0;i<listOptions.length;i++){
				var chaine=listOptions.options[i].value;
				var index=listOptions.options[i].index;				
				var reg=new  RegExp("[|]+", "g");
	        	var tableau=chaine.split(reg);
	        	if(getHotel() == tableau[0]){
	        		listOptions.selectedIndex=index;
		        }				
            }
 
            //MAJ des combos
        	UpdateAdult();        	
      	}
 
 
        //************************************************
		// Sur le OnLoad
 
        Event.observe(window, 'load', initVariable);  
        Event.observe(window, 'load', start);  
        Event.observe(window, 'load', initBooking);  
 
        Event.observe(window, 'load', selectHotelIndex);   
 
	</script>
 
	<!-- movable calc -->
	<div id="calc" class="calc_style"></div>
 
    <div  id="hgp-bloc-resa">	
		<!-- Debut Fast Booking -->
		<form target='dispoprice' name="idForm"  action="" onsubmit='return CheckDate()'>
		<input type='hidden' name='showPromotions' value='3' />
		<input type="hidden" name='langue' value='uk' />
	    <input type='hidden' name='Clusternames' value='crsfrparishcapital' />
		<input type='hidden' name='Hotelnames' value='All' />
		<input type='hidden' name='region' value='' />
 
		<table border="0" class="gd_tableau" cellspacing="0">  
				<tr>
					<td colspan="2"><h3>Book this hotel</h3></td>
				</tr>
				<tr>
					<td colspan="2">
					<select name='ville' id='ville' class='select_taille1' onchange="ChangeHotel();">
						<option value="0" selected="selected">Choose your location</option>
						<option value='1'>All</option>					
						<option value='2'>Paris - Louvre, Rivoli & Marais</option>					
						<option value='3'>Paris - Opera, Madeleine & St Lazare</option>					
						<option value='4'>Paris - Champs Elysees & Arc de Triomphe</option>					
						<option value='5'>Paris - Wagram & Parc Monceau</option>					
						<option value='6'>Paris - Monparnasse & St Germain des Pres</option>					
						<option value='7'>Paris - Gare de Lyon & Bastille</option>					
						<option value='8'>Paris - Passy & Auteuil</option>					
						<option value='9'>Paris - Vincennes</option>																		
						<option value='10'>Perpignan - France</option>																		
						<option value='11'>Nimes - France</option>																		
					</select>
					</td>
				</tr>
				<tr>
					<td colspan="2">
					<!-- ..... Hotels of Group -->
						<select name='HotelList' id='HotelList' class='select_taille1' onchange='UpdateAdult();' onchange='afficheinfo(this);'>
							<option value="0" selected="selected">Select a hotel</option>							 				
						</select>
					</td>
				</tr>
				<tr>
					<td colspan="2">	
 
					<b style="margin: 0 15px;">Check In Date : </b><br>
						<!-- MONTH -->
						<select name='frommonth' style="margin-left: 15px;">
 
						<option value='1'>Jan</option>
						<option value='2'>Feb</option>
						<option value='3'>Mar</option>
						<option value='4'>Apr</option>
						<option value='5'>May</option>
						<option value='6'>Jun</option>
						<option value='7'>Jul</option>
						<option value='8'>Aug</option>
						<option value='9'>Sept</option>
						<option value='10'>Oct</option>
						<option value='11'>Nov</option>
						<option value='12'>Dec</option>
 
						</select>
 
						<!-- DAY -->
						<select name='fromday'> 
													<option value='1'>1</option>
													<option value='2'>2</option>
													<option value='3'>3</option>
													<option value='4'>4</option>
													<option value='5'>5</option>
													<option value='6'>6</option>
													<option value='7'>7</option>
													<option value='8'>8</option>
													<option value='9'>9</option>
													<option value='10'>10</option>
													<option value='11'>11</option>
													<option value='12'>12</option>
													<option value='13'>13</option>
													<option value='14'>14</option>
													<option value='15'>15</option>
													<option value='16'>16</option>
													<option value='17'>17</option>
													<option value='18'>18</option>
													<option value='19'>19</option>
													<option value='20'>20</option>
													<option value='21'>21</option>
													<option value='22'>22</option>
													<option value='23'>23</option>
													<option value='24'>24</option>
													<option value='25'>25</option>
													<option value='26'>26</option>
													<option value='27'>27</option>
													<option value='28'>28</option>
													<option value='29'>29</option>
													<option value='30'>30</option>
													<option value='31'>31</option>
												</select>
 
 
						<!-- YEAR -->
						<select name='fromyear' onchange='update_departure();'><option value="0"></option></select>	
						<img src='http://preprod.monsite.com/skin/frontend/bif/default/images/fastbooking/cal.png' width='22' height='23' border='0' onclick='show_calendar(event, "produit", this, document.idForm.fromday, document.idForm.frommonth, document.idForm.fromyear);'>										
				</td>
				</tr>
				<tr>
					<td colspan="2">
						<table>
							<tr>
								<td>
 
					<!-- //// NUMBER OF NIGHTS //// -->
						<b style="margin-left: 15px;">Nights</b><br>
						<select name='nbdays' class="select_taille3" style="margin-left: 15px;">
												<option value='1' selected="selected">1</option>
												<option value='2'>2</option>
												<option value='3'>3</option>
												<option value='4'>4</option>
												<option value='5'>5</option>
												<option value='6'>6</option>
												<option value='7'>7</option>
												<option value='8'>8</option>
												<option value='9'>9</option>
												<option value='10'>10</option>
												<option value='11'>11</option>
												<option value='12'>12</option>
												<option value='13'>13</option>
												<option value='14'>14</option>
												<option value='15'>15</option>
												<option value='16'>16</option>
												<option value='17'>17</option>
												<option value='18'>18</option>
												<option value='19'>19</option>
												<option value='20'>20</option>
												<option value='21'>21</option>
												<option value='22'>22</option>
												<option value='23'>23</option>
												<option value='24'>24</option>
												<option value='25'>25</option>
												<option value='26'>26</option>
												<option value='27'>27</option>
												<option value='28'>28</option>
												<option value='29'>29</option>
												<option value='30'>30</option>
												<option value='31'>31</option>
												</select>&nbsp;&nbsp;
					</td>
					<td>	
					<!-- //// NUMBER OF ADULTS //// -->
						<b>Adults</b><br>
						<select name='adulteresa' id='adulteresa' onchange='UpdateChild();'>
							<option value='1' selected="selected">1</option>
						</select>
					</td>
					<!-- //// NUMBER OF CHILDREN //// -->
					<td>
						<b>Children</b><br>
						<<select name='enfantresa' id='enfantresa'>
							<option value='0' selected="selected">0</option>
						</select>
						<b class="petitbblanc">&nbsp;(per room)</b>
 
					</td>
							</tr>
						</table>
					</td>
				</tr>
				<tr>	
					<td colspan="2"><p class="btn_check_dispo" style="margin: 0;"><input type="button" name="nom" value="See available dates" onClick="hhotelDispoprice(this.form)" /></p></td>
				</tr>
				<script langage="Javascript">
				  function ouvre(fichier) {
				  ff=window.open(fichier,"popup", "width=830,height=545,left=30,top=20,scrollbars=yes") }
		 	 </script>								
				<tr class="existing_reservation">	
					<td><a class="resa_opt_fiche" href="javascript:ouvre('http://66.70.56.90/00000001/032/023112/presearchv2.phtml?clusterName=frparishcapital&langue=uk')">&gt;&nbsp;Existing reservation</a></td>					
				</tr>
								<tr>	
					<td id="aide"><a class="resa_opt_fiche" href="javascript:void(0);return false;" title="<br /><b>Maximum room occupancy</b><br /><br />The largest room of this hotel can accommodate a maximum of <b>4</b> guests with <b>2</b> adults.<br /><br /><br />* <b>Need more than one room?</b><br /><br />Start the one room reservation process of the chosen hotel. On the confirmation page, you will be able to book up to 3 rooms according to availability. If you need even more rooms, please contact directly the hotel.">> More guests, more than 1 room?</a></td>					
				</tr>
							</table>
		</form>		
		<!-- Fin Fast Booking -->
		<p class="best_rates_icon1">Best rates Guaranteed</p>
   </div></p>
			<!-- Fin Fast Booking -->
 
			<p class="best_rates_icon1">Best rates Guaranteed</p>
	   </div>
	</div>
 
	<script type="text/javascript">
		//RECUPERATION DU PARAMETRE
		function getParams(){	
			var MyUrl   = location.href;
			var  reg    = new  RegExp("target=", "gi");
			var tableau = MyUrl.split(reg);
			return tableau[1];
		}
 
		function findIndex(){			
			idx = getParams();
			if(idx=='overview')   return 1;
			if(idx=='room')       return 2;
			if(idx=='location')   return 3;
			if(idx=='meetings')   return 4;
			if(idx=='reviews')    return 5;
			return 1;
		}
 
		//INITIALISATION AU CHARGEMENT
		var idx = findIndex();
 
		jQuery(function(){
			jQuery("#menu_vertical a#elem"+idx).addClass("actif");
			jQuery(".product-view .onglet").not("#onglet"+idx).hide();
		});
 
		//EVENEMENT SUR CLICK
		jQuery(function(){
			jQuery("#menu_vertical a").click(function(){
			jQuery(".product-view .onglet").hide();	
			jQuery("#menu_vertical a").removeClass("actif");
			jQuery(this.hash).show(); // AFFICHE LE CONTENU DE LA DIV GRACE A UNE ANCRE
			jQuery(this).blur("#menu_vertical a").addClass("actif");
 
			/*Debut Corriger le bug de Google Map*/
			pos = map.savePosition(); 
			map.checkResize(); 
			map.returnToSavedPosition(pos);
			/*Fin Corriger le bug de Google Map*/
 
			return false;
			});
		});	
	</script>
 
	<div id="menu_vertical">
		<h3>Explore your hotel</h3>
		<ul>
			<li class="first_item"><a href="#onglet1" id="elem1">Overview</a></li>
			<li><a href="#onglet2" id="elem2">Room</a></li>
			<li><a href="#onglet3" id="elem3">Location</a></li>
						<li><a href="#onglet5" id="elem5">Reviews</a></li>
		</ul>
		<span id="ilike"><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://preprod.monsite.com/aurore-paris.html" send="true" width="250" show_faces="true" font="arial"></fb:like></span>
		<!--<span id="ilike"><script src="http://connect.facebook.net//all.js#xfbml=1"></script><fb:like href="" width="250" font="arial"></fb:like></span>-->
	</div>
	<div id="bloc_contact">
		<h3>Contact</h3>
		<h4>Best Western Aurore&nbsp;***</h4>
		<p id="adresse_contact">			13 rue Traversière<br />75012 Paris		</p>
		<p id="tel_contact">			Tel : + 331 43 43 54 12		</p>
		<p id="fax_contact">			Fax : + 331 43 43 53 20		</p>
		<p id="email_contact">			<script>
			<!--
			emailE=('aurore@monsite.com');
			document.write('<a id="postehgp" href="mailto:'+emailE +'" onclick="_gaq.push([\'_trackEvent\', \'Email\', \'Fiche\', \'aurore-paris\', 1]);">' + emailE + '</a>');
			//--> 
			</script></p>
			</div>		
</div><!-- Fin colonne gauche -->
<div class="clearer"></div>
 <script type="text/javascript"> 	
	Event.observe(window, 'load', start); 
</script>
                </div>
            </div>
        </div>
        <div class="footer-container">
    <div class="footer">
        <ul class="footer_links">
<li><a href="http://preprod.monsite.com/">Home</a></li>
<li><a href="http://preprod.monsite.com/hotel.html">Our Hotels</a></li>
<li><a href="http://preprod.monsite.com/meetings-events.html">Meetings &amp; Events</a></li>
<li><a href="http://preprod.monsite.com/group.html">Paris Inn group</a></li>
<li><a href="http://preprod.monsite.com/sitemap.html">Sitemap</a></li>
<li><a href="http://66.70.56.90/00000001/032/023112/presearchv2.phtml?clusterName=frparishcapital&amp;langue=uk">Existing reservation</a></li>
<li><a href="http://66.70.56.90/00000001/032/023112/presearchv2.phtml?clusterName=frparishcapital&amp;langue=uk">IATA code owner</a></li>
<li><a href="http://www.hotelsgrandparis.com/">Our website Hotels Grand Paris</a></li>
<li class="logo_wp_footer"><a title="See our blog" href="http://preprod.monsite.com/blog/"><img title="Blog Mon Slogan" src="http://preprod.monsite.com/media/social_icons/wordpress.png" alt="Blog Mon Slogan" /></a></li>
<li class="logo_wp_footer"><a title="Follow Us on Facebook !" href="http://www.facebook.com/pages/Book-Inn-France/135256533157787"><img title="Facebook Mon Slogan" src="http://preprod.monsite.com/media/social_icons/facebook.png" alt="Facebook Mon Slogan" /></a></li>
<li class="last"><a title="Follow Us on Twitter !" href="http://twitter.com/book_inn_france"><img title="Twitter Mon Slogan" src="http://preprod.monsite.com/media/social_icons/twitter.png" alt="Twitter Mon Slogan" /></a></li>
<!--
<li class="last"><a href="#" _mce_href="#" title="Flux RSS"><img src="http://preprod.monsite.com/media/" _mce_src="http://preprod.monsite.com/media/" alt="RSS icon" title="RSS icon" /></a></li>
--> 
</ul>
<ul class="links">
        <li class="first"><a href="http://preprod.monsite.com/boutique-hotel.html" title="Boutique Hotel Paris">Boutique Hotel Paris</a></li>
        <li><a href="http://preprod.monsite.com/contemporary-hotel.html" title="Contemporary Hotel Paris">Contemporary Hotel Paris</a></li>
        <li><a href="http://preprod.monsite.com/charming-hotel.html" title="Charming Hotel Paris">Charming Hotel Paris</a></li>
        <li><a href="http://preprod.monsite.com/budget-hotel.html" title="Budget Hotel Paris">Budget Hotel Paris</a></li>
	<li><a href="http://preprod.monsite.com/reservation-hotel-paris.html" title="Hotels in Paris France">Hotels in Paris France</a></li>
	<li class="last"><a href="http://preprod.monsite.com/reservation-hotel-perpignan.html" title="Hotels in Perpignan France">Hotels in Perpignan France</a></li>
</ul>        <address>&copy; 2010 Mon Slogan. All Rights Reserved.</address>
    </div>
</div>
            </div>
</div>
<script type="text/javascript" src="js/fastbooking/fbfulltrack.js" ></script>
</body>
</html>
Cela fonctionne vraiment bien , par contre je vais optimiser le code plus tard.
bpdelavega est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 11h21.


 
 
 
 
Partenaires

Hébergement Web