Problème affichage createElement
Résolu
sasafca
Messages postés
505
Date d'inscription
Statut
Membre
Dernière intervention
-
carabde Messages postés 60 Date d'inscription Statut Membre Dernière intervention -
carabde Messages postés 60 Date d'inscription Statut Membre Dernière intervention -
Bonjour à tous,
je code une page en HTML avec un classement sous forme de tableau.
J'aimerai que lorsque que clique sur un bouton, j'appelle ma fonction en javascript qui rajoute une ligne au tableau avec les informations.
Mon code marche, mais que je clique sur le bouton une ligne est affichée au tableau mais disparaît directement...
J'aimerai qu'elle reste (tant qu'on actualise pas la page) dans la memoire.
Merci !
Voici mon code:
Mon tableau:
<table id="Classement" border cellspacing=4 cellpadding=4 class="tableau">
<thead>
<tr>
<td>Classement</td>
<td>Nom</td>
<td>Temps</td>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td>Pierre</td>
<td>25</td>
</tr>
<tr>
<td></td>
<td>Paul</td>
<td>30</td>
</tr>
</tbody>
</table>
Ma fonction:
function addTable() {
var table = document.createElement('table');
table.innerHTML = "<tr><td>123</td><td>456</td></tr>";
document.getElementById("Classement").appendChild(table);
}
je code une page en HTML avec un classement sous forme de tableau.
J'aimerai que lorsque que clique sur un bouton, j'appelle ma fonction en javascript qui rajoute une ligne au tableau avec les informations.
Mon code marche, mais que je clique sur le bouton une ligne est affichée au tableau mais disparaît directement...
J'aimerai qu'elle reste (tant qu'on actualise pas la page) dans la memoire.
Merci !
Voici mon code:
Mon tableau:
<table id="Classement" border cellspacing=4 cellpadding=4 class="tableau">
<thead>
<tr>
<td>Classement</td>
<td>Nom</td>
<td>Temps</td>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td>Pierre</td>
<td>25</td>
</tr>
<tr>
<td></td>
<td>Paul</td>
<td>30</td>
</tr>
</tbody>
</table>
Ma fonction:
function addTable() {
var table = document.createElement('table');
table.innerHTML = "<tr><td>123</td><td>456</td></tr>";
document.getElementById("Classement").appendChild(table);
}
A voir également:
- Problème affichage createElement
- Affichage double ecran - Guide
- Problème affichage fenêtre windows 10 - Guide
- Windows 11 affichage classique - Guide
- Problème affichage page internet google chrome - Forum Téléphones & tablettes Android
- Pinterest problème affichage ✓ - Forum Réseaux sociaux
2 réponses
salut
Je m'excuse comme j'ai répondu vite dans ma première réponse une erreur s'est glissé dans le code que j'ai donné voici la correction:
Je m'excuse comme j'ai répondu vite dans ma première réponse une erreur s'est glissé dans le code que j'ai donné voici la correction:
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Exemple la méthode stop()</title>
</head>
<body>
<table class="tableau">
<thead>
<tr>
<td>Classement</td>
<td>Nom</td>
<td>Temps</td>
</tr>
</thead>
<tbody id="Classement">
<tr>
<td></td>
<td>Pierre</td>
<td>25</td>
</tr>
<tr>
<td></td>
<td>Paul</td>
<td>30</td>
</tr>
</tbody>
</table>
<button onclick="addTable()">envoyer</button>
<script>
function addTable() {
var tr = document.createElement('tr');
tr.innerHTML = "<tr><td>123</td><td>michel</td><td>456</td></tr>";
document.getElementById("Classement").appendChild(tr);
}</script>
</body>
</html>
Bonjour
Essayez le code suivant:
Essayez le code suivant:
<table id="Classement" class="tableau">
<thead>
<tr>
<td>Classement</td>
<td>Nom</td>
<td>Temps</td>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td>Pierre</td>
<td>25</td>
</tr>
<tr>
<td></td>
<td>Paul</td>
<td>30</td>
</tr>
</tbody>
</table>
<button onclick="addTable()">envoyer</button>
<script>
function addTable() {
var table = document.createElement('table');
table.innerHTML = "<tr><td>123</td><td>456</td><td></td></tr>";
document.getElementById("Classement").appendChild(table);
}</script>