Discussion :

[Rifton007]

Bonjour à tous et merci d'avance pour votre aide.

L'idée ici est de gérer les messages d'erreurs des formulaires pour mes sites multilingues.
J'ai donc pensé à stocker dans un fichier .json les différent message et que je récupére ainsi.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
$(document).ready(function($) {
 
        var getError_message = [];
 
	$.getJSON('scripts/wizardFrame.json', function(data) {
		getError_message = data;
		console.log(getError_message.fr.emptyTxt); //fonctionne
	});
 
	console.log(getError_message.fr.emptyTxt); //ne fonctionne pas
});

Mon fichier .json

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
{
  "fr": {
    "emptyTxt": "Certains champs obligatoirs non pas été complété afin de soumettre cette requête.",
    "typeMail": "L'adresse courriel introduite est inccorecte.",
    "typePhone": "Numéro de téléphone",
    "typeAlpha": "mot commun"
  },
  "nl": {
    "emptyTxt": "Lorem ipsum Adipisicing in fugiat laboris cillum.",
    "typeMail": "Salut",
    "typePhone": "Numéro de téléphone",
    "typeAlpha": "mot commun"
  },
  "en": {
    "emptyTxt": "Lorem ipsum Dolor velit officia magna sint.",
    "typeMail": "Salut",
    "typePhone": "Numéro de téléphone",
    "typeAlpha": "mot commun"
  }
}

Hors je ne parviens pas à récupérer ma variable getError_message hors de la fonction $.getJSON.

j'obtient:

TypeError: getError_message.fr is undefined

Aussi je voulais avoir votre avis sur la technique et la conception.
Merci à vous,

[SpaceFrog]

c'est juste une question de chronologie ...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
$(document).ready(function($) {
 
        var getError_message ={};
 
	$.getJSON('scripts/wizardFrame.json', function(data) {
		getError_message = data;
		alert('appuie sur le bouton');
	});
 
	$('#foo').click(function(){ console.log(getError_message.fr.emptyTxt); })
 
});

avec un bouton :

Code html :

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

<input type="button" id="foo" value="go" />

Dans ton code précédent le console.log est lancé avant le callback du getJson

[Rifton007]

Le problème est identique.
Voici le code en résumé:

Code html :

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

1
2
<script language="JavaScript" type="text/javascript" src="scripts/wizardFrame.js"></script>
<script language="JavaScript" type="text/javascript" src="scripts/contact.js"></script>

contact.js

Code :

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

1
2
3
4
5
6
$(document).ready...
	$('#btnSend').on('click', function(){
                ...
		empty_txt (arryEmpty) && typeMail (arryMail) && typeCheckbox(); 
         });
});

wizardFrame.js

Code :

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

1
2
3
4
5
6
7
8
9
10
$(document).ready...
	$.getJSON('scripts/wizardFrame.json', function(data) {
		getError_message = data;
	});
});
 
	function empty_txt (argument) {
                ...
                $('[class*=wizardFrame_] #form > #error p').text(getError_message.fr.empty);
        }

Merci encore,

[SpaceFrog]

quand la fonction empty_txt est elle lancée ...
visiblement avant le callback de ta fonction

As tu testé avec un alert dans le callback qui t'avertit de la fin du getJson ??

[Rifton007]

Code :

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

1
2
3
4
5
$.getJSON('scripts/wizardFrame.json', function(data) {
	getError_message = data;
	alert('jsonchargé'); 
	console.log(getError_message.fr.emptyTxt);;
});

Donc j'actualise la page, j'ai l'alert, je clique sur OK. Ensuite ma console affiche bien getError_message.fr.emptyTxt. Et quand je clique sur #btnSend, ma console affiche l'erreur

ReferenceError: getError_message is not defined

Je viens de mettre en ligne la page, si tu le souhaite voici:
http://www.innovadesign.be/workspace...y/contact.html

Merci encore,

[SpaceFrog]

En regardant dans la console de firebug tu as bien un objet JSON ...

Ton souci provient de tes "boutons" qui n'en sont pas !
Tu utilises des lien href ...
Le propre du lien href est de recharger une page ...
si tu recharge la page le js n'existe plus et a fortiori le json ...

Il faut inhiber le href...

Code :

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

1
2
3
4
 
 $('#boutonbalisea').on('click',function(e){
e.preventDefault();
.../...

ainsi le href ne sera pas lancé, tu restera sur ta page et le json survivra