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

jQuery Discussion :

Exécution script JQuery après ajout de ligne table


Sujet :

jQuery

  1. #1
    Nouveau membre du Club
    Homme Profil pro
    Webdesigner
    Inscrit en
    Septembre 2014
    Messages
    58
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2014
    Messages : 58
    Points : 33
    Points
    33
    Par défaut Exécution script JQuery après ajout de ligne table
    Bonjour,
    Je rencontre un problème assez étrange... j'ai une table avec 5 lignes de base et une icône dans la première <TD> destinée à insérer un article sur la ligne courante.
    Pour les 5 premières lignes tout fonctionne très bien, mais lorsque j'ajoute des lignes avec ce script, l'icône des nouvelles lignes reste muette alors que sur les 5 première ça continue de fonctionner normalement.

    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
     
    $("#insLines").click(function()
    	{
    		$("#matable tbody").append('<tr>'+
    								'<td width="10px">'+
                                    	'<img id="insArticle" src="../../images/icon_add.png" width="16" height="16">'+
    								'</td>'+
                                    '<td width="250px">'+
                                    	'<input name="designation" type="text" class="facBig" />'+
    								'</td>'+
                                   ' <td width="30">'+
                                    	'<input name="unite" type="text" class="facSmall" />'+
    								'</td>'+
                                   ' <td width="30">'+
                                    	'<input name="quantite" type="text" class="facSmall" />'+
    								'</td>'+
                                    '<td width="30">'+
                                    	'<input name="prixUnite" type="text" class="facSmall" value="0.00" />'+
    								'</td>'+
                                    '<td width="30">'+
                                    	'<input name="taxe" type="text" class="facSmall" value="0.00" />'+
    								'</td>'+
                                   ' <td width="30">'+
                                    	'<input name="totLine" type="text" class="facSmall" value="0.00" />'+
    								'</td>'+
                               '</tr>');
    	});
    L'événement clic sur l'image est dans un autre script à la suite de celui-ci.

    Merci d'avance pour votre aide

  2. #2
    Nouveau membre du Club
    Homme Profil pro
    Webdesigner
    Inscrit en
    Septembre 2014
    Messages
    58
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2014
    Messages : 58
    Points : 33
    Points
    33
    Par défaut
    J'ai fini par résoudre le problème en donnant un nom à ma fonction "clicImage " que je charge au démarrage de la page ainsi qu'après l'ajout des nouvelles lignes.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    $(document).ready(function()
    {
    	iconeClicable();
    });
    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
    $("#insLines").click(function()
    {
    	$("#matable tbody").append('<tr>'+
    							'<td width="10px">'+
                                    	'<img id="insArticle" src="../../images/icon_add.png" width="16" height="16">'+
    								'</td>'+
                                    '<td width="250px">'+
                                    	'<input name="designation" type="text" class="facBig" />'+
    								'</td>'+
                                   ' <td width="30">'+
                                    	'<input name="unite" type="text" class="facSmall" />'+
    								'</td>'+
                                   ' <td width="30">'+
                                    	'<input name="quantite" type="text" class="facSmall" />'+
    								'</td>'+
                                    '<td width="30">'+
                                    	'<input name="prixUnite" type="text" class="facSmall" value="0.00" />'+
    								'</td>'+
                                    '<td width="30">'+
                                    	'<input name="taxe" type="text" class="facSmall" value="0.00" />'+
    								'</td>'+
                                   ' <td width="30">'+
                                    	'<input name="totLine" type="text" class="facSmall" value="0.00" />'+
    								'</td>'+
                               '</tr>');
    						   	iconeClicable();
    	});

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

Discussions similaires

  1. [Débutant] DATASET ajout de ligne table
    Par Ashireon dans le forum VB.NET
    Réponses: 2
    Dernier message: 09/10/2012, 07h49
  2. [WD14] ajouter une ligne table avec 2 fichiers
    Par matrixdine dans le forum WinDev
    Réponses: 2
    Dernier message: 01/11/2011, 22h24
  3. Réponses: 5
    Dernier message: 26/02/2011, 02h27
  4. Réponses: 14
    Dernier message: 22/09/2005, 16h49

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