Layout avec Dojo

**khattat** · 31/03/2009, 17h43

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

Erreur:Could not load 'dojo.wideget.*';last tried './widget/*.js'

La j'ai pas compris de quoi il s'agit

, 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:

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> &copy; Shopalot 2007</div>
	</div>
	<!--  menu -->
	<div dojoType="ContentPane" layoutAlign="left" id="left">
		<!-- menu rounded corner top -->
		<div class="box_top"><div>&nbsp;</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>&nbsp;</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>&nbsp;</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>

quelqu'un peut m'expliquer, je lui serai très reconnaissant

**emmanuel.remy** · 31/03/2009, 18h34

Salut,

Tu utilises un tutoriel de la version 0.4.
Je suppose que tu as intallé la dernière version.

Or les composant ne sont plus les mêmes, donc les noms des modules aussi.

Un conseil, laisse tomber ce tutoriel, il est obsolète.

ERE

**khattat** · 31/03/2009, 18h45

Merci emmanuel.remy,
Effectivement j'utilise la dernier version de dojo 1.2.3, alors connaissez-vous des tutoriels qui traite ce sujet avec les derniers versions de dojo?

Merci Encore emmanuel.remy.

**emmanuel.remy** · 31/03/2009, 18h50

Très peu, malheureusement. A voir sur le site dojocampus.og

Et une précédente discussion a recensé les divers sites et documentations que nous connaissions.

ERE

**khattat** · 31/03/2009, 18h53

Merci beaucoup,
Ok je vais essayé de voire encore sur le net, peut être que je tombe sur une solution,
Je vous tient au courant.

Naji

**emmanuel.remy** · 02/04/2009, 10h23

@Khattat: peux tu passer ta question à "Résolue" STP ?

ERE

Layout avec Dojo [Dojo]

Bibliothèques & Frameworks

Discussions similaires

Partager

Partager