Discussion :

[Vow]

Bonjour

Je vais un peu expliquer le contenu de cette partie mon projet pour commencer.

En gros, il s'agit d'ensemble de scripts PHP, avec tout pleins de fonctions PHP et quelques fonctions Javascript.

Parmi les fonctions PHP, celle qui gère le multipage de tableau. Elle fonctionne bien en temps normal, les checkbox de chaque ligne sélectionnée d'un tableau étant sauvegardées en revenant sur la page en question. Tout ceci passant en utilisant un submit du formulaire en question.

Là où ça se complique, c'est lorsque j'utilise un objet DataGrid de la librairie Dojo pour formater le tableau (entre autre). J'ai réussi à pouvoir récupérer les données sélectionnées via une fonction qui crée une "checkbox invisible" pour chaque élément sélectionné.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function selectInForm(myForm)
{
	var items = grid0.selection.getSelected();
	if(items.length)
	{
		dojo.forEach(items, function(selectedItem) {
			if(selectedItem !== null) 
			{
				var docSel = document.createElement('INPUT');
				docSel.setAttribute('type', 'hidden');
				docSel.name = 'selItem[]';
				docSel.value = grid0.store.getValues(selectedItem, \"DOC_ID\");
				docSel.setAttribute('checked', true);
				myForm.appendChild(docSel);
			}
		});
	}
}

Bref, ce n'est toujours pas le soucis à mon avis.

Pour appeler cette fonction, j'utilise une de mes fonctions "génériques" :

Code :

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

1
2
3
4
5
6
7
function addEvent (obj, evName, fct) 
{
	if (obj.attachEvent)
		obj.attachEvent("on" + evName, fct);
	else
		obj.addEventListener(evName, fct, false);
}

Ce qui donne en gros dans mon cas :

Code :

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

1
2
3
addEvent(window, 'load', function () {
		addEvent(formulaire, 'submit', selectInForm);
	});

Comme ça ne fonctionnait pas (ça ne rentre même pas dans la fonction), j'ai testé en changeant le addEvent submit par le "click". Ca fonctionne bien, mais évidemment je ne peux pas utiliser cette solution puisqu'inconvenable à la situation : création de checkbox même quand on désélectionnait les lignes, ce qui est logique puisque l'événement était déclenché à chaque clic sur le tableau.

Même en testant :

Code :

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

addEvent(formulaire, 'submit', function(){ alert('ok'); });

ça n'est pas pris en compte.


Là je me prends un peu trop la tête dessus, les recherches n'emmènent rien, les collègues n'aident pas pour se concentrer correctement sur ça, bref... le caca
C'est donc pour ça que je viens appeler au secours chez mes amis DVP
Merci d'avance !

[SpaceFrog]

lut VOw

Code :

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

docSel.name = 'selItem[]';

là ça va coincer ...

Un peu de lecture sur le sujet
http://www.developpez.net/forums/d53...ight=spacefrog

[Vow]

Coucou la grenouille

Donc j'imagine spécialement à ce soucis ?
http://www.developpez.net/forums/d53...m/#post3199144

J'utilise IE6 pour ma part, en pensant bien que si ça peut fonctionner là, ça ne sera pas pire après
Oui parce que j'ai oublié de dire que je testais mes codes en premier sur IE6... Et donc que mon code d'ajout d'événement du submit ne fonctionne pas sur ce navigateur.

En tout cas, au niveau du nom des checkboxes, ça passe très bien. Alors peut-être sur IE7, ça ne le fait pas puisque tu soulignes le problème.
Au pire je change la ligne par :

Code :

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

docSel.setAttribute(name, 'selItem[]');

ce qui ne devrait pas poser de soucis à priori.

De toute façon, mon problème ne vient pas de là.
Mais merci d'avoir répondu

PS : Comme d'hab, je rapporte des problèmes un peu bizarroïdes

[Bovino]

Salut

Code :

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

1
2
3
addEvent(window, 'load', function () {
		addEvent(formulaire, 'submit', selectInForm);
	});

es-tu sûr que formulaire est bien défini lorsque tu appelles addEvent ? Parce que selon le code que tu montres, ça ne semble pas être le cas
Ensuite, attention, manifestement, selectInForm attend un paramètre (bien qu'il ne semble pas utilisé...) dans ce cas, la syntaxe serait plutôt :

Code :

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

1
2
3
addEvent(window, 'load', function () {
		addEvent(formulaire, 'submit', function(){selectInForm(param)});
	});

[Vow]

C'est ça quand on modifie ses fonctions à la volée pour les mettre sur le forum
En réalité, il n'y a pas de paramètre dans ma fonction "selectInForm".
Puis mon test "addEvent(formulaire, 'submit', function(){ alert('ok'); });" ne passait pas non plus, donc...

Réponse à l'autre question : oui la variable que j'ai appelé ici "formulaire" (qui est en fait plutôt du genre "document.forms['xxx']" dans mon code) existe bien.
J'avais testé ma fonction addEvent en utilisant "document.getElementsByName('xxx')[0]".

Dans tous les cas, l'utilisation du addEvent avec l'événement "click" n'aurait pas fonctionné si l'objet n'existait pas. Or là, ça fonctionne bien.

Merci à toi

[SpaceFrog]

je suppose que si tu mest des crochets au name c'est pour recupérer un array coté serveur ...
le souci ne se posera à priori pas coté client
mais sous IE on ne peut pas attiebuer un name en runtime autrement que par la methode dans les contributions
donc même

Code :

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

docSel.setAttribute(name, 'selItem[]');

est vain

lors du submit les elements ne seront pas reconnu coté serveur ...

[Vow]

Oui je veux récupérer les valeurs en PHP pour les traiter, et à priori c'est la seule manière d'y arriver.

Et lors du submit, je récupère bien mon POST avec ce name. Une exception d'IE6 par rapport aux versions suivantes ?

[SpaceFrog]

Je me réfère à ce qu'en dit microsoft lui même ...
mais c'est un tel bronx entre les versions ^^
http://msdn.microsoft.com/en-us/libr...8VS.85%29.aspx

[Vow]

S'ils ne savent même pas ce qu'ils disent de leurs produits...

Bref, mais sans parler de ce soucis de name, tu as une idée ?

[SpaceFrog]

n'oublies pas le return true ou false à la fin de la fonction onsubmit ..

[Vow]

En effet... Quel boulet

Mais ça ne change rien :

Code :

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

addEvent(formulaire, 'submit', function () { alert('ok'); return false; });

par exemple, n'est pas pris en compte.

[SpaceFrog]

Attention !!!!

ajouter un onsubmit fonctionne !!

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<script type="text/javascript">
function foo(){
 
document.forms['myform'].onsubmit=function(){
alert('coucou');
return false;
}
 
}
</script>
 
 
</head>
 
<body>
<form id="myform" name="form" action="javascript:alert('envoyé')" >
<input type="submit" value="send" />
</form>
<input type="button" onclick="foo()" value="test" />
</body>
 
</html>

par contre il faut savoir que lorsque l'on fais un submit dynamiquement on ne passe par par le onsubmit ...

il faut faire :

Code :

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

if(document.forms['myform'].onsubmit()){document.forms['myform'].submit()}

[Vow]

Voici mes liens de page :

Code :

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

<A HREF="#" onClick="document.f1.action = 'view.php?blabla=76&p=2'; if (document.forms['f1'].onsubmit()) {document.forms['f1'].submit();} return false;">2</A>

Et (comme je m'en doutais), ça plante au onsubmit() :

Code:0
Error:Cet objet ne gère pas cette propriété ou cette méthode

[SpaceFrog]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script type="text/javascript">
function foo(){
alert('je vais envoyer à  '+this.action);
return true;
 
}
 
</script>
 
 
</head>
 
<body>
<form id="f1" name="f1" action="javascript:alert('envoyé')" >
<input type="submit" value="send" />
</form>
<a href="#" onclick="document.forms['f1'].action = 'view.php?blabla=76&p=2'; document.forms['f1'].onsubmit=foo; if(document.forms['f1'].onsubmit()){document.forms['f1'].submit();};return false;">2</A></body>
 
</html>

[Vow]

En effet, ça fonctionne.

Mais :
- on écrase la "fonction" onSubmit (et si elle existait déjà, pour d'autres raisons)
- la gestion multi-page est faite ailleurs.


D'où une volonté d'imbriquer des événements.
Pfff... En même temps, je ne vais pas me compliquer la vie

[Bovino]

Mais :
- on écrase la "fonction" onSubmit (et si elle existait déjà, pour d'autres raisons)

Oui et non, Spaffy ayant eu la bonne idée de la stocker dans la variable foo, il suffit de la rappeler

Code :

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

if(typeof foo=='function'){foo()}

[SpaceFrog]

même sans ecraser

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
<script type="text/javascript">
 
function bar(){
var formulaire = document.getElementById("myform"); 
if (formulaire.addEventListener) { 
  formulaire.addEventListener("onsubmit", foo, false); 
} else if (formulaire.attachEvent) { 
  formulaire.attachEvent("onsubmit", foo); 
}
}
function foo(){
alert("je vais envoyer");
return true;
}
 
</script>
 
 
</head>
 
<body>
<form id="myform" name="myform" action="javascript:alert('c\'est fait')" onsubmit="alert('rien');return false;">
<input type="submit" value="send" />
</form>
<input type="button" onclick="bar()" value="change" />
 
</body>
</html>

Faut juste faire attention à savoir si le onsubmit existant renvoie déja un true ou un false ...

[Vow]

Justement, l'appel à mon addEvent fait tout ce qui est dans ta fonction bar()... et ne fonctionne pas puisque je suis obligé de passer par un lien, non pas par deux boutons (le button pour ajouter l'événement, et le submit pour envoyer le bazard). D'où l'utilité de rajouter finalement le onsubmit() dans ma fonction php de gestion des pages (en ajoutant le nom de la fonction à traiter à ce moment là), à priori. Du coup, plus besoin de addEvent.

Merci en tout cas à vous deux.

[SpaceFrog]

lien ou bouton ... même combat je ne vois pas de différence ...

Mais bon tu as l'air d'avoir trouvé une solution qui te convienne ...

[Vow]

Exact, c'est le cas.

Je vais passer en Résolu ce topic, même si au final ce n'est qu'un contournement.
Merci encore