popupContainer, formulaire, etc

Version imprimable

04/07/2007, 12h03
fayred

popupContainer, formulaire, etc
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 :aie: ), 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:

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 !

Bon alors voici ou j'en suis :

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

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:

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:

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!

17/07/2007, 17h06
fayred

Bon ben tant pis...snif...:pleure: