Discussion :

[stealth35]

Pour l'instant, je n'ai pas trop le temps de commencer un nouveau langage, il faut je finisse ce script avant (avec la partie téléchargement sécurisé par la suite).
Puis-je avoir un tuto ou l'appellation exacte de ce que je dois faire pour afficher mon gif à la place de mon form?

Merci

http://www.ryantetek.com/2009/06/ani...it-javascript/

[sam1212]

Ça ne m'aide pas trop, il y a des hidden, des fonctions... je n'y comprends rien. Je ne sais même pas comment mettre ça en application pour mon cas.

Aurais-tu un autre tuto (compréhensible pour moi) ou le nom exact de ce que je veux faire?

Merci.

[stealth35]

Ça ne m'aide pas trop, il y a des hidden, des fonctions... je n'y comprends rien. Je ne sais même pas comment mettre ça en application pour mon cas.

Aurais-tu un autre tuto (compréhensible pour moi) ou le nom exact de ce que je veux faire?

Merci.

faut y mettre du tien aussi, c'est quelque chose d’ultra basique tout ça, dans le y'a trois bout de code a mettre, si tu les comprends pas ça veut dire que ce n'est pas toi de faire ça.

[sam1212]

Si tu ne veux/peux pas plus m'aider, peux-tu au moins me donner le nom de ce que je veux faire?

Merci.

[stealth35]

Si tu ne veux/peux pas plus m'aider, peux-tu au moins me donner le nom de ce que je veux faire?

Merci.

le nom est dans ton titre

[sam1212]

Je parle de rajouter une image lors de l'envoi d'un formulaire

[stealth35]

Je parle de rajouter une image lors de l'envoi d'un formulaire

c'est pareil, la progress bar c'est qu'une image

[sam1212]

Oui mais la progressbar indique un pourcentage et donc tout un traitement derrière.
Je veux juste afficher une image à l'envoi du formulaire, ca peut marcher avec n'importe quel type de scripts. Ça doit bien avoir un nom ce procédé non?

[stealth35]

Oui mais la progressbar indique un pourcentage et donc tout un traitement derrière.

pas forcement, cherche pas

[FirePrawn]

Pour l'instant, je n'ai pas trop le temps de commencer un nouveau langage, il faut je finisse ce script avant (avec la partie téléchargement sécurisé par la suite).
Puis-je avoir un tuto ou l'appellation exacte de ce que je dois faire pour afficher mon gif à la place de mon form?

Merci

Pour ajouter un gif sur l'envoi de ton form, t'auras pas besoin de plus de 3 lignes de js normalement, donc c'est bon fonce ( onSubmit est ton ami ).

[sam1212]

Pour ajouter un gif sur l'envoi de ton form, t'auras pas besoin de plus de 3 lignes de js normalement, donc c'est bon fonce ( onSubmit est ton ami ).

Merci on avance là
Un autre élément pour compléter ma recherche google à part onsubmit?

[Ze AzAr]

De manière basique en infantile...

Le premier bout de code te permet de mettre un paragraphe qui contient déjà ton image de loader, mais caché grace aux styles avec un hidden

le deuxième
Fonction javascript qui une fois lancé va t'afficher ton gif et valider ton formulaire

dernier bout de code
il lance la fonction (donc affiche l'image et valide ton formulaire)...

C'est du basique... même pas besoin de connaitre le javascript ni même en développement web...
Peu importe le language connu, c'est du basique en programmation donc compréhensible par tous selon moi...

ps: dans le dernier bout de code, il met une image comme "bouton" de formulaire pour valider celui ci, je conseil de rester sur du text ou du bouton basique html pour éviter de mauvaise surprise (surtout si ie...)

[stealth35]

Merci on avance là
Un autre élément pour compléter ma recherche google à part onsubmit?

c'est que je te dit depuis le début, et c'est exactement ce que fait le lien que je t'ai envoyé ...

[sam1212]

Je n'ai pas dis que je ne comprenais pas le principe du script mais que je ne voyais pas comment l'intégrer dans mon form.

[stealth35]

Je n'ai pas dis que je ne comprenais pas le principe du script mais que je ne voyais pas comment l'intégrer dans mon form.

l'image ou tu veux,
la javascript dans une balise script
le onsubmit dans ta balise input

je te conseil d’appendre le HTML/Javascript avant de lancer dans un projet

[FirePrawn]

c'est que je te dit depuis le début, et c'est exactement ce que fait le lien que je t'ai envoyé ...

Respire, un ptit massage ?

[sam1212]

Ai-je tout bon?

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
<html>
          <p style=”visibility:hidden;” id=”progress”/><img id=”progress_image”     style=”padding-left:5px;padding-top:5px;” src=”images/ajax-loader.gif” alt=”"> Uploading in progress…<p> 
 
<script>     function loadSubmit() {
 
    ProgressImage = document.getElementById(’progress_image’);
    document.getElementById(”progress”).style.visibility = “visible”;
    setTimeout(”ProgressImage.src = ProgressImage.src”,100);
    return true;
 
    } </script>
 
<form enctype="multipart/form-data" action="#" method="post">
	Transfère le fichier <input type="file" name="monfichier" />
    <input type="submit" onclick=”return loadSubmit()”  />
</form></html>

PS: Je maitrise bien sur le html, c'est juste le js que je n'ai jamais utilisé (inutile pour moi car l'utilisateur peut le désactiver) mais j'avoue utile pour ce code ci.

Merci.

[stealth35]

a part le simple copier coller et que par conséquent les quotes ne sont pas bons ça va, par contre il faut dire a la balise script que c'est du javascript, j’espère aussi que t'as bien l'image sur ton serveur

[sam1212]

D'accord, je vais essayer d'adapter ça à mon code, merci.

[sam1212]

Je me suis debrouillé autrement, voici mon code:

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
 
html>
		<script>
					function open_form2() {
 
						document.getElementById('form_upload').innerHTML = "<img src='loader.gif' alt='Load...' />";
										}
 
		</script>
<br /><br />
 
		<div id="form_upload">
 
				<form enctype="multipart/form-data" action="#" method="post">
						Transfère le fichier:  <input type="file" name="monfichier" />
									<input type="submit"  onClick="open_form2()"  />
				</form>
 
		</div>
 
</html>

Tout fonctionne bien, au clic sur le submit j'ai bien mon image mais le formulaire n'est pas traité.
Je suppose que le probleme vient de: <input type="submit" onClick="open_form2()" /> qui doit juste ouvrir l'open_form et non plus traité le formulaire comme il le faisait avant.

Avez-vous une solution? Merci.