onClick dans une balise <a href> [Débutant(e)] [Résolu]

[coshibe]

Bonjour à toutes et à tous,

Je souhaite configurer mon menu en javascript. ainsi j'ai un élément de mon menu :

Code :

1
2
3
4
 
        <li>
                <a href="#" onclick="clickEvenement(<%=ecranMenu.MENU_GRILLES_BASE%>; return false)"> Grille Base</a>
        </li>

voici la fonction clickEvenement :

Code :

1
2
3
4
5
       function clickEvenement(valeurEvenement){
	document.formulaire.evenement.value = valeurEvenement;
	document.formulaire.methode = "post";
	document.formulaire.submit();
}

Et comme c'est la premiere fois que je me frotte au javascript j'ai du mal à voir si ce que je fais est bon ou non, car je sais que les pseudos url peuvent poser problème et en l'occurence chez moi c'est le cas puisque lorsque je clique ca rajoute juste un #à l'url... alors que je voudrai qu'il execute ma fonction clickEvenement.

Une idée?

[SpaceFrog]

Code :

onclick="clickEvenement(<%=ecranMenu.MENU_GRILLES_BASE%>);return false;)

Et à part ça ... c'était quoi la question ?..

[coshibe]

J'avais malencontreusement posté avant de finir d'ecrire...^^ j'ai édité

[Bovino]

Envoyé par coshibe

J'avais malencontreusement posté avant de finir d'ecrire...^^ j'ai édité

Ca n'enlève rien au fait que la réponse de Spaffy est juste

[coshibe]

c'est corrigé et malgré cela rien n'y fait...

[SpaceFrog]

Non je pense que tu as mal lu ma réponse .
peut on voir le nouveau code de ta balise a ?

[coshibe]

Code :

1
2
3
        <li>
                <a href="#" onclick="clickEvenement(<%=ecranMenu.MENU_GRILLES_BASE%>); return false;"> Grille Base</a>
        </li>

--petit c dans onclick
--";" apres le click evenement et apres le return

[Bovino]

Sinon, il y a aussi

Code :

document.formulaire.methode = "post";

JavaScript ne parle pas français
Donc c'est

Code :

document.formulaire.method = "post";

[coshibe]

Pourtant mon clickEvenement marche tres bien dans : une balise INPUT :

Code :

1
2
<input name="btnRechercher" type="submit"  value=<%=ecranUO.libelleBouton("Rechercher",15)%> 
	onClick="clickEvenement(<%=ecranUO.BOUTON_RECHERCHER%>)" tabindex="1">

donc je ne suis pas sur que ca soit utile de changer la fonction Bovino.

[Bovino]

Envoyé par coshibe

Pourtant mon clickEvenement marche tres bien dans : une balise INPUT

Que ça marche est une chose, savoir pourquoi en est une autre

Lorsque tu cliques sur ton submit, cela déclenche la fonction.
La première ligne

Code :

document.formulaire.evenement.value = valeurEvenement;

est correctement interprétée, donc la valeur de ce champ est modifiée.
La seconde ligne pose problème (à moins que tu aies un champ dont le name est methode, mais là, ce serait s'embrouiller pour le plaisir...), le formulaire ne possède pas de propriété methode et pas de champ dont le name est methode, il crée donc une propriété methode au formulaire, mais ne change pas l'attribut method !
Quant à la dernière ligne... appeler la méthode submit() après avoir cliqué sur un submit, l'intérêt me semble assez limité

Pour te convaincre de cela, essaye en modifiant ton code :

Code :

1
2
3
4
5
6
7
function clickEvenement(valeurEvenement){
	document.formulaire.evenement.value = valeurEvenement;
	alert(document.formulaire.methode + ' / ' + document.formulaire.method);
	document.formulaire.methode = "post";
	alert(document.formulaire.methode + ' / ' + document.formulaire.method);
	document.formulaire.submit();
}

[coshibe]

Merci Bovino ca me parait plus clair et je pense avoir trouver d'ou vient mon erreur.

En fait la partie

Code :

1
2
3
<li>
                <a href="javascript:clickEvenement(<%=ecranMenu.MENU_GRILLES_BASE%>)"> Grille Base</a>
        </li>

je l'importe via

Code :

<jsp:include page="../menus/leftMenu.html" />

sans l'include, quand j'incorpore directement le code ca marche tres bien. Pourquoi est ce qu'avec l'include ca coince?

[SpaceFrog]

javascript dans un href

Code :

1
2
3
 
 
 <a href="#" onclick="clickEvenement(<%=ecranMenu.MENU_GRILLES_BASE%>); return false;"> Grille Base</a>

a condition que tu passes un integer en prarmètre

[coshibe]

J'arrive à le faire marcher grace à toi SpaceFrog, Dans am classe EcranMenu je defini :

Code :

public static final int MENU_GRILLES_BASE = 1001;

Donc quand j'adapte :

Code :

1
2
3
<li>
                <a href="javascript:clickEvenement(1001)"> Grille Base</a>
        </li>

Ca marche...

Est ce que ca veut dire qu'a cause de l'include il ne peut pas lire le

Code :

<%=ecranMenu.MENU_GRILLES_BASE%>

et surtout pourquoi?

En tout cas merci pour tout. J'ai enfin un menu opérationnel!!!!!!!!!!!

[SpaceFrog]

ça à l'air de relever plus de JSP qu'autre chose ...

perso je bannis le javascript dans le href ...

que donne le html généré avec mon code ?

[coshibe]

Il ne veut pas en entendre parler, Je m'explique, il apparait bien dans le html mais il n'est pas interprété apparement. du coup il va à l'adresse "#"....

donc solution finale :

Code :

1
2
3
<li>
                <a href="javascript:clickEvenement(1001)"> Grille Base</a>
        </li>

J'ai lu dans un autre topic sur le site :

l'explication est la suivante :
- <% include ... inclut le fichier tel quel. C'est comme si tu faisais un copier coller dans ta page. Donc tu n'as pas besoin de redéfinir tous tes imports de taglibs, etc... (Si tu le fais tu auras une erreur d'ailleurs).

- <jsp:include inclut une page jsp indépendante (Qui doit définir ses propres imports de taglibs, etc...).

C'est donc pour ca que ton code n'est pas interprété (L'import de la taglib contenant <h:...> n'est pas fait et donc il ne comprend pas. Par contre, avec le <% include ... , l'import est déjà fait plus haut, donc pas de problème.
Il faut donc que tu refasses tes imports en haut de ta page inclut.

Voila...

d'ou les problemes que j'ai avec <jsp:include

[SpaceFrog]

il apparait bien dans le html

on peut voir le html généré ?

[coshibe]

exactement la meme chose que ce que tu m'as donné

Code :

1
2
3
4
5
6
7
<ul id="menu">
 
        <li>
 
               <a href="#" onclick="clickEvenement(<%=ecranMenu.MENU_GRILLES_BASE%>); return false;"> Grille Base</a>
        		<!-- <a href="javascript:clickEvenement(1001)"> Grille Base</a>-->
        </li>

[SpaceFrog]

Code :

onclick="clickEvenement(<%=ecranMenu.MENU_GRILLES_BASE%>); return false;">

le code jsp n'est pas interprété !

[coshibe]

c'est ce que je disais :

il apparait bien dans le html mais il n'est pas interprété

[SpaceFrog]

????
ben comment tu fais d'habitude pour faire tes pages .... ???

Ton fichier a quelle extension ??