| > getElementById et balises <a> |
[ Posté par fazerofgod ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 04-08-2008 à 13:48 | 7 messages ]
bonjour,
j'ai un probléme de création d'un petit truc en javascript.
En gros pour le moment ce que j'ai fait, c'est qu'en onMouseOver je change la classe d'un autre element html ( un lien texte dans une liste ) avec le getElementById. ça marche plutot bien sauf qu'il ne prend pas en considération le lien et applique seulement la nouvelle classe sur la liste et nom sur le lien.
Ce que j'aimerai savoir c'est priciser dans la ligne suivante que la nouvelle classe s'adresse à un lien.
document.getElementById('liens').className='menuinactif';
pour plus de précision je vous invites à voir ça ici dans la gallerie " portfolio ".
j'espert avoir été assez clair merci d'avance 
________________
doudoudidon
|
|
|
[ Posté par jparia ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 04-08-2008 à 14:07 | 564 messages ]
Slt,
peux-tu donner le bout de code html avec la liste et les liens
merci
________________
bibliothèque javascript jaria: http://jaria.free.fr
|
[ Posté par fazerofgod ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 04-08-2008 à 14:56 | 7 messages ]
yes, tien :
donc là, si je passe la souris sur ce lien, il va changer la classe "boiboite2" de la div "carre6".
element1 :
<li id="liste6" class="listeinactif" onmouseover="document.getElementById('carre6').className='boiboite2';"><a href="#"> Vaisselier Louça </a> </li>
|
|
et là si je passe sur la div "boiboite6" il va changer le style de la liste "liste6". Et c'est là que ce situe mon problème, puisque je n'arrive pas a dire que c'est le <a></a> du style que je veux changer.
element2 :
<div id="carre6" class="boiboite" onmouseover="document.getElementById('liste6').className='listeactif';"
|
|
wala.
________________
doudoudidon
|
[ Posté par v1nce ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 04-08-2008 à 17:47 | 3861 messages ]
li.listeactif a {color:black;}
li.listeinactif a {color:white;}
________________
V1nce
Si je les ai oubliés les bonjour, merci et au revoir sont implicites
Brevets logiciels : dites NON !
http://petition.eurolinux.org/index.html
http://swpat.ffii.org/index.fr.html
|
[ Posté par fazerofgod ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 05-08-2008 à 00:58 | 7 messages ]
salut et merci pour ta réponse v1nce mais c'est pas vraiment ce que je demandai ...
en css j'ai aucun problèmes mais c'est surtout au niveau de l'appel au changement de classe fait par le javascript.
Et puis je tien aussi a m'excuser pour le premier message, je n'ai pas mis le site en question :
http://nicolaslibeaut.fr
donc en gros je récapitule, j'ai des div et quand je passe ma souris au dessus de celles çi, j'aimerai que mes <a> dans mes <li> changent de couleur.
ça c'est les classes css :
listeactif {
background-color:#F4F4F4;
color:#000000;
}
listeinactif{
color:#929181;
background-color:#FFFFFF;
}
|
|
ça c'est mon lien dans une li qui me pose problème :
<li id="liste6" class="listeinactif" onmouseover="document.getElementById('carre6').className='boiboite2';"><a href="#"> Vaisselier Louça </a> </li>
|
|
et là c'est je pense la cause de mon problème, étant un piètre codeur je ne vois pas comment changer la couleur du lien et le fond la <li> en passant sur la <div> en question :
<div id="carre6" class="boiboite" onmouseover="document.getElementById('liste6').className='listeactif';"></div>
|
|
parce que là moi je change juste la classe de la <li> et pas celle de mon <a> ...
j'espers que vous y voyez plus clair maintenant ...
________________
doudoudidon
|
[ Posté par v1nce ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 05-08-2008 à 12:31 | 3861 messages ]
fazerofgod a dit
salut et merci pour ta réponse v1nce mais c'est pas vraiment ce que je demandai ...
|
|
as-tu essayé au moins ?
parce que là moi je change juste la classe de la <li> et pas celle de mon <a> ...
|
|
la défintion css définit un aspect différent pour les A suivant la classe des LI qui les contiennent
On pourrait faire plus simple et plus clair (full css) avec des browsers intelligents (FF...) mais bon tant que IE conservera ses PDM faudra utiliser du JS
________________
V1nce
Si je les ai oubliés les bonjour, merci et au revoir sont implicites
Brevets logiciels : dites NON !
http://petition.eurolinux.org/index.html
http://swpat.ffii.org/index.fr.html
|
[ Posté par fazerofgod ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 07-08-2008 à 15:44 | 7 messages ]
Salut,
Tu sais je ne voulais pas être désagréable, c'est pas la peine de s'énerver. Bien sûr que j'ai essayé, sauf que je n'ai toujours pas de résultats ou alors je m'y suis mal pris . Et c'est justement pour ça que je fait appel à vous, pour me sortir de ce merdier.
Si tu peu m'aider j'en serai ravi parce que j'en suis toujours au même point.
________________
doudoudidon
|
[ Posté par v1nce ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 08-08-2008 à 10:04 | 3861 messages ]
|
pour le onmouseover sur boiboit inspire toi de
<html>
<head>
<style>
.actif /* les propriétés du LI */
{
background-color:blue;
}
.actif a /* les propriétés du lien lorsqu'il se trouve dans un LI actif */
{
background-color:green;
text-decoration:underline;
}
.inactif /* les propriétés du LI inactif */
{
background-color:red;
}
.inactif a /* les propriétés du lien lorsqu'il se trouve dans un LI actif */
{
background-color:yellow;
}
</style>
<script>
function toggle(objref)
{
if (objref.parentNode.className=="actif")
objref.parentNode.className="inactif"
else
objref.parentNode.className="actif"
}
</script>
</head>
<body>
<ul>
<li class="actif"><a href="#" onclick="toggle(this)">click moi</a></li>
<li class="actif"><a href="#" onclick="toggle(this)">click moi</a></li>
<li class="actif"><a href="#" onclick="toggle(this)">click moi</a></li>
<li class="actif"><a href="#" onclick="toggle(this)">click moi</a></li>
<li class="actif"><a href="#" onclick="toggle(this)">click moi</a></li>
<li class="actif"><a href="#" onclick="toggle(this)">click moi</a></li>
<li class="actif"><a href="#" onclick="toggle(this)">click moi</a></li>
</ul>
</body>
</html>
|
|
________________
V1nce
Si je les ai oubliés les bonjour, merci et au revoir sont implicites
Brevets logiciels : dites NON !
http://petition.eurolinux.org/index.html
http://swpat.ffii.org/index.fr.html
|
Home Page
]
