Remplacer un formulaire par message d'attente

**renaud26** · 20/04/2007, 15h44

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 :

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

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.

**SpaceFrog** · 20/04/2007, 15h56

Code :

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

1
2
 document.getElementById("boiteInfo").innerHTML = 'Veuillez patienter';
return true;

c'est quoi "boiteinfo" ? un div ?

**renaud26** · 20/04/2007, 16h01

Bonjour. Oui c'est un div.
Je viens de tester tes modifs.
Pas de changement.

**SpaceFrog** · 20/04/2007, 16h05

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

**renaud26** · 20/04/2007, 16h15

voici un bout du form

Code :

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

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...

**SpaceFrog** · 20/04/2007, 16h17

sans S majuscule ...

**SpaceFrog** · 20/04/2007, 16h18

il est visibility visible ou en display block ?

**renaud26** · 20/04/2007, 16h29

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

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

Code :

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

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

**SpaceFrog** · 20/04/2007, 16h31

elle est ou cette balise div ?
elle ne serait pas dans ton form ?

**renaud26** · 20/04/2007, 16h40

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"

**SpaceFrog** · 20/04/2007, 16h52

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 ...

**renaud26** · 20/04/2007, 17h03

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...

**SpaceFrog** · 20/04/2007, 17h13

Code :

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

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

**renaud26** · 21/04/2007, 11h10

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" ?

Remplacer un formulaire par message d'attente

JavaScript

Discussions similaires

Partager

Partager