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 :

Champ identiques - formulaires differents


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    65
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2007
    Messages : 65
    Par défaut Champ identiques - formulaires differents
    Bonjour,
    je dispose de 2 formulaires, (form1 et form2)
    je voudrai qu'il aient un champ identique qui se modifie si un des deux champ est modifié.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
     
     
    <script language="javascript"> 
    function changer(){ 
    document.forms['form1'].elements['date_debut']=document.forms['form2'].elements['date_debut'];
    document.form1.date_debut.value=document.form2.date_debut.value;
    } 
    </script> 
     
    echo "<form name='form2'>
    Date debut :<INPUT type='text' name='date_debut' value='".$_GET['date_debut']."' onkeyup='changer()'>
    </form>";
     
    echo "<form method='GET' name='form1' action='test.php'>";
    echo "<input type=\"text\"  name=\"date_debut\"></form>";
    MERCI

  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 : 55
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    function changer(a,b){ 
    document.forms['form'+a].elements['date_debut'].value=document.forms['form'+b].elements['date_debut'].value;
    }
    et
    la fonction changer met le champ du 1er argument dans celui du 2e
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre émérite Avatar de laurentibus
    Inscrit en
    Mars 2008
    Messages
    875
    Détails du profil
    Informations personnelles :
    Âge : 40

    Informations forums :
    Inscription : Mars 2008
    Messages : 875
    Par défaut
    ben quand y en a un qui est modifié tu modifies l'autre .... ou est le pb ?


    edit : bovino t'es trop cool

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    65
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2007
    Messages : 65
    Par défaut mon exemple
    Ton code marche assurement, en voici la preuve
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
     
    <script language="javascript"> 
    function changer(a,b){ 
    document.forms['form'+a].elements['date_debut'].value=document.forms['form'+b].elements['date_debut'].value;
    }
    </script> 
     
    <?
    echo "<form name='form2'>
    Date debut (form2) :<INPUT type='text' name='date_debut'>
    </form>";
     
    echo "<form name='form1'>
    Date debut (form1):<INPUT type='text' name='date_debut' onkeyup='changer(2,1)'>
    </form>";

    Mais sur mon exemple non ?!!! Vois tu l'erreur ??

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
     
    <script language="javascript"> 
    function changer(a,b){ 
    document.forms['form'+a].elements['date_debut'].value=document.forms['form'+b].elements['date_debut'].value;
    }
    </script> 
     
     
    <?
    echo "<form name='form2'>
    Date debut :<INPUT type='text' name='date_debut' onkeyup='changer(2,1)'>
    </form>"; 
     
    echo "<table border=1>";
                  echo "<form name='form1'>";
                  echo "<td><INPUT type='text' name='date_debut' onkeyup='changer(2,1)'></td>";
                  echo "<td><input type=\"submit\" value=\"Valider\"></td>";
              echo "</form></tr>";
     
     
    echo "</table>";

  5. #5
    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 : 55
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    echo "<form name='form2'>
    Date debut :<INPUT type='text' name='date_debut' onkeyup='changer(1,2)'>
    </form>";
    Tu mets ton onkeyup dans l'autre formulaire, il faut changer l'ordre des paramètres.

    Citation Envoyé par laurentibus
    edit : bovino t'es trop cool
    Merci
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  6. #6
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    65
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2007
    Messages : 65
    Par défaut Merci
    Merci bovino.

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

Discussions similaires

  1. Réponses: 2
    Dernier message: 22/11/2010, 12h36
  2. [Word] Création d'un champs de formulaire
    Par Oberown dans le forum Word
    Réponses: 2
    Dernier message: 18/04/2005, 11h10
  3. Réponses: 2
    Dernier message: 28/10/2004, 16h54
  4. Probleme avec les champs du formulaire
    Par Red_devils dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 29/09/2004, 13h06
  5. plusieurs champs identiques en ligne
    Par viviking dans le forum Langage SQL
    Réponses: 12
    Dernier message: 18/06/2004, 11h25

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