Sujet Précédent Sujet Suivant

Rendre un tableau html éditable/modifiable

Fermé
Tetr0X - Modifié le 20 janv. 2020 à 10:00
 mcs35 - 14 juin 2020 à 19:53
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
A voir également:

3 réponses

Réponse 1 / 3
AlainPre
27 janv. 2020 à 20:35
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>
1
mcs35
14 juin 2020 à 19:53
Et comment on sauvegarde les données une fois modifiées ?
A grand renfort de code côté serveur.
0
Réponse 2 / 3
Domingo55 Messages postés 174 Date d'inscription lundi 13 janvier 2020 Statut Membre Dernière intervention 8 juillet 2021 45
20 janv. 2020 à 11:08
Hello

Tu peux utiliser la librairie Bootsrap :)

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

A plus !
0
Tetr0X
20 janv. 2020 à 11:14
merci :)
0
Réponse 3 / 3
Torton
Modifié le 31 janv. 2020 à 13:44
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
0

Discussions similaires

Intégrer une table des annexes et des matières sur word
clairon69 -
Jo -

20 réponses
la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses
Espace en HTML
baissaoui -
baissaoui -

0 réponse
Que veut dire <p>&nbsp;</p>?
quinn mallory -
prosthetiks -

3 réponses