Problème affichage createElement
Résolu
sasafca
Messages postés
567
Statut
Membre
-
carabde Messages postés 68 Statut Membre -
carabde Messages postés 68 Statut Membre -
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>