Discussion :

[coshibe]

Bonjour à toutes et à tous,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

voici la fonction clickEvenement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

document.formulaire.methode = "post";

JavaScript ne parle pas français
Donc c'est

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.formulaire.method = "post";

[coshibe]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

je l'importe via

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

public static final int MENU_GRILLES_BASE = 1001;

Donc quand j'adapte :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<%=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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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