Discussion :

[beegees]

Bonjour tout le monde,

J'ai un formulaire.

J'aimerais qu'à chaque fois qu'un input est rempli, qu'une barre de progression augmente.

Tout mon site est en AJAX, je voudrais donc continuer dans ce sens.

Auriez-vous une piste svp ? un tuto ?

J'ai trouvé quelque chose en jquery mais je ne sais pas si je dois recommencer mon formulaire :

http://net.tutsplus.com/tutorials/ja...th-javascript/

Merci d'avance.

beegees

[mkweb]

Bonjour,
J'avais fait une barre de progression simple: une div de taille fixe 100 et une autre div à l'intérieur de la première (de largeur 0 et background-color:green)

Et le code pour la progression :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
function bar_plus(id)
	{  	
	var n=parseInt(document.getElementById('prgr'+id).style.width);
 
	if (n<100)
		{n+=10;
document.getElementById(bar).style.width=n;
		}
	}

rien de compliqué

Bon dev

[E.Bzz]

Bonjour,

Tout mon site est en AJAX, je voudrais donc continuer dans ce sens.

sauf qu'ici ça n'a aucun intérêt

Que tes input soit remplis à la main où via Ajax, la progression (du nombre d'input remplis par rapport au nombre total à remplir) et entièrement côté client : aucun besoin d'Ajax pour cette partie là, donc ...

EDIT @mkweb : c'est sympa de donner la fonction que tu utilises, mais sortie de son contexte, je ne suis pas sûr qu'elle soit d'une grande aide
En tous cas, on y voit au moins que tout se passe côté client ...

A+

[RomainVALERI]

Effectivement ^^

Comme dit l'ami E.Bzz, ça ne sert à rien dans ce contexte. Si tu voulais montrer à l'utilisateur l'avancement d'une tache assez longue se déroulant coté serveur, là d'accord, tu pourrais envisager de passer par ce moyen. En l'occurrence, tu peux dans ton cas utiliser tous les moyens que tu veux pour faire patienter l'utilisateur, mais ajax n'a rien à voir là-dedans