javascript ajax modalbox

Version imprimable

bonjour,
alors pour faire simple , je nage :yaisse2:

voila j'ai une modalbox qui affiche un message pour patienter pendant le chargement de la page, cette modalbox s'execute chaque fois que je lance Ajax.Updater()

et j'ai une autre modalBox qui affiche des donn�es de la bdd (ca marche)

le probleme c'est que ma deuxieme modal box cache la modal box de chargement de la page

comment faire ???

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
 
 x="<div id='listValSelect' class='center'>"+
			 	"<select id='etape3' style='width:160px' name='etape3' class='hidden'></select>"+
			 	"<input type='text' style='width:160px' value=''/>"+
				"<br />	<br />" +
				"<select name='ResultatValeur' id='ResultatValeur' style='width:160px'  multiple='multiple' size='5' ></select>"+
				"<br /> <br />"+
				"<input type='button' value='AJOUTER' onclick='AjouterValeurCondition();'/>"+
				"<input type='button' value='Annuler' onclick='Modalbox.hide(); return false;' />"+
				"</div>";
 
 
 new Ajax.Updater('listValSelect', './ajaxDesigner.jsp',  
					 {
				 evalScripts: true,
				 parameters: {action: 'afficherContenu', domaine: $F('domaine'), etape2: $F('etape2')}
					 });
 
 
				Modalbox.show($('listValSelect'), {title:  " Choisir la valeur" , width: 500});

27/01/2009, 16h37
Bovino

Essaye avec

Code:

var newModal = new Modalbox.show($('listValSelect'), {title: " Choisir la valeur" , width: 500});
27/01/2009, 16h53
hihi30

je l'ai essaye mais ca ne marche toujours pas
je crois ce qu'il faut faire c'est de mettre le ajaxUpdater dans la modal box mais je sais pas comment

en faites j'ai modifie mon code: ficjier.js

Code:

1
2
3
4
5
6
 new Ajax.Updater('listValSelect', './ajaxDesigner.jsp',  
					 {
				 evalScripts: true,
				 parameters: {action: 'afficherContenu', domaine: $F('domaine'), etape2: $F('etape2')}
					 });
 Modalbox.show($('listValSelect'), {title:  " Choisir la valeur" , width: 500});

et mon ajaxdesigner.jsp

Code:

1
2
3
4
5
6
7
 
out.print("<div id='listValSelect' class='center'><center><select id='etape3' style='width:160px' name='etape3' class='hidden'><option value=\""+objOpe+"\">"+indicateurSelect.getNom()+" "+compte[2]+"</option></select> <input type='text' style='width:160px' value=\""+indicateurSelect.getNom()+" "+compte[2]+ "\"/>"+"</center><center><br><select name='ResultatValeur' id='ResultatValeur' style='width:160px'  multiple='multiple' size=5 >");
			for (int i = 0 ; i < ee.getNommIndicDWH().size() ; i ++)
			{	
				out.print("<option>" + ee.getNommIndicDWH().get(i) + "</option>");
			}	
			out.print("</select></center>   <br><center><input type='button' align='middle' value='AJOUTER' onclick='AjouterValeurCondition();'/><input type='button' value='Annuler' onclick='Modalbox.hide(); return false;' /></center></div>");