Ne pas fermer une fenêtre DIV

**BRUNO71** · 19/10/2012, 15h58

J’étudie l’ouverture d’une fenêtre à partir d’une balise (div)… L’exemple étant en pièce jointe.
Je l’ai obtenu à partir de cette adresse : Prototype Window.
Dans le code de l’exemple ci-dessous, j’aimerais installer un formulaire.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
  <body>     
        <script>Application.addTitle('', 'search')</script>     
        <div class="listing" style="display:none" id="search_codediv">
          <xmp id="search" class="listing" >
var win = new Window({className: "dialog",  width:300, height:350, zIndex:10, resizable: true, title: "Texte du haut", showEffect:Effect.BlindDown, hideEffect: Effect.SwitchOff, draggable:true, wiredDrag: true})
 
win.getContent().innerHTML= "<div style='padding:10px'><form name='form' id='form' method='post' action='#'><input id='result' value='0' name='result' type='text'/><input type='submit' value='Envoyer'></form></div>"
win.setStatusBar("Texte du bas");
win.showCenter();        
          </xmp>        
        </div>       
  </body>

Je n’arrive pas à comprendre que le fait d’appuyer sur le bouton (Envoyer) ça ferme la fenêtre !
Comment puis-je faire pour que la fenêtre ne se ferme pas ? (Je préfère la fermer indépendamment…)

Besoin d’un expert pour résoudre cette difficulté…
Comment empêcher la fermeture de la fenêtre, après avoir valider le bouton submit ?
Bien cordialement

**SpaceFrog** · 19/10/2012, 16h21

un click sur un bouton submit => on lance la page action du form =>chargement de page ...

**Mahefasoa** · 20/10/2012, 19h30

Bonsoir,

En effet, c'est un rechargement de la page et non pas un div qui se referme.

L'attribut

Code :

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

action = "#"

appel la page contenant le formulaire. En le modifiant en

Code :

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

action = "javascript:void(0);"

le submit ne lance pas l'envoi du formulaire mais est-ce l'objectif?

Cordialement,
Mahefasoa

**BRUNO71** · 24/10/2012, 20h17

Bonjour,

Mahefasoa :
le submit ne lance pas l'envoi du formulaire mais est-ce l'objectif?

L'objectif..!
Je voudrais réaliser un moteur de recherche dans cette fenêtre qui s'ouvre par dessus la page.
Etant réalisé à partir d'une balise (div) le but c'est que tant la recherche n'est pas terminée et bien la fenêtre reste ouverte...
Je voudrais (imiter) laura sur le site d'edf bleu ciel
Le fait de valider le formulaire la recherche fonctionne la fenêtre ne se feme pas...

Merci..

**Mahefasoa** · 24/10/2012, 20h38

Bonsoir,

Au fait, ce que nous tentons de t'expliquer, c'est que ce n'est pas ton Div qui s'est "fermé" mais c'était la page qui s'est rechargée à cause du paramètre action de ton formulaire qui est #.
Et pour "empêcher" que la page ne se recharge pas, une des solutions est d'utiliser "javascript:void(0);" à la place de "#".

Je ne sais pas si tu as compris.

Maintenant, concernant l'objectif qui "imite" Laura, le DIV contenant Laura contient un formulaire et lorsqu'on "valide" (en cliquant sur un lien), cela lance un AJAX qui récupère les données et restitue les informations (sans rechargement, sans fermeture du DIV. Et d'ailleurs pour fermer, il faut cliquer sur ... fermer (X).

Une solution possible pour toi est la suivante:
1. l'attribut "action" de ton formulaire = "javascript:void(0);";
2. à l'événement on submit de ton formulaire, tu vas exécuter un script PHP en AJAX;
3. le résultat de cet AJAX sera affiché dans le DIV (ou pas, selon ton choix).

Cordialement,
Mahefasoa

**SpaceFrog** · 25/10/2012, 08h24

Code :

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

onsubmit ="return false"

Ne pas fermer une fenêtre DIV

JavaScript

Vue hybride

Discussions similaires

Partager

Partager