rollover CSS + fonction Javascript
Bonjour,
je débute sur le forum et dans la programmation.
Tous mes boutons ont un joli effet rollover image, avec 2 états assemblés en un (normal et survolé), qui changent en fonction de la position d'arrière-plan. Jusqu’à là tout va bien.
Maintenant, avec une fonction en JavaScript
j'ai besoin de modifier l'URL de l'un de mes boutons en fonction des options choisies par l'utilisateur. Di coup mon effet rollover ne marche plus. Et je suis archi nulle en JS!
je me demande si on peut garder rollover en css. Je n’ai pas du tout envie de recourir à des techniques de JS que je ne maîtrise pas du tout.
Merci d'avance si vous avez une solution. Voici le code:
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
|
CSS:
lienVersOffre a, a:link, a:visited {
background-image:url(images/continuer.png);
background-repeat: no-repeat;
background-position: 0% 0%;
height: 27px;
width:76px;
}
lienVersOffre a:hover{
background-repeat: no-repeat;
background-position: 100% 100%;
}
lienVersOffre a:active, a:focus {
outline: none;
}
HTML:
<a id="lienVersOffre" href="#" title="Continuer"><span class="invisible">continuer</span></a>
JavaScript:
function updateLink(nouveauHref) {
document.getElementById('lienVersOffre').setAttribute('href',nouveauHref);
} |
