clic de lien

Question

Bonjour,
j'ai un souci avec mon menu de site web. J'aurais voulu qu lorsque je clic sur un lien de mon menu, celui-ci change de couleur et garde cette couleur jusqu'a ce que je clic sur un autre element du menu. pouvez vous m'aider s'il vous plait

sasha35 · Accepted Answer

Mon html: Site de sasha

Hello Salut Bjr

Mon js: window.onload = init ; function init() { document.getElementById('lien'). /*<-ne pas laisse d'espace dans document.getElementById*/ addEventListener('click', changerClasse, true); } function changerClasse() { /*var lesliens = document.getElementsById('lien'); for(var i=0;i

toto · Answer

Personne ne veut m'aider?? S'il vous plait. je cherche depuis longtemps sur les forum et je trouve que des questions qui restent sans réponse. Est-il possible de le faire en PHP ou en javascript??? HELP

arsenal_fc · Answer

salut toto 
-si tu veux que la couleur change au passage de la souris tu dois utiliser a:hover
-si tu veux que la couleur change au moment du clic tu dois utiliser a:active 
-si tu veux que la couleur change lorsque le lien est sélectionné a:focus

toto · Answer

Je veux en faite faire comme le menu de Comment ça marche (Accueil, forum astuces ....). lorsqu'on est dans un onglet, celui-ci change de couleur et lorsquon clic un autre onglet, le précédent revient a sa valeur initiale

toto · Answer

personne ne veut m'aider?

toto · Answer

HELP ME

sasha35 · Answer

voila comment le site comment ca mache le fait: ils renvoie l'information du clic sur un lien à une page php comme ça et la page change les classes des liens en rien du tout et ensuite celle du lien cliquer en selected:

toto · Answer

Je fait comment dans ma page PHP? if($id=="accueil"){ //ça c'est le lien que je vien de cliquer class=="selected" } J'ai ça dans mon html:

sasha35 · Answer

voila en cherchant pour autre chose je suis tomber sur un ancien cour: dans ton html:

sasha35 · Answer

Je croit qu'en mettant cette ligne a la place de "la il faudrait mettre la même ligne que celle du dessous pour dire que tout les liens prennent la classe->normal ou un autre nom que tu réutilisera dans ton css" dans mon mess précédant ça devrait marcher.
document.getElementById('lien').setAttribute('class','normal');

toto · Answer

j'ai fait ça mais ça ne marche pas:

sasha35 · Answer

pour appeler la page javascript a tu fait qqchose comme ça? Sinon dans ta page de javascript je croit que tu n'a pas besoin de:

sasha35 · Answer

je vais essayer de mon coter mais je ne pourrait te répondre que demain.

Utilisateur anonyme · Answer

arthezius, revois tes scripts d'inscription, je veux jouer à space attack ;)

Utilisateur anonyme · Answer

Ne jamais mettre en ligne un prjet non abouti (règle n°1?)

toto · Answer

Je pense qu'on en est pas loin. le javascript a l'air d'etre bon. c'est ce que je veux, lorsqu'on clic sur un lien, tous les liens se mettent en normal et le lien cliqué se met en selectde. donc c'est bien ça mais bizarement, je ne vois aucun effet, on dirais que les liens n'arrivent pas a se mettre en selected.

sasha35 · Answer

Voila ce qui se passe chez moi je double clic sue le fichier cliclien.html ce qui ouvre une page firefox qui comprend trois lien en jaune si je clique sur le premier lien (j'ai fait l'erreur de mettre le même id à chaque lien donc ça ne fonctionne pas pour les autre) cela m'ouvre un autre onglet avec les trois lien en jaune et class=normal mais si je  revient sur l'onglet précédent le premier lien est en vert et class=selected

sasha35 · Answer

je  suis en train de voir pour integrer une boucle for qui passe par tout les nom de lien si bien sur on les nomme lien1, lien2 , etc 
Mon code actuel(qui ne fontionne pas):
window.onload = init ;
function init()
{
	alert("init");
	var getelem='';
	var getelems = array();
	
	while(getelem!='')
		{	alert("while");

			for(var i=0;i<100;i++)
				{
					alert("for");
					var getelem = document.getElementsById('lien.[i]');
					getelems[]=getelem;
					//lesliens[i].setAttribute('class','normale');
				}
		}
	//document.getElementById('lien').
	alert("eventlistener");
	addEventListener('click', changerClasse, true);

}
function changerClasse()
{
/*var lesliens = document.getElementsById('lien');
for(var i=0;i<lesliens.length;i++)
{
alert("bouclefor");
lesliens[i].setAttribute('class','normale');
}*/
this.setAttribute('class','selected');
}

sasha35 · Answer

J'ai pas retoucher au code et je renverrait un mess pour te montrer mon avancer lundi au plus tard je n'aurai peut être pas de connexion internet disponible pour ce week end.

sasha35 · Answer

Slt, j'ai pas eu le temps de bosser sur le code mais j'ai penser que en construisant tes pages différemment ça pourrais marcher, tu fait une page qui ne voit que la partie contenue changer (dans une frame)et le reste ne bougerais pas, et la ton menu ne serai pas recharger et donc la classe pourrait être changer(le problème c'est que pour actualiser une partie d'une page seulement il faut de l'ajax et je ne mis connait pas malgré que j'ai des cours dessus auquel je pourrait jeter un coup d'œil.

sasha35 · Answer

Tien à mettre dans le css, je ne savais pas que ça existait:

Voici l'explication fournie avec le bout de code:
"Finalement, la classe suivante est utilisée pour mettre en valeur l’élément de menu de la page actuellement affichée :"

Et le code:
.menu li#current a {
  color: #B22819; /* Couleur de texte */?
}

J'ai pas eu le temps de l'essayer, mais je voit ça de mon coté.

Dalida · Answer

salut,

tu peux peut être le coder en dur dans le HTML :

 <a onclick="changerClasse();" id="lien" class="normal" href="#" target="gauche" value="societe" name="hello">Hello</a>

ou alors mieux vaut utiliser les classes en bouclant sur tous les liens du document :

window.onload = init ;
var links = array();
function init()
{
	var all_links = document.getElementsByTagName('a');
	for(link in all_links)
	{
		if(link.getAttribute('class') == 'menu_js')
		{
			link.addEventListener('click', changerClasse, true);
			links[] = link;
		}
	}
}

function changerClasse()
{
	for(link in links)
	{
		link.setAttribute('class','menu_js');
	}
	this.setAttribute('class','menu_js_selected');
}

et dans ton HTML tu définis la classe des liens à traiter avec "menu_js".

en CSS il faudra coder :

a.menu_js{}
a.menu_js_selected{}

ça reste à tester, si tu ne l'as pas encore, installe FireBug, il te montrera les erreurs de JS.

Clic de lien

22 réponses

Votre réponse

Discussions similaires

Newsletters