Discussion :

[Invité]

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

[efficks]

Montre moi ton code.

[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">&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>

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

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

[Invité]

Voila

Le popup :

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

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

[efficks]

Il est où ton code qui ouvre le Popup?

[Invité]

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

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

Code :

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

1
2
 
if (request.getAttribute("showCreateLayer") != null)

Dans le src "Action", j'ai :

Code :

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

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

[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

[Invité]

Personne n'a jamais eu ce problème ?

[Invité]

Est-ce qu'on peut au moins "fixer" le popup ?

[Invité]

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