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 :

Copier value input dans formulaire et l'afficher sans valider


Sujet :

JavaScript

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Août 2006
    Messages
    121
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2006
    Messages : 121
    Points : 53
    Points
    53
    Par défaut Copier value input dans formulaire et l'afficher sans valider
    Bonjour,

    Alors je vais tenter de bien m'expliquer

    J'ai une iframe avec en source une page avec un formulaire que je peux afficher en cliquant sur un bouton.
    J'ai ensuite des champs de type input dans ma page principale et j'aimerai faire en sorte que lorsque j'appuie sur le bouton qui affiche mon iframe, cela copie mes données qui se trouve en value des inputs vers les inputs de mon formualire. Donc ca j'y arrive mais j'aimerai afficher la page sans valider le formulaire.

    voici un bout de code :

    Dans mon fichier principale :
    Deux inputs de type text qui sont rempli en auto par une autre fonction :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <input type="text" name="telephone" id="telephone" value=""> 
    <input type="text" name="codePostal" id="codePostal" value="">
    là le formulaire ou j'aimerai que les valeurs de mes inputs aillents mais sans valider le formulaire.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <form name="mevForm" method="post" id="mevForm" action="http://serveur interne" target="framemev"> 
    <input name="tel" id="tel" value="" type="hidden"> 
    <input name="cp" id="" value="" type="hidden"> 
    <input name="ok" id="ok" type="hidden"> 
    </form>
    Et pour finir ma fonction :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    function copy() 
    { 
    document.mevForm.tel.value = document.telephone.value; 
    document.mevForm.cp.value = document.codepostal.value; 
    framencours('framemev'); =>>> ca permet d'afficher mon iframe a l'ecran. 
    }
    Si a la fin de la fonction j'ajout document.mevForm.submit, ca me valide le formulaire et ca a bien copier les valeurs.
    Mais dans le formulaire, j'ai une balise textaera que l'utilisateur doit remplir et j'aimerai donc afficher le formulaire avec les valeurs rempli et que l'utilisateur finisse de remplir le formualire.

    Merci d'avance.

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Tu peux rajouter un bouton après ton textarea pour valider le formulaire :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="submit" value="Envoyer" />
    Ou alors j'ai raté quelque chose ?

  3. #3
    Membre du Club
    Profil pro
    Inscrit en
    Août 2006
    Messages
    121
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2006
    Messages : 121
    Points : 53
    Points
    53
    Par défaut
    Merci d'avoir répondu mais en fait
    Le bouton valider est deja présent mais je ne veux pas valider le formulaire justement. J'aimerai simplement le remplir et l'afficher lorsque je fais appel a mon iframe puisque le formulaire se trouve une autre page que je met en source de mon iframe.

    Là je viens de voir que si je rend visible les inputs ca copie bien les valeur dedans mais par contre ca ne les copie pas dans le formulaire
    En revanche si je valide avec submit, là ca envoie bien le formulaire remplie..

    Est ce qu'il ne faudra pas que je modifie l'action de mon formulaire, de facon a ce qu'il n'envoie pas les données ?

    voici plus de detail sur mon code :
    PAGE PRINCIPALE :
    declaration de mon iframe :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <iframe name="framev" id="framev" style="position: relative;" src="url/fichier.php" height="0%" width="100%"></iframe>
    Ensuite je declare le formulaire de la page php :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <form method="post" name="formev" id="formev"action="url/fichier.php" target="framemev"/>
    <input type="text" name="tel" id="tel" value="">
    <textarea> </textarea>
    <input type="hideen" name="envoyer">
    </form>
    ensuite dans mon fichier js :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    function copydonnee()
    {
    reduireframe(); =>>> ca reduit toutes les iframes
    frameencours('framev');==>  ca affiche l'iframe dans la page
    document.formev.tel.value = document.Feuille.ndi.value;
    }
    Et la rien ne s'affiche sur la page fichier.php
    En revanche si j'ajoute dans la fonction document.formev.submit, là les données sont bien envoyé mais l'utilisateur ne peux pas a ce moment, ecrire un commentaire dans le textarea.

  4. #4
    Membre expérimenté
    Avatar de Jumano
    Profil pro
    Inscrit en
    Février 2007
    Messages
    1 163
    Détails du profil
    Informations personnelles :
    Âge : 56
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Février 2007
    Messages : 1 163
    Points : 1 595
    Points
    1 595
    Par défaut
    Bonjour,
    Tu peux nous montrer le code Javascript correspondant à :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    framencours('framemev');

  5. #5
    Membre du Club
    Profil pro
    Inscrit en
    Août 2006
    Messages
    121
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2006
    Messages : 121
    Points : 53
    Points
    53
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    function frameencours(xx)
    {
    	reduireframe(); <!--Ca reduit la hauteur a 0%-->
    	document.all(xx).height = "100%";
    }

    EDIT : bon en fait j'ai mis un formulaire sur ma page principale qui copie les valeur dans l'autre formulaire en le validant par la suite.
    J'ai mis des conditions pour justement eviter les erreurs de saisie.
    Donc problème résolu mais comme je le voulais a la base lol

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

Discussions similaires

  1. Réponses: 2
    Dernier message: 20/07/2012, 14h51
  2. copier/coller image dans formulaire
    Par elratus dans le forum Débuter
    Réponses: 0
    Dernier message: 20/04/2012, 15h26
  3. Copier un input dans plusieurs autres
    Par Surfsp33 dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 15/11/2010, 12h25
  4. Ajout dynamique input dans formulaire
    Par tophe03 dans le forum Général JavaScript
    Réponses: 0
    Dernier message: 22/02/2009, 14h39
  5. input dans formulaire
    Par idurand dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 02/12/2008, 10h17

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