je veux ajouter des tooltip sur les icones affichées dans mes pages jsp,pour ce ci j'utilise une biblio basé sur prototype.js dite BlogFish.js, l'ajout d'un tooltip se fait comme suit:
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script src="/javascripts/prototype.js" type="text/javascript"></script>
<script src="/javascripts/tooltip.js" type="text/javascript"></script>
 
<div id='tooltip' style="display:none; margin: 5px; background-color: red">
  Detail infos on product 1....<br />
</div>
 
<div id='product_1'>
  This is product 1
</div>
 
<script type="text/javascript">
  var my_tooltip = new Tooltip('product_1', 'tooltip')
</script>

le probleme c'est que le code d'insertion des icone se trouve dans des classes css et pas en html directement ds les jsp(car les icones aparessent suite à un mouseOver d'un objet), les classe css sont par la suite attribuées à des variables ds un fichier javascript,que je nomme monJS, qu'on inclu dans les jsp. j'explique comment c fait dans 3 etapes (pour une icone edit.jpg):

1)dans mon fichier .css j'ai :
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
.edit_button {
    display: block;
    float:right;
    width:16px;
    height:16px;
    background: url(images/portlet-skin/edit.jpg) no-repeat top left;    
    margin-left:5px;
    margin-top:2px;
}

2)en suite dans le fichier monJS.js :
la classe edit_button est affectée à une variable (ds une methode d'initialisation) comme suit :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
this._aEdit  = A({href: "javascript:void(0);", className: "edit_button"},"");
3)en suite dans le meme fichier (monJS.js) :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
onMouserOver: function() {
$(this._aEdit).show();
}
est ce qu'il est possible de mettre la création de mes tooltip dans les classe css, et sinon ya t il qq1 qui voit une autre solution pour mettre des tooltip sur mes icones?

merci beacoup d'avance