optionsCollection et les infos bulles

Version imprimable

05/10/2007, 16h55
kodo

optionsCollection et les infos bulles

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 :cry:
Est ce qu'il y a une autre solution?

Merci.
10/10/2007, 15h45
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:

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:

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>
16/10/2007, 16h23
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.

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

tu peux faire ça:

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

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

Code:

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

18/10/2007, 16h40
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