IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Tutoriel JavaScript : Créer une table HTML éditable
Par Nourdine Falola

Le , par bigboomshakala

0PARTAGES

2  0 
Voici la v2.0 de la HtmlEditTable.

Nouveautés :
- création d'un HtmlEditTable à partir d'un tableau HTML existant (<TABLE>
- édition avec la touche ENTREE
- annulation avec la touche ECHAP
- navigation avec les flèches
- navigation avec la touche TAB et la combinaison de touches SHIFT+TAB

Testez les démos au fil de l'article sur différents navigateurs
Téléchargez les sources pour les étudier
Bien que le développement ait été rigoureux, il peut y avoir de petites erreurs : rapportez-les ici
Cet article est la suite directe et référence l'article de la v1.0, jetez-y un oeil
La discussion relative à la v1.0 est close mais parcourez-la, il y a des échanges intéressants.

l'article : Créer une table HTML éditable v2.0
l'article : Créer une table HTML éditable v1.0
Discussion de la v1.0

tout commentaire constructif est le bienvenu

Une erreur dans cette actualité ? Signalez-nous-la !

Avatar de Bovino
Rédacteur https://www.developpez.com
Le 05/01/2010 à 12:37
Encore un excellent article

0  0 
Avatar de Arnaud F.
Rédacteur https://www.developpez.com
Le 05/01/2010 à 13:07
Petite proposition d'amélioration : SHIFT + TAB recule dans le tableau, c'est possible?

Sinon, super article
0  0 
Avatar de SpaceFrog
Rédacteur/Modérateur https://www.developpez.com
Le 05/01/2010 à 13:24
Il est ou le mode d'emploi pour editer la table ?
ou alors j'ai pas compris le sens du mot editable ???
on peut pas editer les cellules en live ?
0  0 
Avatar de bigboomshakala
Rédacteur https://www.developpez.com
Le 05/01/2010 à 14:05
Citation Envoyé par Arnaud F. Voir le message
Petite proposition d'amélioration : SHIFT + TAB recule dans le tableau, c'est possible?

Sinon, super article
ça doit pouvoir se faire. je vais voir si je peux l'inclure dans cette version!
0  0 
Avatar de bigboomshakala
Rédacteur https://www.developpez.com
Le 05/01/2010 à 14:12
Citation Envoyé par SpaceFrog Voir le message
Il est ou le mode d'emploi pour editer la table ?
ou alors j'ai pas compris le sens du mot editable ???
on peut pas editer les cellules en live ?
Pour l'instant l'édition n'est initiée qu'en double-cliquant sur une cellule. Une fois en édition, on peut passer d'une cellule à l'autre avec TAB tout en restant en édition.

Dans un futur proche (dépendant de mon emploi du temps) ce sera mieux. L'édition d'une cellule pourra être initiée en cliquant sur Entrée (édition + sélection du contenu de la zone de texte) ou directement sur une touche alphanum (en remplaçant directement le contenu de la zone de texte).

Vu le temps limité dont je disposais pour faire le code et l'article (et surtout pour s'y remettre après 6 mois) j'ai préféré restreindre les ajouts. Ceci dit, maintenant que je suis parti je vais peut-être pouvoir être plus régulier.

Côté mode d'emploi pour l'instant y'en a pas ^^ (si on omet les 2 tuto) Pourquoi pas dans l'avenir, mais pour l'instant les fonctionnalités dont restreintes. J'y pense dans mes TODO
0  0 
Avatar de SpaceFrog
Rédacteur/Modérateur https://www.developpez.com
Le 05/01/2010 à 20:19
j'ai double clique un peu partout sous ffx sans pouvoir modifier quoi que ce soit ...
un twilight zone ??
0  0 
Avatar de Bovino
Rédacteur https://www.developpez.com
Le 05/01/2010 à 20:41
Tu es sûr que tu es sur la bonne page de démo : http://falola.developpez.com/tutorie...sources/step7/ ?
0  0 
Avatar de bigboomshakala
Rédacteur https://www.developpez.com
Le 05/01/2010 à 21:22
l'édition est opérationnelle depuis la v1.0
c'est ok sur les 7 démos (FF3.5.6, Chrome3.0, IE6)
0  0 
Avatar de Bovino
Rédacteur https://www.developpez.com
Le 05/01/2010 à 21:35
Citation Envoyé par bigboomshakala Voir le message
c'est ok sur les 7 démos (FF3.5.6, Chrome3.0, IE6)
http://falola.developpez.com/tutorie...sources/step1/

0  0 
Avatar de bigboomshakala
Rédacteur https://www.developpez.com
Le 05/01/2010 à 22:13


owned by la Moûûh-mie... j'avais chargé les sources dans le répertoire supérieur par erreur...
0  0