Caractére spéciaux + dijit.InlineEditBox

Version imprimable

Salut tout le monde ,

J'ai un problème avec l'enregistrement des modifications éffectuées avec dijit.InlineEditBox .Lors d'une modification d'une valeur telle que la nouvelle valeur contient des caractères spéciaux comme (? , # et / ) il donne une erreur par contre si la nouvelle valeur ne contient pas des caractéres spéciaux passe sans probléme .

voila mon code :
Code:

1 2 3 4 5 6 7 8 Title: <div id="title" dojoType="dijit.InlineEditBox" editor="dijit.form.TextBox" onchange="saveChange(this.id,arguments[0])" > Qui sommes nous ? </div>
Merci d'avance.

03/08/2009, 18h12
emmanuel.remy

Salut,

Quelle erreur as tu ?
J'ai essayé ton code et je n'ai aucun problème :?

Tu utilises quelle version de Dojo ?

ERE

Merci pour votre réponse j'utilise la version 1.3 de dojo .

L'erreur que j'ai c'est :

Probleme requete ajax
Error: Unable to load save-change/id/4/newVal/ aa #m ?
status:500

En fait ,j'affecte le composant dojo, le type d'editeur et la methode qui permet d'enregistrer les modifications avec java script .

voila le code :
Code:

1 2 3 4 5 6 7 8 function editZone (zone) { zone.document.getElementById(idElement); zone.setAttribute("dojoType","dijit.InlineEditBox" ); zone.setAttribute("editor" , "dijit.form.TextBox"); zone.setAttribute("onChange" , "saveChange(this.id,arguments[0])"); }
la méthode qui pemet d'enregistrer les modifications:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 function saveChange(idZone, newVal) { dojo.xhrGet({ la nouvelle valeur contien des caractéres spéciaux url :"save-change/idZone/" + idZone + "/newVal/" + newVal , handleAs :"text", timeout :5000, load : function(response) { alert("Modification effectuée avec succès "); }, error : function(error) { alert('Probleme requete ajax \n ' + error); } }) }

Re,

Plutôt:

Code:

1
2
3
4
5
6
7
 
function editZone (zone) {
   var saveZone = function() {
      saveChange(this.id,arguments[0]);
   };
   new dijit.InlineEditBox({onChange: saveZone, editor:"dijit.form.TextBox"}, zone);
}

ERE

04/08/2009, 10h09
devkaty

Salut,

J'ai testé ce code aussi mais toujours la meme erreur , je pense que c'est pas un probleme de création du composant.
Il n'accept pas les caractéres spéciaux :?
04/08/2009, 11h02
emmanuel.remy

Salut,

Citation:

Envoyé par devkaty

Salut,

J'ai testé ce code aussi mais toujours la meme erreur , je pense que c'est pas un probleme de création du composant.
Il n'accept pas les caractéres spéciaux :?

Mon code était de toute façon meilleur ;)
Plus sérieusement, que vaut newVal AVANT l'appel à xhrGet ?

C'est vraiment très étonnant car je ne rencontre aucun problème.
As tu possibilité de m'envoyer un exemple de page complète (même de test) pour que je tache de reproduire lesouci de mon côté ?

ERE
04/08/2009, 15h59
emmanuel.remy

Re,

Bien reçu ton code. Chez moi il fonctionne parfaitement mais je crois savoir d'où vient ton problème :D

tu envoies comme url

Code:

save-change/idZone/" + idZone + "/newVal/" + newVal

Donc si newVal vaut par exemple /t.php?nom=martin&prenom=eric cela donne cette url:

Code:

save-change/idZone/33/newVal/t.php?nom=martin&prenom=eric

:aie:, il va chercher t.php :aie:

Donc selon le texte que tu passes cela peut se transformer en un complément d'URL. Note au passage que c'est une ENORME faille de sécurité.
Pour éviter cela:

Code:

url :"save-change/idZone/" + idZone + "/newVal/" + encodeURIComponent(newVal) ,

Et note enfin que si c'est le souci, on aurait pu s'en apercevoir quand je te demandais

Citation:

Plus sérieusement, que vaut newVal AVANT l'appel à xhrGet ?

;)

ERE
04/08/2009, 16h50
devkaty
Merci beaucoup pour votre aide :ccool:

Citation:

Envoyé par emmanuel.remy

Salut,

Mon code était de toute façon meilleur ;)
Plus sérieusement, que vaut newVal AVANT l'appel à xhrGet ?

ERE

Je veux une chose que votre code est toujours meilleur ;)

La valeur de newVal avant xhrGet c'est la nouvelle valeur passe comme argument a la methode saveChange.
Code:

1 2 zone.setAttribute("onChange" , "saveChange(this.id,arguments[0])");
Code:

1 2 3 4 5 function saveEditionWeb(id, newVal) { ... }
Mais malheureusement il ya toujours le meme erreur avec 'slash' (/) :? si la nouvelle valeur contient un slash il affiche erreur ex :04/08/2009 par contre il passe ( # et ?).

Merci autre fois.:P
04/08/2009, 17h10
emmanuel.remy

As tu essayé comme je te le disais de faire encodeURIComponent(newVal) ?

ERE
04/08/2009, 17h14
devkaty
Oui j'ai fait :
Code:

1 2 url :"save-change/id/" + id + "/newVal/" + encodeURIComponent(newVal),
Et quand j'ai entré ( # et ?) il passe sans probleme par contre avec slash (/) passe pas:(
04/08/2009, 17h46
emmanuel.remy
Citation:
Envoyé par devkaty

Oui j'ai fait :

Code:

1 2 url :"save-change/id/" + id + "/newVal/" + encodeURIComponent(newVal),

Et quand j'ai entré ( # et ?) il passe sans probleme par contre avec slash (/) passe pas:(
Par contre là c'est normal, car tu passes par une url (pas par un paramètre d'URL, ce qui fait toute la différence), donc même en encodant %2F (le slash encodé) c'est en fait un slash qui est vu... Tu n'y peux rien la norme des uri.

ERE
04/08/2009, 18h01
devkaty

Alors on peux rien faire , on peux pas entrer des slash !!

y-a pas solustion pour cette probleme :roll: ?
04/08/2009, 18h16
emmanuel.remy

Citation:

Envoyé par devkaty

Alors on peux rien faire , on peux pas entrer des slash !!

y-a pas solustion pour cette probleme :roll: ?

Si tu tiens à avoir ce type d'url (au passage: pas prévu pour faire cela), alors substitue aux slash un autre caractère (µ par exemple) et substitue de nouveau sur le server...
Mais si tu passais un paramètre ce serai quand même plus simple...

ERE
04/08/2009, 18h28
devkaty

Merci pour vos réponse , je vais essayer cette solution .
04/08/2009, 18h54
emmanuel.remy

Citation:

Envoyé par devkaty

Merci pour vos réponse , je vais essayer cette solution .

C'est sûr que ce n'est pas très propre, mais je ne vois pas comment faire autrement en fonction des contraintes imposées... :cry:

ERE

Salut ,

En fin j'ai trouvé une solution :D .
J'ai évité d'envoyer la valeur newVal avec url ,j'ai utilisé content.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function saveChange(idZone, newVal)
{
 dojo.xhrGet({
            la nouvelle valeur contien des caractéres spéciaux
	        url :"save-change/idZone/" + idZone  ,
	        handleAs :"text",
	        timeout :5000,
                content: {
	            newVal : newVal,
	        },
	        load : function(response) {
               alert("Modification effectuée avec succès ");
	        },
	        error : function(error) {
	        alert('Probleme requete ajax \n ' + error);
	        }
	    })
}

Merci emmanuel.remy :ccool:

06/08/2009, 14h48
emmanuel.remy

Salut,

Ok avec content, d'ailleurs c'est comme si tu faisais &newval=XXXX ;)

ERE
06/08/2009, 15h42
devkaty

Oui exactement .

Et pour le plaisir, rien que pour le plaisir la fonction chargée d'encoder le content ;) :

Code:

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
30
31
32
33
34
35
36
37
	dojo.objectToQuery = function(/*Object*/ map){
		//	summary:
		//		takes a name/value mapping object and returns a string representing
		//		a URL-encoded version of that object.
		//	example:
		//		this object:
		//
		//		|	{ 
		//		|		blah: "blah",
		//		|		multi: [
		//		|			"thud",
		//		|			"thonk"
		//		|		]
		//		|	};
		//
		//	yields the following query string:
		//	
		//	|	"blah=blah&multi=thud&multi=thonk"

		var enc = encodeURIComponent;
		var pairs = [];
		var backstop = {};
		for(var name in map){
			var value = map[name];
			if(value != backstop[name]){
				var assign = enc(name) + "=";
				if(_d.isArray(value)){
					for(var i=0; i < value.length; i++){
						pairs.push(assign + enc(value[i]));
					}
				}else{
					pairs.push(assign + enc(value));
				}
			}
		}
		return pairs.join("&"); // String
	}

C'est bien encodeURIComponent qui est utilisée ! :mouarf:

Bon dev,

ERE

07/08/2009, 09h24
devkaty

Salut ;

C'est trés bonne idée :ccool: et intéressante pour éviter les failles de sécurité .
:lahola: