Discussion :

[lextaz33]

Bonjour à tous!
Je risque de me faire chambrer mais bon...

Voila mon soucis, j'ai dans une JSP un tableau avec N lignes et pour chaque ligne la possibilité d'ouvrir une div sous la forme d'un popup avec pour chacune un ID de la forme "commPopUpElem_<%=_id %>" ou _id est l'id de l'élément affiché (ce n'est pas un index sinon ce serait trop simple).

L'utilisateur peut donc ouvrir la div N puis la div 1 puis la div N-4 comme il le sent.
Maintenant, mon cher utilisateur souhaite (pour des raisons d'esthétique) qu'a l'affichage d'une div je ferme celles qui auraient pu être précédemment ouverte.

Le hic pour moi, c'est de savoir quelle div a été ouverte, donc de savoir comment récupérer les ID des div ouvertes à l'instant T.

Etant donné que la création, l'ouverture et la fermeture de mes div se fait en Javascript, je pose ce problème dans ce forum pour savoir si j'aurais un moyen de récupérer les ID/nom de DIV ouverte sur une page web? ou quelquechose qui m'en approcherait?

Merci de votre aide.

[E.Bzz]

Bonjour,
à l'ouverture d'un div (juste avant, par ex.), tu stockes l'id dans une variable globale.
A l'ouverture du div suivant, tu n'as qu'à commencer par "refermer" (ou cacher, ça dépend) le div dont l'id est stockée dans cette variable.
Attention juste à l'initialiser correctement (c'est au 1° clic que tu pourrais avoir une erreur)

A+

[lextaz33]

C'est effectivement sur le 1er clic que j'ai une erreur!

A chaque tour, je stocke l'id de la div que j'ouvre, donc en fait j'ouvre et je ferme instantanément cette div.

L'idée est bonne mais comment stocker la bonne idée!

Je vous joint le bout de JSP correspondant:

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
 
<td class="center" headers="col19">				          					        
	<bean:define id="_id" name="row" property="element.id" />
		<div id="commPopUpElem_<%=_id %>" name="commPopUpElem_<%=_id %>" class="commentPopUp" >
		//Ma DIV
		</div>
		<script language="JavaScript">
		   var comdiv_<%=_id %>=new PopupWindow('commPopUpElem_<%=_id %>', -400, -215);							 		
		</script>						
		<%
		   Long _idToClose = (Long)_id;
		%>		
		<a href="#" name="comment_<%=_id %>" id="comment_<%=_id %>" onclick="JavaScript:comdiv_<%=_id %>.showPopup('comment_<%=_id %>');focusComment('<%= _id %>');Javascript:comdiv_<%=_idToClose %>.hidePopup();return false;">
		</a>								
	</logic:equal>						
</td>

Vous pouvez voir à chaque ligne que je défini _id mais qu'au final _idToClose ne peut être autre chose que le même que _id, donc j'ouvre et je ferme la même div!

[E.Bzz]

Arf !
Pas assez sûr du fonctionnement de ton code.
Sur le principe :

Code :

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

1
2
3
4
5
6
7
8
9
10
var old_id = null;
function OuvreDiv(new_id) {
 
if (old_id)     // C'est là que tu gères l'erreur du 1° clic
   CloseDiv(old_id);  // Ferme le div précédent
 
// => Ici instruction(s) qui affiche(nt) le nouveau div
 
old_id = new_id;     // Stocke l'id ouvert pour le clic suivant
}

OuvreDiv() à appeler sur chaque lien, avec en paramètre l'id du div à ouvrir ...

A+

[franculo_caoulene]

Salut,

Pourquoi stocker un id!? Avant l'affichage d'un div, tu caches tous les div quoi qu'il arrive. Pour les trouver soit tu leur affectes un classe css, soit tu les trouves avec une expression régulière.

[E.Bzz]

Pourquoi stocker un id!? Avant l'affichage d'un div, tu caches tous les div quoi qu'il arrive.

Oui, mais c'est quand même moins "lourd" et pas bien plus compliqué
(et puis c'était la question posée ...)

A+