IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

[iFrame] Formulaire dans un iFrame (submit dehors)


Sujet :

JavaScript

  1. #1
    Membre éclairé Avatar de FrankOVD
    Homme Profil pro
    Directeur des systèmes d'information
    Inscrit en
    Juin 2005
    Messages
    438
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Canada

    Informations professionnelles :
    Activité : Directeur des systèmes d'information
    Secteur : Biens de consommation

    Informations forums :
    Inscription : Juin 2005
    Messages : 438
    Par défaut [iFrame] Formulaire dans un iFrame (submit dehors)
    Bonjour,

    J'ai placé dans un iFrame un formulaire parce qu'il est très très long et que je désire que l'utilisateur utilise la barre de défilement pour le remplir au lieu de défaire le format de ma page.

    Pour que mon "submit" soit plus évident, je l'ai placé dans ma page, en dehors de mon iFrame. Je veux donc soumettre mon formulaire à partir de l'extérieur (probablement avec un onChange).

    Comment faire?



  2. #2
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 684
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 684
    Par défaut
    si ton champ "submit" se trouve en dehors du formulaire, tu commets une erreur assez transparente: le but d'un submit est de soumettre le formulaire dans lequel il se trouve.

    Donc, choisis un autre élément pour demander la soumission, avec l'instruction:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('mon_formulaire').submit()";

  3. #3
    Nouveau membre du Club
    Inscrit en
    Décembre 2005
    Messages
    6
    Détails du profil
    Informations forums :
    Inscription : Décembre 2005
    Messages : 6
    Par défaut
    Je viens de me créer un compte. C'est FrankOVD qui avait écrit mon msg.

    Dans une de mes pages, j'ai un iFrame qui contient un bouton submit. Ce bouton est invisible pour l'utilisateur.

    À l'extérieur de mon iFrame (dans ma "page principale"), j'ai un bouton submit standard. Il est à cet endroit pour que ce soit plus facile pour l'utilisateur. Je voudrais que, lorsqu'on clique sur le bouton submit de la page principale, l'action se pose également sur le bouton submit invisible dans mon iFrame.

    À noter que dans mon iFrame, il y a un formulaire contenant les informations que je veux ravoir lorsque ma page se reloadera pour les inscrire dans ma BD. Au clic du submit, il faudrait évidemment que le formulaire se reload.



  4. #4
    Expert confirmé
    Avatar de siddh
    Inscrit en
    Novembre 2005
    Messages
    3 868
    Détails du profil
    Informations personnelles :
    Âge : 49

    Informations forums :
    Inscription : Novembre 2005
    Messages : 3 868
    Par défaut
    si tu veux juste du scroll, met ton form dans un div avec un overflow auto et une hauteur fixe qui soit inférieure a la hauteur réelle du form

  5. #5
    Nouveau membre du Club
    Inscrit en
    Décembre 2005
    Messages
    6
    Détails du profil
    Informations forums :
    Inscription : Décembre 2005
    Messages : 6
    Par défaut
    Est-ce que vous pourriez m'expliquer la syntaxe dans un exmple SVP.

  6. #6
    Expert confirmé
    Avatar de siddh
    Inscrit en
    Novembre 2005
    Messages
    3 868
    Détails du profil
    Informations personnelles :
    Âge : 49

    Informations forums :
    Inscription : Novembre 2005
    Messages : 3 868
    Par défaut
    dans la page :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    <div id="mondiv">
    <form .......>
    .....
    </form>
    </div>
    dans une feuille de style ou dans des balises style :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    #mondiv{
    overflow: auto;
    height: 500px;
    }

  7. #7
    Nouveau membre du Club
    Inscrit en
    Décembre 2005
    Messages
    6
    Détails du profil
    Informations forums :
    Inscription : Décembre 2005
    Messages : 6
    Par défaut [Résolu]
    Merci j'ai essayé et ça fonctionne axactement comme je le voulais.

  8. #8
    Expert confirmé
    Avatar de siddh
    Inscrit en
    Novembre 2005
    Messages
    3 868
    Détails du profil
    Informations personnelles :
    Âge : 49

    Informations forums :
    Inscription : Novembre 2005
    Messages : 3 868
    Par défaut
    penses a mettre alors

  9. #9
    Nouveau membre du Club
    Inscrit en
    Décembre 2005
    Messages
    6
    Détails du profil
    Informations forums :
    Inscription : Décembre 2005
    Messages : 6
    Par défaut
    comment?

  10. #10
    Expert confirmé
    Avatar de siddh
    Inscrit en
    Novembre 2005
    Messages
    3 868
    Détails du profil
    Informations personnelles :
    Âge : 49

    Informations forums :
    Inscription : Novembre 2005
    Messages : 3 868
    Par défaut
    bouton en bas a gauche

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Soumettre un formulaire dans une iframe
    Par nicolas2603 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 14/01/2011, 13h08
  2. remplir un formulaire dans une iframe
    Par pimpmyride dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 08/10/2010, 12h50
  3. formulaire dans une iframe et résultat dans une autre
    Par eckerdecker dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 16/07/2010, 14h11
  4. copier formulaire dans un iframe sous ie
    Par hihi30 dans le forum Général JavaScript
    Réponses: 12
    Dernier message: 16/06/2009, 16h42
  5. Manipulation formulaire dans une iframe
    Par phpmad dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 20/05/2007, 17h55

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo