Remplacer un formulaire par message d'attente

Version imprimable

20/04/2007, 15h44
renaud26

Remplacer un formulaire par message d'attente
Bonjour à tous

Mon but est de faire apparaître un message "patienter" dans un div à la place du formulaire. Pour faire patienter, mais aussi pour éviter qu'il soit cliqué deux fois...

J'ai fait une petite fonction
Code:

1 2 3 4 5 6 function patienter() { document.getElementById("formulaire").style.display = 'none'; document.getElementById("boiteInfo").innerText = 'Veuillez patienter'; }
J'ai ensuite crée le div id="boiteInfo" dans le body.
J'appelle la fonction avec onSubmit="return patienter();"

Et rien ne s'affiche. Vous voyez pourquoi ?
D'avance merci.

Code:

1 2 document.getElementById("boiteInfo").innerHTML = 'Veuillez patienter'; return true;
c'est quoi "boiteinfo" ? un div ?

20/04/2007, 16h01
renaud26

Bonjour. Oui c'est un div.
Je viens de tester tes modifs.
Pas de changement.
20/04/2007, 16h05
SpaceFrog

c'est quoi l'action de ton formulaire .... ?

en général lorque l'on soumets un formulaire (sauf si on utilise ajax) on ouvre une autre page donc le focus est parti de la page ...

essaje onsubmit

voici un bout du form
Code:

1 2 3 <form action="poster.php" method="post" enctype="multipart/form-data" name="formulaire" id="formulaire" onSubmit="return patienter()">
La page apellée pour le traitement est la même: poster.php
Et c'est bien onSubmit que j'emploie...

20/04/2007, 16h17
SpaceFrog

sans S majuscule ...
20/04/2007, 16h18
SpaceFrog

il est visibility visible ou en display block ?

Alors...suite à ta remarque, j'ai fait les modif suivantes:

- Changé le onSubmit en onsubmit
- modifié la fonction comme suit
Code:

1 2 3 4 5 6 7 8 9 10 function patienter() { document.getElementById('formulaire').style.display = 'none'; document.getElementById('boiteInfo').style.position = 'absolute'; document.getElementById('boiteInfo').style.display = 'block'; return true; }
et dans la balise body
<div id="boiteInfo">Merci de patienter pendant le chargement de vos photos</div>

Mais ça ne s'affiche toujours pas
:?

20/04/2007, 16h31
SpaceFrog

elle est ou cette balise div ?
elle ne serait pas dans ton form ?
20/04/2007, 16h40
renaud26

Non, non: elle est immédiatement après la balise <body>
Je précise aussi que le bouton du form est du type "submit" et non "button"
20/04/2007, 16h52
SpaceFrog

peut être alors est-ce le display:non sur le form qui le gène ...
en générl les elements en display:none perdent toute légitimité sur la page ...

essaye de le mettre en visibility='hidden'
ou encore basculer son position absoulte et z-index pour l'envoyer en dehors de la page ...
20/04/2007, 17h03
renaud26

Non, ça ne change rien...
Peut être en effet que je m'y prend mal...
Mais j'ai cherché ce genre de script, et rien trouvé de convaincant...
20/04/2007, 17h13
SpaceFrog

Code:

<form action="javascript:document.forms[0].style.display='none';document.forms[0].action='page2.htm'; document.forms[0].submit()" />

:idea:
21/04/2007, 11h10
renaud26

Bonjour,

J'ai essayé ta méthode: lorsqu'on submit, le formulaire "disparaît" bien, c'est déjà cool. Mais du coup je peux plus appeller ma fonction et faire apparaitre mon div avec le message "Patienter" ?