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:
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 :
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 :
this._aEdit = A({href: "javascript:void(0);", className: "edit_button"},"");
3)en suite dans le meme fichier (monJS.js) :
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
Partager