onClick dans une balise <a href>

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?

Code:

---

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

---

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

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

Citation:

---

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 :mrgreen:

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

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

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

Sinon, il y a aussi

Code:

---

document.formulaire.methode = "post";

---

:aie:

JavaScript ne parle pas français :mouarf:
Donc c'est

Code:

---

document.formulaire.method = "post";

---

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.

Citation:

---

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 :aie:

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é :aie:

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(); }

---

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?

javascript dans un href :roll:

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

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!!!!!!!!!!!

ç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 ?

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 :

Citation:

---

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

Citation:

---

il apparait bien dans le html

---

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

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>

---

Code:

---

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

---

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

c'est ce que je disais :

Citation:

---

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

---

:?

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

Ton fichier a quelle extension ??

...Je suis tout jeune Mossieur Frog m'en voulez pas :cry:
Je debute encore en programmation et habituellement(quand je kikoololait à la maison) j'utilisais des include php. Ici projet JSP/servlet je voulais essayer de me faciliter la vie en mettant le menu dans un fichier à part, pareil pour l'entete pied de page et cetera.

donc là quelques clics sur développez.net et je me mets au javascript, donc j'ai créé un fichier html avec juste :

Code:

---

1 2 3 4 5 6 7 8

<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> </ul>

---

je mets dans ma jsp : Grille.jsp :

Code:

---

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

---

et comme ca n'a pas fait des chocapics de suite je suis gentillement allé sur google puis ej suis venu vous voir.