Equivalent LightBox pour l'affichage d'une page

**Lnhab** · 16/11/2009, 16h32

Bonjour,

Existe-t-il un composant dojo permettant d'afficher des pages (html ou php) de la même manière que les images avec LightBox?
(http://dojocampus.org/explorer/#Dojo...ightbox_Single)

Je voudrais que lorsque l'utilisateur clique sur une image un formulaire apparaisse un surimpression (le formulaire apparait au premier plan et le reste de la page est grisé).

Merci

Hélène

**emmanuel.remy** · 17/11/2009, 00h47

Salut,

dijit.dialog ?

ERE

**emmanuel.remy** · 17/11/2009, 00h49

Et regarde aussi dans dojox/widget/tests/test_Dialog.html

ERE

**Lnhab** · 17/11/2009, 12h00

Bonjour,

J'ai essayé d'utiliser l'exemple utilisant dijit.Dialog qui se trouve sur http://dojocampus.org/explorer/#Dijit_Dialog_Basic

en le modifiant de la facon suivante:

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <style type="text/css">
    			@import "./lib/dojox/image/resources/image.css";
	    </style>
	    <script type="text/javascript" src="./lib/dojo/dojo.js" djConfig="isDebug:false, parseOnLoad: true"></script>
 
  	   <script type="text/javascript">
		  dojo.require("dijit.Dialog");
		  dojo.require("dijit.form.TextBox");
		  dojo.require("dijit.form.TimeTextBox");
		  dojo.require("dijit.form.Button");
		  dojo.require("dijit.form.DateTextBox");
	   </script>
        </head>
 
    <body>
 	<button dojoType="dijit.form.Button" onclick="dijit.byId('dialog1').show()">Show Dialog</button>
 
	<div dojoType="dijit.Dialog" id="dialog1" title="First Dialog"
		    execute="alert('submitted w/args:\n' + dojo.toJson(arguments[0], true));">
		  <table>
		    <tr>
		      <td><label for="name">Name: </label></td>
		      <td><input dojoType="dijit.form.TextBox" type="text" name="name" id="name"></td>
		    </tr>
		    <tr>
		      <td><label for="loc">Location: </label></td>
		      <td><input dojoType="dijit.form.TextBox" type="text" name="loc" id="loc"></td>
		    </tr>
		    <tr>
		      <td><label for="desc">Description: </label></td>
		      <td><input dojoType="dijit.form.TextBox" type="text" name="desc" id="desc"></td>
		    </tr>
		    <tr>
		      <td colspan="2" align="center">
		        <button dojoType="dijit.form.Button" type="submit">OK</button></td>
		    </tr>
		  </table>
		</div>
		<div>
		   <table width="100%">
			<tr>
		 	   <td width= 10%><IMG SRC="icon.PNG" /></td>
			   <td width= 75% align="center">
				<h1>
					<Main Page>
				</h1>
			   </td>
			   <td width= 5%>
			 	<a href="ToDo.html" target="_blank">
					<img src="./icone/home_48.png"/>
				</a>
			   </td>
			   <td width= 5%>
			 	<a href="ToDo.html" target="_blank">
					<img src="./icone/help_48.png"/>
				</a>
			   </td>
			   <td width= 5%>
				<a href="ToDo.html" target="_blank">
					<img src="./icone/door_next_48.png"/>
				</a>
			   </td>
			</tr>
		</table>
	    </div>
    </body>
</html>

Lorsque je clique sue le bouton "ShowDialog",le dialogue apparait simplement en bas de page contrairement à ce qui est fait sur le site dojocampus où il recouvre l'ensemble de la page.
Le comportement est le même dans IE et Firefox.

Merci de votre aide,

Hélène

**Lnhab** · 17/11/2009, 17h21

j'ai trouvé mon problème: l'erreur était dans mon code.
Par contre j'ai le problème suivant: ma page web est découpée en plusieurs frames (vu ce qu'on doit faire c'est la meilleure solution qu'on ait trouvée) et actuellement la fenêtre de dialogue apparait en surimpression seulement sur la frame qui la contient et je souhaiterais qu'elle recouvre l'ensemble de la page.
Vous savez si c'est possible?

Merci pour votre aide.

Hélène

**emmanuel.remy** · 17/11/2009, 22h27

Salut Hélène,

Ce n'est pas possible car les calculs des coordonnées sont faits par rapport au frame en cours.

ma page web est découpée en plusieurs frames (vu ce qu'on doit faire c'est la meilleure solution qu'on ait trouvée)

Etonnant.

ERE

**Lnhab** · 18/11/2009, 12h47

Bonjour,

Disons que c'est la solution qui nous apparaissait comme la plus simple à mettre en place vu nos connaissances en HTML/PHP/JavaScript.
En effet, la page comporte différents boutons: quand l'utilisateur clique sur un bouton une partie de la page est rechargée (actuellement un frame). On souhaite éviter le re-chargement complet de la page à chaque clique.

Si vous avez des suggestions, n'hésitez pas.

Hélène

Equivalent LightBox pour l'affichage d'une page [Dojo]

Bibliothèques & Frameworks

Vue hybride

Discussions similaires

Partager

Partager