Insérer dynamiquement du contenu JQuery

Fermé

Didier - 10 déc. 2014 à 17:00
Didier - 10 déc. 2014 à 19:49

Bonjour,

comment insérer/modifier dynamiquement le contenu du td comportant la classe .dyn dans le bout de code HTML suivant, en utilisant JQuery, lorsque l'on clique sur cette case td ?

<table id="maTable">
   <thead>
       <tr>
            <th>Id</th>
            <th>Nom</th>
            <th>Prenom</th>
       </tr>
   </thead>
   <tbody>
         <tr>
            <td class="dyn"></td>
       </tr>
   </tbody>
</table>

Merci

A voir également:

Insérer dynamiquement du contenu JQuery
Insérer signature word - Guide
Word a trouvé du contenu illisible - Guide
Insérer liste déroulante excel - Guide
Insérer une vidéo dans powerpoint - Guide
Insérer sommaire word - Guide

3 réponses

Réponse 1 / 3

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
Modifié par animostab le 10/12/2014 à 17:35

salut

    <script>
    $(document).ready (function(){
        var insertion1 ="le texte à inserer";
        $(".dyn").click (function(){
            $(".dyn").html(insertion1)
        }); 
    })    
    </script>

évidemment ne pas oubier d'appeller la bibliothèque jquery

Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.

Didier
10 déc. 2014 à 17:59

Merci bien,

mais comment est-ce que je fais pour modifier dynamiquement le texte depuis mon navigateur?

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
Modifié par animostab le 10/12/2014 à 18:19

Je ne sais pas ce que tu veux exactement mais par exemple

tu recupéres la valeur d'un élément avec la fonction val() et tu l'insère dans le td

exemple : recupère le contenu de l'id "monId" et l'insère dans le td .dyn au clic

<script>
$(document).ready (function(){
var insertion1 = $("#monId").val();
$(".dyn").click (function(){
$(".dyn").html(insertion1)
});
})
</script>

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
10 déc. 2014 à 18:21

comme dit pitet va voir aussi la doc jquery car ce n'est vraiment pas compliqué a apprendre / comprendre

Réponse 2 / 3

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
10 déc. 2014 à 17:15

Salut,

Pour exécuter une fonction javascript lorsqu'on clique sur un élément en utilisant jQuery, tu peux utiliser la méthode click : https://api.jquery.com/click/

Pour ajouter, modifier ou supprimer du code html, tu peux trouver sur le lien suivant l'ensemble des méthodes disponibles avec jQuery : https://api.jquery.com/category/manipulation/

Bonne journée

Réponse 3 / 3

Didier
10 déc. 2014 à 19:49

Ok merci à vous 2.

Bonne soirée

Discussions similaires

Savoir de quel ville à été envoyé le message

Nom de champs du tableau croisé dynamique non valide

Youtube: Ce contenu n'est pasdisponible dans votre pays

Contenue masqué

Discussions similaires

Newsletters