|
Voir le sujet précédent :: Voir le sujet suivant
|
| Auteur |
Message |
| |
|
numerodix
WRInaute discret
Inscrit le: 13 Déc 2007
Messages: 99
|
 Posté le : Mer Juin 11, 2008 8:19 Sujet du message: Changer une couleur de fond avec javascript |
|
|
Bonjour !
J'aurais besoin de votre aide...
En fait, je voudrais que lorsque le curseur de la souris passe sur un lien, la couleur de fond d'un autre lien change...
Merci !
Dernière édition par numerodix le Mer Juin 11, 2008 9:15; édité 1 fois |
|
| |
|
 |
BadProcESs
WRInaute accro
Inscrit le: 28 Juil 2003
Messages: 2446
Localisation: Ici ! Voyons ! Où veux-tu que je sois ? ;)
|
| Posté le : Mer Juin 11, 2008 9:04 Sujet du message: Changer une couleur de fond avec javascript |
|
|
| Code: |
document.getElementById(obj).style.backgroundColor = "red";
|
|
|
| |
|
|
numerodix
WRInaute discret
Inscrit le: 13 Déc 2007
Messages: 99
|
| Posté le : Mer Juin 11, 2008 9:08 Sujet du message: Changer une couleur de fond avec javascript |
|
|
Merci beaucoup !
J'essayais avec bgColor, mais ça ne fonctionnais pas !
Par contre, maintenant j'essaye de modifier la couleur du lien, et je voudrais ajouter une bordure a droite et a gauche...
Ma fonction ressemble à ça :
| Code: |
<script type="text/javascript">
<!--
function changebg(id) {
var e = document.getElementById(id);
if(e) {
e.style.backgroundColor='#ffffff';
e.style.fontcolor='#000000';
}
}
-->
</script> |
Edit : La couleur de fond ne revient pas normale lorsque la souris part du lien. J'ai pourtant ajouter
| Code: |
| onmouseout=javascript:changebg(''); |
|
|
| |
|
|
BadProcESs
WRInaute accro
Inscrit le: 28 Juil 2003
Messages: 2446
Localisation: Ici ! Voyons ! Où veux-tu que je sois ? ;)
|
| Posté le : Mer Juin 11, 2008 9:17 Sujet du message: Changer une couleur de fond avec javascript |
|
|
Il te faut gérer le 'else' de ton 'if(e)'  |
|
| |
|
|
numerodix
WRInaute discret
Inscrit le: 13 Déc 2007
Messages: 99
|
| Posté le : Mer Juin 11, 2008 9:28 Sujet du message: Changer une couleur de fond avec javascript |
|
|
J'ai rajouté un parametre qui vaut 1 quand il faut changer le backgroundcolor et qui est vide quand il faut le remettre normal :
| Code: |
<script type="text/javascript">
<!--
function changebg(id,a) {
if (a == '') {
document.getElementById(id).style.backgroundColor='';
document.getElementById(id).style.fontcolor='';
}
else {
var e = document.getElementById(id);
e.style.backgroundColor='#ffffff';
e.style.fontcolor='#000000';
}
}
-->
</script>
|
Par contre, pour la couleur de la police ça ne marche pas... Le fontcolor s'utilise bien comme ça ? |
|
| |
|
|
BadProcESs
WRInaute accro
Inscrit le: 28 Juil 2003
Messages: 2446
Localisation: Ici ! Voyons ! Où veux-tu que je sois ? ;)
|
| Posté le : Mer Juin 11, 2008 9:37 Sujet du message: Changer une couleur de fond avec javascript |
|
|
| 'style.color', pas 'style.fontColor' |
|
| |
|
|
numerodix
WRInaute discret
Inscrit le: 13 Déc 2007
Messages: 99
|
| Posté le : Mer Juin 11, 2008 9:53 Sujet du message: Changer une couleur de fond avec javascript |
|
|
Ça ne marche pas non plus 
J'ai essayé avec e.style.linkColor et la non plus la couleur de la police ne change pas...
Pour mettre ma bordure, e.style.borderLeft ne m'affiche pas la bordure a gauche  |
|
| |
|
|
SuperCureuil
WRInaute passionné
Inscrit le: 09 Mar 2007
Messages: 661
Localisation: Bxl, Belgique
|
| Posté le : Mer Juin 11, 2008 10:11 Sujet du message: Changer une couleur de fond avec javascript |
|
|
Salut,
Ya mais ce n'est pas parce que c'est du javascript que tu peux changer les noms de propriétés css
Pour ta bordure c'est style.border-left
Pour ton lien c'est style.color |
|
| |
|
|
numerodix
WRInaute discret
Inscrit le: 13 Déc 2007
Messages: 99
|
| Posté le : Mer Juin 11, 2008 10:34 Sujet du message: Changer une couleur de fond avec javascript |
|
|
| SuperCureuil a écrit: |
Ya mais ce n'est pas parce que c'est du javascript que tu peux changer les noms de propriétés css |
Je ne connais pas grand chose au javascript, c'set en faisant des recherches que j'ai trouvé borderLeft ^^  http://zonecss.free.fr/javascript_css/javascript_css_border.html
Sinon je comprend plus rien la... Quand je rajoute style.border-left, il n'y a pas de bordure et le fond ne se change plus... 
| Code: |
function changebg(id,a) {
if (a == '') {
document.getElementById(id).style.backgroundColor='';
document.getElementById(id).style.alinkColor='';
document.getElementById(id).style.border='0';
}
else {
var e = document.getElementById(id);
e.style.backgroundColor='#ffffff';
e.style.color='#000000';
e.style.border-left='1px solid black';
e.style.border-right='1px solid black';
}
}
|
|
|
| |
|
|
numerodix
WRInaute discret
Inscrit le: 13 Déc 2007
Messages: 99
|
| Posté le : Mer Juin 11, 2008 11:01 Sujet du message: Changer une couleur de fond avec javascript |
|
|
ça fonctionne avec style.borderLeft ...  
Me manque plus que la police et ce sera bon ^^ |
|
| |
|
|
SuperCureuil
WRInaute passionné
Inscrit le: 09 Mar 2007
Messages: 661
Localisation: Bxl, Belgique
|
| Posté le : Mer Juin 11, 2008 12:42 Sujet du message: Changer une couleur de fond avec javascript |
|
|
| Ben voui, plus pensé à l'interprétation du - en js |
|
| |
|
|
numerodix
WRInaute discret
Inscrit le: 13 Déc 2007
Messages: 99
|
| Posté le : Mer Juin 11, 2008 14:38 Sujet du message: Changer une couleur de fond avec javascript |
|
|
Problème finalement résolu pour la couleur de la police !
L'id était celui du conteneur et non pas l'id du lien !
Merci pour votre aide précieuse !  |
|
| |
|
|
julienr
WRInaute passionné
Inscrit le: 05 Aoû 2003
Messages: 692
|
| Posté le : Mer Juin 11, 2008 17:13 Sujet du message: Changer une couleur de fond avec javascript |
|
|
un truc pas mal pour eviter ce type de désagrément c'est d'utiliser this :
| Code: |
<a href="" onMouseOver="changebg(this,1)">link</a>
function changebg(e,a) {
if (a == '') {
e.style.backgroundColor='';
e.style.alinkColor='';
e.style.border='0';
}
else {
e.style.backgroundColor='#ffffff';
e.style.color='#000000';
e.style.border-left='1px solid black';
e.style.border-right='1px solid black';
}
}
|
|
|
| |
|
|
| |
|
|
