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] DOM - Button


Sujet :

JavaScript

  1. #1
    Membre éclairé Avatar de tavarlindar
    Profil pro
    Inscrit en
    Janvier 2007
    Messages
    262
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2007
    Messages : 262
    Par défaut [DOM] DOM - Button
    Bonjour,

    J'ai une fonction qui ajout des cellules à un tableau. J'ai une autre qui renome les champs et je n'arrive pas à créer le code suivant.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <button style="border:none; Background-color:transparent;" type="button" onClick="toggleCalendar(date_echeance_client2);"><img src="../images/dynCalendar.gif"></button>

    fonction d'ajout de ligne
    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
     
    function ajoutLigneAuTableauClient(num_tbody)
    {
     
    		var tbl = document.getElementById('echeancier_client');
     
    		// ajout d'une ligne
    		var row = tbl.tBodies[num_tbody].insertRow(-1);
     
    //exemple d'un input text
    var newCell1 = row.insertCell(1);
    	var dateEcheance = document.createElement('input');
    	dateEcheance.setAttribute('type','text');
    	dateEcheance.setAttribute('size','8');
    	dateEcheance.setAttribute('name','date_echeance_client');
    	dateEcheance.setAttribute('value','');
    	dateEcheance.setAttribute('id','date_echeance_client');
    	newCell1.appendChild(dateEcheance );
     
    nbLignesEcheanceClient++;	
    majNumLignesEcheancierClient();	
    }

    fonction qui renumérote les champs et fonctions
    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
     
    function majNumLignesEcheancierClient(){
     
    		var nbLignes = nbLignesEcheanceClient ; 
     
     
    		for(var i = 0 ; i < nbLignes ; i++){
    		var tbl = document.getElementById('echeancier_client');
    		tbl.tBodies[1].rows[i].className = 'bleu'+(i%2);
     
     
    		//Mise a jour de la cellule 1 
    		tbl.tBodies[1].rows[i].cells[1].getElementsByTagName('INPUT')[0].setAttribute('name','date_echeance_client'+(i+1));
    		tbl.tBodies[1].rows[i].cells[1].getElementsByTagName('INPUT')[0].setAttribute('id','date_echeance_client'+(i+1));
     
    ....
    }

  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
    je te renvoie au post suivant ...
    tout y est expliqué ...
    http://www.developpez.net/forums/d53...ynamique-form/
    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é Avatar de tavarlindar
    Profil pro
    Inscrit en
    Janvier 2007
    Messages
    262
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2007
    Messages : 262
    Par défaut
    Bonjour SpaceFrog !

    J'ai déjà lu ton post, mais cela me parait un peu compliqué ...

  4. #4
    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
    rien de compliqué !!

    juste une librairie à installer et une syntaxe à respecter ...

    Au moins les elements sont crées correctement ...
    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 !

Discussions similaires

  1. [DOM] Radio button impossible à cocher sous IE
    Par *.Har(d)t dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 11/02/2008, 17h01
  2. [DOM] DOM xml firefox et ie
    Par topolino dans le forum Général JavaScript
    Réponses: 16
    Dernier message: 11/01/2006, 22h12
  3. [DOM] dom et ie
    Par jeff_! dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 23/12/2005, 10h03
  4. [DOM] Dom -> Bug?!
    Par Zenol dans le forum Général JavaScript
    Réponses: 12
    Dernier message: 11/11/2005, 12h49
  5. [DOM] DOM et couleur de texte
    Par watcha2020 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 19/08/2005, 10h20

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