Problème javascript dans balise xhtml

**Thomas423** · 04/02/2013, 11h32

Bonjour à tous,

Je développe en ce moment une application JEE sous Eclipse.
Jusque là mon site fonctionne, mais j'ai voulu commencé à intégrer dans ma couche présentation du javascript, et là c'est le drame.

Ma vue est codée en xhtml je le précise, car c'est de la que vient le problème.
Lorsque j'utilise mon code javascript sur une page vierge, il marche parfaitement, mais lorsque je commence à intégrer mes balises <ui:composition> <ui:define> etc... plus rien ne se passe.

Voici le code qui fonctionne (il s'agit d'un code que j'ai trouvé sur internet et qui fonctionne parfaitement (affiche la carte google map):

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
 <head>
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
        <script type="text/javascript">
            function initialiser() {
                var latlng = new google.maps.LatLng(48.8666667, 2.3333333);
 
                var options = {
                    center: latlng,
                    zoom: 13,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };
 
 
                var carte = new google.maps.Map(document.getElementById("carte"), options);
            }
        </script>
 
</head>
 
<body>
 
        <div  id="carte" style="width:20%; height:40%"><script>initialiser();</script></div>
 
</body>	
 
</html>

Après, si je teste avec une simple balise permettant de charger un template par exemple (avec la librairie qui va bien), là j'ai l'affichage du template, mais plus la carte. :/

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
<head>
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
        <script type="text/javascript">
            function initialiser() {
                var latlng = new google.maps.LatLng(48.8666667, 2.3333333);
 
                var options = {
                    center: latlng,
                    zoom: 13,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };
 
 
                var carte = new google.maps.Map(document.getElementById("carte"), options);
            }
        </script>
 
</head>
<ui:composition template="templateQuiGacheTout.xhtml">
 
 
 
        <div  id="carte" style="width:20%; height:40%"><script>initialiser();</script></div>
 
 
 
</html>
</ui composition>

Je ne comprend pas, j'ai tout essayé, j'ai essayé de placer ma fonction javascript directement dans le code sans la mettre dans le <head> toujours rien, j'ai passé toute la matinée dessus sans sucés.

Je sais bien que le xhtml est très capricieux pour la moindre erreur, mais alors là je ne vois pas.

**Thomas423** · 04/02/2013, 11h48

Je me demande si le problème ne viendrait pas du navigateur (firefox), qui ne supporterait pas le javascript dans le xhtml.

**Thomas423** · 04/02/2013, 12h03

Non, en fait le problème ne vient pas de firefox car je viens de parvenir à afficher la carte avec un form (<h:form>), cependant lorsque j'essaye de placer un <:ui define name="test">, il plante. Le problème viendrait donc d'une erreur au niveau des balises <define> et <composition>, je pense.

**Thomas423** · 04/02/2013, 14h05

peut être un début de réponse?

http://stackoverflow.com/questions/1...r-jsf-template

Il s'agit du même problème que moi, mais pour un MessageBox. J'ai essayé et ça ne fonctionne pas avec une div.

**Thomas423** · 04/02/2013, 17h33

Finalement, mon code fonctionne bien. Le problème venait en fait de la mise en forme de mon template, qui écrasait littéralement ma carte....

Problème javascript dans balise xhtml

Développement Web en Java

Vue hybride

Discussions similaires

Partager

Partager