Discussion :

[kodo]

Bonjour tout le monde,
Est ce qu'on peut afficher des infos-bulles pour une liste select génerer par la tag struts optionsCollection ?
Pour une select html, on peut utiliser 'title', mais pour une tag struts on a pas un attribut équivalent
Est ce qu'il y a une autre solution?

Merci.

[karement]

si struts t'empeche de faire ce que tu veux rien ne t'empeche d'utiliser du code html à la place ( de toute façon ton code struts sera transformé en html lors de la compilation), pour afficher tes infosbulles tu n'as qu'à alors faire quelque chose comme ça:

Code :

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

1
2
3
4
 
<logic:iterate id="item" name="ma_liste_d_item">
<option title="${item.info_bulle}">${item.value}</option>
</logic:iterate>

en considérant bien sûr que "ma_liste_d_item" est une Collection d'un bean ayant comme propriété info_bulle et value (avec les getter et setter)
l'utilisation du language "el" est nécessaire pour acceder à la variable de boucle via les ${}
si tu n'aime pas tu peux toujours faire comme ça:

Code :

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

1
2
3
4
 
<logic:iterate id="item" name="ma_liste_d_item">
<option title='<bean:write name="item" property="info_bulle"/>'><bean:write name="item" property="value"/></option>
</logic:iterate>

[kodo]

Merci karement pour ta réponse,

Tout à fait d'accord avec toi, Mais il y a un autre problème, c'est que internet explorer 6 ne connaît pas "title" de la tag option !!
(je suis obligé de trouver une solution qui marche avec IE)

j'ai essayé de faire ça avec javascript et jouer sur "onmouseover" et "onmouseout", mais j'ai découvert qu'il ne les connaît pas aussi.

[karement]

onMouseOver et onMouseOut, marchent sur mon IE, bizzard que ça marche pas chez toi....

tu peux faire ça:

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
 
function initInfo() {
 
	var style="position:absolute;top:0px;left:0px;visibility:hidden;z-index:10; background-color:#FFF; padding:5px; border:1px solid #828282;";
 
	if (document.layers) {
		window.captureEvents(Event.MOUSEMOVE);
		window.onMouseMove = getMousePos;
		document.write("<LAYER name='info' top='0' left='0' visibility='hide' onClick='javascript:hideInfo()' style='background-color:#FFF; padding:5px; border:1px solid #828282;'></LAYER>");
	}
 
	if (document.all) {
		document.write("<DIV id='info' style='" + style + "' onClick='javascript:hideInfo()'></DIV>");
		document.onmousemove = getMousePos;
	} else if (document.getElementById) {
		document.onmousemove = getMousePos;
		document.write("<DIV id='info' style='" + style + "' onClick='javascript:hideInfo()'></DIV>");
	}
}
 
var posX = 0;
var posY = 0;
var xOffset = 10;
var yOffset = 10;
function showInfo(content) {
	var maxZoomSize = 350;
	var finalPosX = posX - xOffset;
 
	if (finalPosX < 0) finalPosX = 0;
 
	if (document.layers) {
		document.layers['info'].document.write(content);
		document.layers['info'].document.close();
		document.layers['info'].top = posY + yOffset;
		document.layers['info'].left = finalPosX;
		document.layers['info'].visibility = "show";
	}
 
	if (document.all) {
		info.innerHTML = content;
		document.all['info'].style.top = posY + yOffset + 'px';
		document.all['info'].style.left = finalPosX + 'px';
		document.all['info'].style.visibility = "visible";
	} else if (document.getElementById) {
		document.getElementById('info').innerHTML = content;
		document.getElementById('info').style.top = posY + yOffset + 'px';
		document.getElementById('info').style.left = finalPosX + 'px';
		document.getElementById('info').style.visibility = "visible";
	}
}
 
function hideInfo() {
	if (document.layers) {
		document.layers["info"].visibility="hide";
	}
 
	if (document.all) {
		document.all["info"].style.visibility="hidden";
	} else if (document.getElementById) {
		document.getElementById("info").style.visibility="hidden";
	}
}

Code :

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

1
2
 
<body onload="javascript:initInfo();">

Code :

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

1
2
 
onmouseover="javascript:showInfo('mon text d'info bulle');"  onmouseout="javascript:hideInfo();

[Llaur76]

Sinon, juste pour l'info.

L'affichage d'infobulle est impossible pour une collection sous IE 6. Ceci est un bug référencé d'IE.

Ensuite, rien n'empeche en effet de faire du Javascript