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 :

[DOM] Ajouter dynamiquement des champs inputs


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre �clair�
    Inscrit en
    Mai 2005
    Messages
    364
    D�tails du profil
    Informations forums :
    Inscription : Mai 2005
    Messages : 364
    Par d�faut [DOM] Ajouter dynamiquement des champs inputs
    Bjour,

    J'ai un petit soucis avec JS...

    En effet, j'ai cr�� un lien sur lequel un �v�nement onclick appelle la fonction suivante:

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
     
    function ajout_inputVideo()
    {
    var text = '<table><tr><td><label>Code HTML : </label></td><td><textarea name="codeHTMLVideo[]" cols="40"></textarea></td></tr><tr><td width="10%"><label>Commentaire </label></td><td><textarea name="commentaireVideo[]" cols="40"></textarea><br/></td></tr></table><br/>';
     
    document.getElementById("inputsVideo").innerHTML += text;	
    }
    Cela fonctionne parfaitement, quand je clique sur le lien, les input sont bien ajout�s. Le probl�me, c'est que si je remplis les inputs, les valeurs sont perdus, chaque fois....

    Mon probl�me est donc de r�ussir � faire en sorte que les valeurs ne soient pas supprim�es lorsque je choisi d'en ajouter un...

    Merci d'avance pour votre aide.

  2. #2
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    normal innerHTML pour des �l�m�nts de formulaire est plus qu'hasardeux...

    il faut passer par le DOM et document.createElement...

    mais va jeter un oiel dasn les contributions un topic sur form dynamique ...
    il y a en plus une vacherie entre IE et FFX pour attribuer les names ...
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  3. #3
    Membre �clair�
    Inscrit en
    Mai 2005
    Messages
    364
    D�tails du profil
    Informations forums :
    Inscription : Mai 2005
    Messages : 364
    Par d�faut
    merci
    Je vais voir cela !

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. [Framework] Ajouter dynamiquement des champs dans la page
    Par yassineonline2013 dans le forum Spring
    R�ponses: 1
    Dernier message: 11/06/2013, 09h49
  2. Ajout dynamique des champs dans un JFrame
    Par amine1980 dans le forum Agents de placement/Fen�tres
    R�ponses: 1
    Dernier message: 12/12/2011, 12h19
  3. Upload multiple avec ajout dynamique des champs
    Par siddh dans le forum T�l�chargez
    R�ponses: 0
    Dernier message: 03/10/2011, 16h55
  4. Upload multiple avec ajout dynamique des champs
    Par Invit� dans le forum G�n�ral JavaScript
    R�ponses: 15
    Dernier message: 25/02/2008, 14h09
  5. Inserer dynamiquement des champs input avec attribut
    Par titou250 dans le forum G�n�ral JavaScript
    R�ponses: 2
    Dernier message: 12/01/2007, 09h44

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