Utilisation de Dojo

Version imprimable

Utilisation de Dojo

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:

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 ?

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:

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

07/07/2009, 02h52
gennao

merci je teste ton code
08/07/2009, 02h00
gennao

Ca ne marche pas . Me les exemples ne sont pas parsés. Faut il mettre une option sur mon firefox en local ?
08/07/2009, 09h51
emmanuel.remy

Salut,

Citation:

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