Utilisation de Dojo

**gennao** · 06/07/2009, 17h01

Bonjour,

Je me met au framework dojo pour faire un site j'ai firefox 3.0.11 et je suis sur centOS 5.3.

j'ai récupéré un code exemple que j'essaie d'exécuter mais rien n'y fait le code ne s'exécute pas.
Le résultat sur le browser est :
Hello World
Hello World

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
<title>Shopalot: We have everything you will ever need to buy</title>
 
<link rel="stylesheet" type="text/css" href="style.css" />
 
<script type="text/javascript" src="dojo/dojo.js"></script>
 
<script type="text/javascript">
 
dojo.require("dojox.widget.*" );
 
dojo.require("dojox.widget.Dialog");
 
dojo.require("dojox.event.*");
 
//all dojo.require above this line
 
dojox.addOnLoad(init); //function to execute when the page starts
 
 
 
// executed at start
 
function init(e) {
 
        //dialogHelp
 
        var dlgHelp = dojox.widget.byId("dialogHelp");
 
        var btn = document.getElementById("hider0");
 
        dlgHelp.setCloseControl(btn);
 
 
 
        //connect links
 
        var linkQuestion = dojox.byId("linkQuestion");
 
        dojox.event.connect(linkQuestion,'onclick',dlgHelp,"show");
 
}
 
</script>
 
</head>
 
<body>
 
<a href="#" id="linkQuestion">Hello World</a>
 
<div dojoType="dialog" id="dialogHelp" bgColor="white" bgOpacity="0.5" toggle="fade" toggleDuration="250">
 
	<h1>Hello World</h1>
 
	<form onsubmit="return false" action="">
 
	<input type="button" id="hider0" value="OK" /></form>
 
</div>
 
</body>
 
</html>

quelqu'un peut il m'orienter ?

**emmanuel.remy** · 06/07/2009, 21h33

Salut,

Tu vois deux fois Hello World car ton document n'a pu être parsé par Dojo.
Ce code te remettra sur les rails, notamment au niveau des déclarations

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="/dojotoolkit/dojo/dojo.js" 
        djConfig="isDebug:true, parseOnLoad: true">
        </script>
 
        <style type="text/css">
            @import "/dojotoolkit/dijit/themes/nihilo/nihilo.css";
            @import "/dojotoolkit/dojox/grid/resources/Grid.css";
            @import "/dojotoolkit/dojox/grid/resources/nihiloGrid.css";
 
            .dojoxGrid table {
                margin: 0;
            }
        </style>
 
        <script type="text/javascript">
        dojo.require("dojox.widget.Dialog");
        dojo.addOnLoad(init); //function to execute when the page starts
        function init() {
        	var dlgHelp = dijit.byId("dialogHelp");
        	var btn = document.getElementById("hider0");
        	//dlgHelp.setCloseControl(btn);
        	var linkQuestion = dojo.byId("linkQuestion");
        	dojo.connect(linkQuestion,'onclick',dlgHelp,"show");
 
        }
 
        </script>
 
        </head>
 
        <body class="nihilo">
 
        <a href="#" id="linkQuestion">Hello World</a>
 
        <div dojoType="dojox.widget.Dialog" id="dialogHelp" bgColor="white" bgOpacity="0.5" toggle="fade" toggleDuration="250">
 
        	<h1>Hello World</h1>
 
        	<form onsubmit="return false" action="">
 
        	<input type="button" id="hider0" value="OK" /></form>
 
        </div>
 
        </body>
 
        </html>

Je te conseille de partir des exemples fournis avec la distribution; et attention, le composant dojox.widget.Dialog est expérimental, à la différence de dijit.Dialog

ERE

**gennao** · 07/07/2009, 03h52

merci je teste ton code

**gennao** · 08/07/2009, 03h00

Ca ne marche pas . Me les exemples ne sont pas parsés. Faut il mettre une option sur mon firefox en local ?

**emmanuel.remy** · 08/07/2009, 10h51

Salut,

Envoyé par gennao

Ca ne marche pas . Me les exemples ne sont pas parsés. Faut il mettre une option sur mon firefox en local ?

il est préférable de TOUJOURS passer par un server web (même localhost) pour tester. Cela te permettra de pouvoir notamment utiliser AJAX sans souci.

Pour ton cas vérifie bien tout: server local, path, ...

ERE

Utilisation de Dojo

Bibliothèques & Frameworks

Vue hybride

Discussions similaires

Partager

Partager