popupContainer, formulaire, etc

**fayred** · 04/07/2007, 11h03

Bonjour,
excusez moi d'avance je débute!

Donc voila à partir de ma page A je souhaiterai ouvrir une pop-up B contenant un formulaire. Comme j'utilise DOJO (ou tente d'utiliser, au choix

), je voudrais utiliser les popupContainer et autres classes concernant les popups.
Le problème c'est que je ne sais pas trop ce qui est le plus adequat et comment m'en servir. Voila ce que j'ai fait (et qui marche absolument pas) :

Code :

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

1
2
 
<a class="block_1text" dojoType="portal:ServiceCreator" onclick="popupContainer.open("script/formulaire.html")" title="ajout salarie" >Ajouter salarie</a>

Please help me je suis complètement perdue...

Merci !

**fayred** · 04/07/2007, 13h44

Bon alors voici ou j'en suis :

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
 
<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('form.html');
	}
 
</script>
</head>
<body>
 
<a href="#" id="linkQuestion">Hello World</a>
<div dojoType="dialog" id="dialogHelp" bgColor="orange" bgOpacity="0.5" toggle="fade" toggleDuration="250">
	<h1>Ajouter un salarie</h1>
	<form action="" method="post">
 
	<input type="button" id="hider0" value="OK" /></form>
</div>
 
 
 
<a href="#" id="linkCheckout">AjouterSalarie</a>
<div dojoType="dialog" id="dialogHelp" bgColor="orange" bgOpacity="0.5" toggle="fade" toggleDuration="250">
	<h1>Ajouter un salarie</h1>
		<form id="myForm" action="showPost.php" method="post">
		 <div class="formFrame">
		  <div class="formRow">
		   <label for="lastname">Last Name</label>
		   <input id="lastname" type="text" name="lastname"
		   dojoType="ValidationTextbox" trim="true" ucfirst="true" required="true"
		   missingMessage="* Your last name is required." />
		  </div>

Le truc vraiment bizarre c'est que lorsque la page s'affiche elle affiche tout (liens vers formulaires ET les formulaires) pendant quelques secondes puis plus que les deux liens : ajouter salarie et hello world. Et lorsqu'on clique sur "ajouter salarie" il sepasse rien (alors que le formulaire devrait apparaitre) et au contraire quand on clique sur helloworld le formulaire d'ajout salarie apparait...
Absurde!

Moi je voudrai que la page s'affiche sans les formulaires et que quand on clique sur "ajouter salarie" hop on a le formulaire d'ajout. Est-ce si difficile??

Merci de votre aide

**fayred** · 05/07/2007, 08h34

Bon ben je continue dans mon évolution...

Ce matin, je suis relativement contente : ça marche tres bien sous FF (exactement comme je veux et tout tout!!!!). Mais oh surprise ça n'affiche "rien"(!!) sous IE 6! ( je precise que je suis obligé d'utiliser IE6).

En gros sous FF un menu à gauche on clique sur "ajouter salarie" et hop popup.
Sous IE :pas de menu (mais le reste de la page s'affiche)

Etrange!

Voila mon code :

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
 
<script type="text/javascript">
			dojo.require("dojo.widget.*" );
			dojo.require("dojo.widget.Dialog");
			dojo.require("dojo.event.*");
			//on importe la classe qu l'on va utiliser
			dojo.require("dojo.widget.Dialog");
 
			//on declare une variable pour l'objet dialog
			var dlg;
 
			//une fois que TOUT LE HTML sera charger on cré notre dialog
			//avec un bouton pour le fermer
			function init(e) {
				dlg = dojo.widget.byId("dlg");
				var btn = document.getElementById("hider");
				dlg.setCloseControl(btn);
			}
			dojo.addOnLoad(init);
		</script>
<!-- Du bla bla -->
 
 <div id="service2" actionsList="grip;display;"  dojoType="oaf.core:ServiceWidget" label="<a href='#'>news/magazine</a>">
	           		<ul id="news_ul">
 
 
 
						<li class="line_whiteFFFFFF">
	                		<?php 
                                                include ("script/formulaire2.php");
                                                ?>
 
	                	</li>

Et dans formulaire2.php :

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
 
 
		<div dojoType="dialog" id="dlg" style="border:thin" bgOpacity="0.5" toggle="fade" toggleDuration="250">
			Ajouter un salari&eacute;
			<form id="myForm" action="<?php $PHP_SELF; ?>" method="post">
 
 <div class="formFrame">
  <div class="formRow">
   <label for="lastname">Nom Pr&eacute;nom</label>
   <input id="lastname" type="text" name="lastname"
   dojoType="ValidationTextbox" trim="true" ucfirst="true" required="true"
   missingMessage="* Veuillez inscrire le nom du salarié" />
  </div>
 
 
 
 
  <div class="formRow">
   <label for="process">Process</label>
   <select	name="process" id="process" dojoType="ComboBox">
    <option value="1">vente</option>
    <option value="2" selected>SAV</option>
    <option value="3">Prod</option>
   </select>
  </div>
  <div class="formRow">
   <label for="extras[]">Extras</label>
    <input dojotype="checkbox" type="checkbox" name="extras[]" value="1" />Printed Catalog<br />
    <input dojotype="checkbox" type="checkbox" name="extras[]" value="2"
    checked="checked"  /> CDI<br />
    <input dojotype="checkbox" type="checkbox" name="extras[]" value="3"
    checked="checked" /> Interim<br />
    <input dojotype="checkbox" type="checkbox" name="extras[]" value="4" />Stagiaire</div>
  <div class="formRow" style="text-align: center;">
   <button dojoType="button"  onclick="submit();">
    <div style="height: 20px; width: 150px;">Valider</div>
   </button>
  </div>
 </div>
</form>
			<!-- Pour fermer -->
			<input type="button"   id="hider" value="Fermer la fenetre" >
		</div>
 
 
 
		<a  class="block_1text"  group="magazine"  href="javascript:dlg.show();" title="ajout salarie">Ajouter un salari&eacute;</a>

Si quelqu'un avait la gentillesse de m'expliquer le pourquoi du comment...

Merci!

**fayred** · 17/07/2007, 16h06

Bon ben tant pis...snif...

popupContainer, formulaire, etc

Bibliothèques & Frameworks

Discussions similaires

Partager

Partager