Popup et tableau

Version imprimable

27/03/2006, 19h12
Invité

Popup et tableau

Bonjour,

Je débute en HTML et dans ma page, j'utilise un tableau contenant une liste de noms ainsi qu'un bouton 'Add name' pour ajouter des nouveaux noms. Quand on clique sur ce bouton, un popup apparait afin de rentrer ce nouveau nom. Le probleme est que ce popup apparait derrière le tableau de noms. Vous connaissez un moyen pour que le popup soit tjrs en avant plan ? Merci
28/03/2006, 04h36
efficks

Montre moi ton code.
28/03/2006, 10h20
Invité

Ma jsp contient :

- le popup :

<div id="createBox" style="text-align:center; position:absolute; left:200px; top:300px; width: 400px; height: 200px; visibility: visible;">
<table cellspacing="0" cellpadding="0" width="400">
<colgroup>
<col align="left" width="3" />
<col width="3" />
</colgroup>

<tr>
<td class="divheader"> </td>
<td class="divheader" onmouseout="document.getElementById('createBox').onmousedown=null;" onmouseover="document.getElementById('createBox').onmousedown=dragIsDown;" ondragstart="return false;" onselectstart="return false;"> Profile Creation</td>
<td class="divheader_close" onmouseout="document.getElementById('createBox').onmousedown=null;" onmouseover="document.getElementById('createBox').onmousedown=dragIsDown;" ondragstart="return false;" onselectstart="return false;"><a class="closediv" href="javascript:MM_showHideLayers('createBox', '', 'hide');">X</a> </td>
<td class="boxshadow_right"><img class="topleft" src="pages/images/white_square.gif" width="3" height="3" alt="" /></td>
</tr>

<tr>
<td class="alertbox" style="text-align: center;" colspan="3">
<br />
<table>
<tr>
<td class="formfldname">Profile name : </td>
<td class="formvalue"><html:text property="description" /></td>
</tr>
<tr>
<td colspan="2" class="noborder"><html:image src="pages/images/button_save.gif" property="doProfileAdd" /></td>
</tr>
</table>
<br /><br />
</td>
<td class="boxshadow_right"><img src="pages/images/spacer.gif" /></td>
</tr>

- et un extrait d'un tableau, il y a du javascript :

<td colspan="2">
<html:select property="selProfile" size="10" style="width: 180px;" onchange="document.SecurityForm.submit();">
<%
java.util.List profiles = (java.util.List) request.getAttribute("profiles");
if (profiles != null) {
java.util.Iterator itePi = profiles.iterator();
while (itePi.hasNext()) {
TOTO pi = (TOTO) itePi.next();
%>

<html:option value="<%= pi.getFullDn() %>"><%= pi.getDescription() %></html:option>

<%
} //while
} //if
%>
</html:select>
</td>
28/03/2006, 10h45
franculo_caoulene

Peux-tu éditer ton message et encadrer ton code par des balises [code] et ne poster que la source HTML générée.

merci.

Voila

Le popup :

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
 
<div id="createBox" style="text-align:center; position:absolute; left:200px; top:300px; width: 400px; height: 200px; visibility: visible;">
		<table cellspacing="0" cellpadding="0" width="400">
			<colgroup>
				<col align="left" width="3" />
				<col />
				<col />
				<col width="3" />
			</colgroup>
 
			<tr>
				<td class="divheader">&nbsp;</td>
				<td class="divheader" onmouseout="document.getElementById('createBox').onmousedown=null;" onmouseover="document.getElementById('createBox').onmousedown=dragIsDown;" ondragstart="return false;" onselectstart="return false;">&nbsp;Profile Creation</td>
				<td class="divheader_close" onmouseout="document.getElementById('createBox').onmousedown=null;" onmouseover="document.getElementById('createBox').onmousedown=dragIsDown;" ondragstart="return false;" onselectstart="return false;"><a class="closediv" href="javascript:MM_showHideLayers('createBox', '', 'hide');">X</a>&nbsp;</td>
				<td class="boxshadow_right"><img class="topleft" src="pages/images/white_square.gif" width="3" height="3" alt="" /></td>
			</tr>
			<tr>
				<td class="alertbox" style="text-align: center;" colspan="3">
					<br />
					<table>
						<tr>
							<td class="formfldname">Profile name : </td>
							<td class="formvalue"><html:text property="description" /></td>
						</tr>
						<tr>
							<td colspan="2" class="noborder"><html:image src="pages/images/button_save.gif" property="doProfileAdd" /></td>
						</tr>
					</table>
					<br /><br />
				</td>
				<td class="boxshadow_right"><img src="pages/images/spacer.gif" /></td>
			</tr>
 
		</table>
</div>

et le tableau :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<td colspan="2">
				<html:select property="selProfile" size="10" style="width: 180px;" onchange="document.SecurityForm.submit();">
<%
java.util.List profiles = (java.util.List) request.getAttribute("profiles");
 
if (profiles != null) {
	java.util.Iterator itePi = profiles.iterator();
 
	while (itePi.hasNext()) {
		TOTO pi = (TOTO) itePi.next();
%>
								<html:option value="<%= pi.getFullDn() %>"><%= pi.getDescription() %></html:option>
<%
	}
}
%>
				</html:select>
</td>

28/03/2006, 16h24
efficks

Il est où ton code qui ouvre le Popup?

Je ne vois pas en quoi ça te servira mais le voici :

Dans la jsp, avant la déclaration du popup :
Code:

1 2 if (request.getAttribute("showCreateLayer") != null)
Dans le src "Action", j'ai :
Code:

1 2 3 4 5 6 7 8 DynaActionForm daf = (DynaActionForm) form; if (((ImageButtonBean) daf.get("addProfile")).isSelected()) { daf.initialize(mapping); request.setAttribute("showCreateLayer", "true"); }
form est le bean passé en paramètre de la fonction executeAction

28/03/2006, 16h57
Invité

En fait, le pb vient des tableaux, est-ce qu'il existe un paramètre ou une façon de les définir pour qu'ils restent en arrière plan
29/03/2006, 13h10
Invité

Personne n'a jamais eu ce problème ?
29/03/2006, 15h51
Invité

Est-ce qu'on peut au moins "fixer" le popup ?
31/03/2006, 11h28
Invité

C'est bon, j'ai trouvé une autre solution