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