Insérer dynamiquement du contenu JQuery
Didier
-
Didier -
Didier -
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 ?
Merci
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 video powerpoint - Guide
- Insérer signature word - Guide
- Insérer liste déroulante excel - Guide
- Word a trouvé du contenu illisible - Guide
- Insérer sommaire word - Guide
3 réponses
salut
é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.
<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.
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
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
mais comment est-ce que je fais pour modifier dynamiquement le texte depuis mon navigateur?
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>