Rendre un tableau html éditable/modifiable

Signaler
-
 Torton -
Bonjour,
Configuration: Windows / Opera Next 65.0.3467.78


je voudrais rendre mon tableau éditable/modifiable exemple double cliquer sur une case et pouvoir la modifier, voici mon tableau html
                
<table class="table">
                    <caption>test</caption>
                    <tr>
                    <th>Nom</th>
                    <th>Prenom</th>
                    <th>Immeuble</th>
                    <th>Telephone </th>
                    <tr/>
                    <tr>
                    <td><a href="Tableau.html">test</a></td>
                    <td></td>
                    <td>Lyon</td>
                    <td>0600000000</td>
                    <tr/>
                    <tr>
                    <td><a href="Tableau.html">test</a></td>
                    <td>    </td>
                    <td>    </td>
                    <td>    </td>
                    <tr/>
                    <tr>
                    <td>a changer</td>
                    <td>    </td>
                    <td>    </td>
                    <td>    </td>
                    </tr>
                </table>

Merci de votre réponse

Tetr0X

3 réponses

Messages postés
113
Date d'inscription
lundi 13 janvier 2020
Statut
Membre
Dernière intervention
13 février 2020
12
Hello

Tu peux utiliser la librairie Bootsrap :)

https://mdbootstrap.com/docs/jquery/tables/editable/

A plus !
Tous les éléments HTML peuvent maintenant être éditables. Il suffit d'ajouter l'attribut contenteditable aux cellules du tableau.


<td contenteditable="true"> Contenu initial </td>
Salut
HTML c'est le descriptif du contenu de la page.
Pour que les pages soient dynamiques ( le contenu affiché par le site peut changer ) il faut une base de données "pour l'alimenter".
On parle de sites statique si la page est écrite avec HTML uniquement (+CSS , JavaScript ...) car le contenu ne peut pas changer sans avoir à récrire le fichier (à la main) de la page.

Que ce soit en tableau ou autrement est un détail assez négligeable:

-----------------------------------------------------------------------------------------------------------------------------------------------
Page statique (uniquement côté lient):
l'utilisateur demande la page celle ci est envoyée (HTTP)
Le navigateur charge les fichiers du site(page HTML, images...) et les affichent
------------------------------------------------------------------------------------------------------------------------------------------------
Page dynamique (envoi au client):

l'utilisateur demande la page
Un serveur de programme(exemple PHP) charge les données sur la base et les fournit à la page
La page HTML est alors confectionnée et envoyée pour être affichée

et dans l'autre sens(envoi à la base de données)

l'utilisateur envoi des informations(formulaire HTML) au programme serveur(PHP par exemple)
Le programme serveur envoi celles ci à la base(et peut effectuer un traitement de celles ci) qui les enregistrent.

La page à nouveau chargée aura donc les mises à jours effectuées par le formulaire enregistrées sur la base de données.
------------------------------------------------------------------------------------------------------------------------------------------------------
C'est ce principe qui permet de faire fonctionner un forum par exemple:
Il n'y a pas le créateur du site qui doit écrire la nouvelle page HTML et ses contenus mais une partie qui est "dynamique" car va chercher son contenu sur la base de données.
La programmation permet en effet d'automatiser un traitement et d'indiquer combien il y a de messages sur le forum; le programme va utiliser la même mise en page HTML et CSS mais "sérialisée"(région répétées) selon qu'il y a un ou 10 ou un milliers de messages.


Voilà j’espère que vous avez compris mes explications.

Quand une page web est affichée c'est à partir d'un fichier source sur le serveur de l'hébergeur qui est envoyée par HTTP sur le réseau jusqu'à l'ordinateur de l'utilisateur(téléchargement descendant).
Celle ci est donc "statique" et ne peut être modifiée qu'en intervenant sur le fichier sur le serveur en le modifiant manuellement.

Si l'on veut permettre d'afficher des contenus qui changent ou varient en fonction du temps il faut passer par d'autres principes en plus de la page HTML , comme une base de données et un langage serveur qui fait le lien entre la page chez le client et la base de données.


https://fr.wikipedia.org/wiki/Architecture_trois_tiers

https://www.commentcamarche.net/contents/784-php-bases-de-donnees