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 :

dimension champs texte inséré dynamiquement


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    329
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2005
    Messages : 329
    Par défaut dimension champs texte inséré dynamiquement
    Bonsoir,

    J'ai récupéré un script sur le forum que j'ai modifié pour mon appli. mais je n'arrive pas à dimensionner la taille du champs texte.

    Merci d'avance pour vos aides.

    Voila le code complet de la page, qui est fonctionnel pour ajouter dynamiquement 3 champs texte simultanéments.

    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
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
     
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Document sans nom</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
     
    <script type="text/javascript">
    var c,c2, ch; var ca,c2a, cha; var cb,c2b, chb;
     
    function plus(){
    c=document.getElementById('cadre1');
    c2=c.getElementsByTagName('input');
    ch=document.createElement('input');
    ch.setAttribute('type','text');
    ch.setAttribute('name','ch'+c2.length);
    c.appendChild(ch);
     
    ca=document.getElementById('cadre2');
    c2a=ca.getElementsByTagName('input');
    cha=document.createElement('input');
    cha.setAttribute('type','text');
    cha.setAttribute('name','cha'+c2a.length);
    ca.appendChild(cha);
     
    cb=document.getElementById('cadre3');
    c2b=cb.getElementsByTagName('input');
    chb=document.createElement('input');
    chb.setAttribute('type','text');
    chb.setAttribute('name','chb'+c2b.length);
    cb.appendChild(chb);
     
    document.getElementById('sup').style.display='inline';
    }
     
    // supprimer le dernier champ;
    function moins(){
    if(c2.length>0 || c2a.length>0 || c2b.length>0){
    	c.removeChild(c2[c2.length-1]);
    	ca.removeChild(c2a[c2a.length-1]);
    	 cb.removeChild(c2b[c2b.length-1]);
    }
    if(c2.length==0 || c2a.length==0 || c2b.length==0){document.getElementById('sup').style.display='none'};
    }
     
    </script>
     
     
    </head>
     
    <body>
     
    <form id="frm" action="">
    <table width="723" border="1" cellspacing="0">
      <tr>
        <td width="228" align="left"><div id="cadre1" style="width:50px"></div></td>
        <td width="232" align="left"><div id="cadre2" style="width:50px"></div></td>
        <td width="249" align="left"><div id="cadre3" style="width:50px"></div></td>
      </tr>
    </table>
    <p>
    <input type="button" value="ajouter un champ" onclick="plus()" />
    <input type="button" style="display:none" id="sup" value="supprimer un champ" onclick="moins()" />
    </p>
    </form>
     
    </body>
    </html>

  2. #2
    Expert confirmé
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 100
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 100
    Par défaut
    Salut,
    qu'est-ce que tu entends par « taille » ?

    Est-ce la limite du nombre de caractères (attribut size), ou bien la largeur apparente en pixels (propriété CSS width) ?
    La FAQ JavaScript – Les cours JavaScript
    Touche F12 = la console → l’outil indispensable pour développer en JavaScript !

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    329
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2005
    Messages : 329
    Par défaut
    Bonsoir,

    Effectivement il s'agit de l'attribut "width" ! Cela fonctionne correctement maintenant.

    Merci

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

Discussions similaires

  1. Réponses: 0
    Dernier message: 02/08/2013, 19h14
  2. Réponses: 2
    Dernier message: 14/07/2009, 08h45
  3. champ texte entièrement dynamique
    Par NBpetithomme dans le forum ActionScript 1 & ActionScript 2
    Réponses: 4
    Dernier message: 08/01/2008, 10h53
  4. [FLASH 8] Texte html dans champ texte dynamique
    Par bractar dans le forum Flash
    Réponses: 9
    Dernier message: 21/01/2007, 10h08
  5. Champs texte dynamique
    Par dafalri dans le forum Général JavaScript
    Réponses: 40
    Dernier message: 28/11/2005, 16h48

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