Discussion :

[intelcore]

Bonjour,
J'effectue un script javascript qui nécessite de diviser mon script en 'étape', et fait donc une fonction pour chaque étape. Voyez par vous même :

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
 
 
//..bla bla en javascript....
 
document.write('<input type="button" value="Aller à létape 1" OnClick="etape1()">');
 
function etape1(){
 
     //...bla bla javascript avec des champs de formulaire...
 
     document.write('<input type="button" value="Aller à létape 2" OnClick="etape2()">');
}
 
function etape2(){
 
     //...Affiche des champs de formulaires en fonction des infos de letape 1....
 
     document.write('<input type="button" value="Aller à létape 2" OnClick="etape3()">');
}

Mon problème est que je ne trouve pas le moyen de passer de la fonction etape 1 à 2, et de façon général de passer de fonction en fonction. Si il existe une solution, ou même une autre procédure qui regrouperait le tout en une seul fonction...

[LexWizard]

bah pour passer de la fonction etape1 à la fonction etape2 tu fais comme ça :

Code :

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

1
2
3
4
5
6
7
8
 
function etape1(){
 
     //...bla bla javascript avec des champs de formulaire...
 
     document.write('<input type="button" value="Aller à létape 2" OnClick="etape2()">');
etape2();
}

La fonction etape2 sera immediatement appelé.

[intelcore]

oui mais c'est ça le problème, c'est que si je me ce que tu viens de me mettre, la fonction appel directement l'autre fonction, sans que l'utilisateur est le temps de remplir les champs de formulaire de la fonction, et cela agirait comme si je n'avais qu'une seul fonction, hors j'ai besoin de cette organisation car par exemple ce qu'affiche ma fonction etape3, dépend des infos enregistrer lors de la fonction etape2 lol

[LexWizard]

C'est bien ce que je me disais
La façon que tu utilises est donc la bonne.

Tu veux que ça soit seulement sur un bouton ? au lieu de 1 bouton par etape ?

[Tober]

J'ai testé ton code et le problème c'est que une fois que t'as cliqué sur ton bouton, tout le code javascript que t'as est effacé et remplacé par ton nouveau bouton, donc la fonction etape2() n'existe plus, donc ca plante :/
Ce que tu pourrais faire, c'est au lieu de faire des document.write, afficher et effacer les éléments !
Je m'explique :

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
 
<script>
function etape1(){
	document.getElementById('1').style.display = "none";
	document.getElementById('2').style.display = "inline";
}
 
function etape2(){
	document.getElementById('2').style.display = "none";
	document.getElementById('3').style.display = "inline";
}
</script>
<input id="1" style="display:inline" type="button" value="Aller à létape 1" OnClick="etape1()">
<input id="2" style="display:none" type="button" value="Aller à létape 2" OnClick="etape2()">
<input id="3" style="display:none" type="button" value="Aller à létape 3" OnClick="etape3()">

[intelcore]

Oui, je vois ta manière de procéder (exellente lol), mais dans ce cas la je ne pourrais plus utiliser 'document.write' et suit donc obligé d'utiliser une balise <div></div> dans laquelle j'ajouterais/supprimerai mes élèments de formulaires pour chaques étapes ?

[Tober]

Ben si t'as un formulaire pour chaque étape, tu cache directement le <form>
ca revient au même que de mettre tout dans un div
Après, c'est à toi de voir comment tu veux gérer ton truc

[intelcore]

lol Non pour cette partie je vais utiliser les div, car je ne peut pas "cacher" mes élèments de formulaire, de sorte que leur nombrse et leur types va dépendre des informations rentrer lors du formulaire de la fonction précédente lol...
Merci beaucoup, et pour le mots de la fin >> "yapuka"
Je posterai un nouveau message si je rencontre des problèmes.

Merci et @+.