Salut tout le monde,
j'essaye de faire un mise en page en utilisant les possibilités qu'offre dojo.
j'ai suivi cette tutoriel
mon problème c'est que j'ai toujours une page qui s'affiche sans les effet dojo, et j'ai le message suivant dans le navigateur
La j'ai pas compris de quoi il s'agitErreur:Could not load 'dojo.wideget.*';last tried './widget/*.js', je c'est pas si ses méthode sont devenu obsolète ou quoi. Je commence avec DOJO et la je comprend pas trop de chose
voici le code utilisé pour faire le layout:
quelqu'un peut m'expliquer, je lui serai très reconnaissant
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80 [QUOTE]<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("dojo.widget.*" ); dojo.require("dojo.widget.Dialog"); dojo.require("dojo.event.*"); //all dojo.require above this line dojo.addOnLoad(init); //function to execute when the page starts // executed at start function init(e) { //dialogHelp var dlgHelp = dojo.widget.byId("dialogHelp"); var btn = document.getElementById("hider0"); dlgHelp.setCloseControl(btn); //connect links var linkQuestion = dojo.byId("linkQuestion"); dojo.event.connect(linkQuestion,'onclick',dlgHelp,"show"); var linkCheckout = dojo.byId("linkCheckout"); dojo.event.connect(linkCheckout,'onclick','checkout'); } function checkout(){ var contentPane = dojo.widget.byId("content"); contentPane.setUrl('etape2_form.html'); } </script> </head> <body> <!-- container --> <div dojoType="LayoutContainer" layoutChildPriority='none' id="main"> <!-- top --> <div dojoType="ContentPane" layoutAlign="top" id="top"> <div><img src="images/shopalot.jpg" alt="Shopalot" /></div> </div> <!-- bottom --> <div dojoType="ContentPane" layoutAlign="bottom" id="bottom"> <div><span>Contact us! +41 (0)00 00 00</span> © Shopalot 2007</div> </div> <!-- menu --> <div dojoType="ContentPane" layoutAlign="left" id="left"> <!-- menu rounded corner top --> <div class="box_top"><div> </div></div> <!-- menu content --> <div id="menu_content"> <a href="#" id="linkBrowse">Browse</a> <a href="#" id="linkCheckout">Checkout</a> </div> <!-- menu rounded corner bottom --> <div class="box_bottom"> <div><a href="#" id="linkQuestion"> Question?</a></div> </div> </div> <!-- main content --> <div dojoType="ContentPane" layoutAlign="client" id="contentPane" cacheContent="false"> <!-- main content rounded corner top --> <div class="box_top"><div> </div></div> <!-- container that loads the other pages --> <div dojoType="ContentPane" id="content" cacheContent="false"></div> <!-- main content rounded corner bottom --> <div class="box_bottom"><div> </div></div> </div> </div> <!-- popup help dialogbox --> <div dojoType="dialog" id="dialogHelp" bgColor="white" bgOpacity="0.5" toggle="fade" toggleDuration="250"> <h1>Question?</h1> <div style="padding: 10px;"> <p>You can contact us by e-mail at: <a href="mailto:support@shopalot.com">support@shopalot.com</a></p> <p>Or call our helpdesk at: 041 (0)00 00 00</p> </div> <form onsubmit="return false;" style="text-align: center;" action=""> <input type="button" id="hider0" value="OK" /></form> </div> </body> </html>
Partager