Fonction js non appelée sous firefox.

Version imprimable

09/09/2009, 17h00
DevServlet

Fonction js non appelée sous firefox.
Qcq peut me dire pourquoi cette fonction javascript n'est pas appéleé?
Code:

1 2 3 4 <h:commandLink id="submit3" onclick="javascript:annuleSaisie(this)"> <muc:boutonProjet paramBtnText="#{acc.bouton_annuler}" /> </h:commandLink>
Quand je mets a4j à la place de h , ma fonction est bien appelée.
Any idea?????
09/09/2009, 17h16
Sniper37

bizard ..8O
tu es sur qu'elle n'est pas appelé?? tu n'a pas d'erreur dans la fonction javascript..
Il n'ya pas de différence dans le onclick du a4j et h commandLink
09/09/2009, 17h44
DevServlet

Le truc chiant c'est que sous IE pour une fois ça marche, mais sous Firefox non.
09/09/2009, 17h56
Sniper37

Citation:

Envoyé par DevServlet

Le truc chiant c'est que sous IE pour une fois ça marche, mais sous Firefox non.

ajoute un

Code:

alert('coucou')

au début de la fonction voir si elle est appelée, ou utilise firebug voire si y'a des erreurs javascript.

En fait il y'avait une erreur dans ma fonction js, IE ne voyait pas l'erreur, c'est pourquoi ma fonction s'exécutait sur l'un et pas sur l'autre.
Voila ma fonction :
Code:

1 2 3 4 5 6 7 function annuleSaisie(param) { 1) var reg = new RegExp("[:]+", "g"); 2) var result = param.name.split(reg); 3) var formulaire = result[0]; 4) document.getElementById(formulaire+":detecteur").value='10'; 5) Richfaces.showModalPanel(formulaire+":cancelPanel"); }
C'est la 4 ligne qui causait le blocage sous firefox.
Quand je la mets en commentaire ca passe, mais seulement la durée d'affichage de ma popup est fonction de la balise qui la charge :
Code:

1 2 3 <h:commandLink onclick="javascript:annuleSaisie(this)" id="submit3"> ...
Avec ça l'affichage de la popup se fait en éclair, mais avec ça:
Code:

1 2 <a4j:commandLink onclick="javascript:annuleSaisie(this)" id="submit3">
Là la popup s'affiche et attend une action du client, sauf que je ne veux pas l'utiliser puisqu'avec A4J il y'a un appel serveur au chargement de la popup, ce qui ne m'arrange pas.
Une idée?

09/09/2009, 21h24
tchize_

puisque, manifestement, tu veuxjuste un lien javascript qui ne soumet rien. Tu as le choix entre:

Code:

<a href="javascript:annuleSaisie(this)" id="submit3">

ou

Code:

<h:commandLink onclick="annuleSaisie(this); return false;" id="submit3">

La première version étant à préférer ;)
10/09/2009, 11h30
DevServlet

Ouais j'ai pas d'appel serveur à effectuer,
J'ai un petit souci:

Code:

document.forms[formulaire].reset();

marche sous IE mais pas sous firefox, il connait pas cette fonction, existe til un moyen de contournement?
10/09/2009, 13h27
tchize_

Citation:

Envoyé par DevServlet

Code:

document.forms[formulaire].reset();

marche sous IE mais pas sous firefox, il connait pas cette fonction, existe til un moyen de contournement?

Que vaut ta variable formulaire ?
10/09/2009, 15h14
DevServlet
En fait c'est pas la fonction qui marchait pas, c'est l'id du formulaire qui n'etait pas récupéré sous fiirefox, je ne sais pas pourquoi.
Ce code :
Code:

1 2 <h:form id="absence" onchange="javascript:modifDetecteurSaisie(this)"> ...js...
marche bien dans les 2 navigateurs puisque je récupère bien le this.
Mais ce code :
Code:

1 2 <h:commandLink onclick="javascript:annuleSaisie(this);return false" id="submit3">
ne marche pas sous Firefox, mais je vais arreter de me prendre la tete avec ca.
Dans chaque formulaire où j'aurai besoin de cette fonction, je passerai le nom du formulaire en dur.
Merci pour vos reponses.
10/09/2009, 15h21
tchize_

dans le premier cas, "this" correspond au formulaire, dans le second cas, "this" correspond au tag <a>
10/09/2009, 16h01
DevServlet

Oui mais on est en JSF, tous les id ont ce format "idFormulaire:idComposant"
Moi dans mon js je faisais un split dans les 2 cas, le nom du formulaire correspondait à l'elt en position 0, ce qui marchait bien sous IE , mais pas sous firefox, le this était vide sous firefox.
10/09/2009, 19h58
tchize_

on peu voir le code de tes fonctions javascript (je me rend compte qu'elles ont des noms différents)

Voila mes js:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
function annuleSaisie(formulaire) {
	var valDetecteur=document.getElementById(formulaire+":"+idDetecteur).value;
	if (valDetecteur!=null && valDetecteur!="")
	if (confirm("Vous allez perdre les modifications saisies, Confirmez vous...?"))
	{
		//On reinitialise notre detecteur
		document.getElementById(formulaire+":"+idDetecteur).value="";
		return true; //Permet de demarrer l'appel serveur
	}
	return false; //Bloque l'appel au serveur
}
...
 
function modifDetecteurSaisie(param) {
	var result = param.name.split(reg);
	var formulaire = result[0];
	document.getElementById(formulaire+":"+idDetecteur).value='1';
}

14/09/2009, 15h12
tchize_

Le commandLink est rendu par une balise <a>. La balise <a> n'est pas un champ de formulaire et donc son attribut name n'a pas de valeur. Utilise de préférence l'attribut id, qui lui a été initialisé.