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

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

[Article] Cr�er une table HTML �ditable en JavaScript v2.0


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    R�dacteur
    Avatar de bigboomshakala
    Homme Profil pro
    Consultant Web .NET
    Inscrit en
    Avril 2004
    Messages
    2 077
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 45
    Localisation : France, Val de Marne (�le de France)

    Informations professionnelles :
    Activit� : Consultant Web .NET
    Secteur : Finance

    Informations forums :
    Inscription : Avril 2004
    Messages : 2 077
    Par d�faut [Article] Cr�er une table HTML �ditable en JavaScript v2.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

  2. #2
    R�dacteur

    Avatar de Bovino
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activit� : D�veloppeur Web
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par d�faut
    Encore un excellent article

    Pas de question technique par MP !
    Tout le monde peut participer � developpez.com, vous avez une id�e, contactez-moi !
    Mes formations video2brain : La formation compl�te sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'int�gration de JSFiddle et CodePen sur le forum

  3. #3
    R�dacteur
    Avatar de Arnaud F.
    Homme Profil pro
    D�veloppeur COBOL
    Inscrit en
    Ao�t 2005
    Messages
    5 183
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 38
    Localisation : France

    Informations professionnelles :
    Activit� : D�veloppeur COBOL
    Secteur : Finance

    Informations forums :
    Inscription : Ao�t 2005
    Messages : 5 183
    Par d�faut
    Petite proposition d'am�lioration : SHIFT + TAB recule dans le tableau, c'est possible?

    Sinon, super article
    C'est par l'adresse que vaut le b�cheron, bien plus que par la force. Hom�re

    Installation de Code::Blocks sous Debian � partir de Nightly Builds

  4. #4
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    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 ?
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  5. #5
    R�dacteur
    Avatar de bigboomshakala
    Homme Profil pro
    Consultant Web .NET
    Inscrit en
    Avril 2004
    Messages
    2 077
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 45
    Localisation : France, Val de Marne (�le de France)

    Informations professionnelles :
    Activit� : Consultant Web .NET
    Secteur : Finance

    Informations forums :
    Inscription : Avril 2004
    Messages : 2 077
    Par d�faut
    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

  6. #6
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    j'ai double clique un peu partout sous ffx sans pouvoir modifier quoi que ce soit ...
    un twilight zone ??
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  7. #7
    R�dacteur
    Avatar de bigboomshakala
    Homme Profil pro
    Consultant Web .NET
    Inscrit en
    Avril 2004
    Messages
    2 077
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 45
    Localisation : France, Val de Marne (�le de France)

    Informations professionnelles :
    Activit� : Consultant Web .NET
    Secteur : Finance

    Informations forums :
    Inscription : Avril 2004
    Messages : 2 077
    Par d�faut
    Citation Envoy� par bigboomshakala Voir le message
    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).
    Bon en fait, avec ce que j'ai d�j�, ces modifs sont ultra simples
    J'ai int�gr� le Shift+TAB, l'�dition sur la touche Entr�e et la s�lection de tout le texte de la cellule lors de l'�dition dans la v2.0. Je verrais d'ici ce weekend pour mettre � jour l'article



    en dehors de �a c'est ma tourn�e pour les 1000 visites de mes pages d'aujourd'hui!

  8. #8
    R�dacteur
    Avatar de bigboomshakala
    Homme Profil pro
    Consultant Web .NET
    Inscrit en
    Avril 2004
    Messages
    2 077
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 45
    Localisation : France, Val de Marne (�le de France)

    Informations professionnelles :
    Activit� : Consultant Web .NET
    Secteur : Finance

    Informations forums :
    Inscription : Avril 2004
    Messages : 2 077
    Par d�faut
    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!

Discussions similaires

  1. [Article] Cr�er une table HTML �ditable en JavaScript v1.0
    Par bigboomshakala dans le forum G�n�ral JavaScript
    R�ponses: 29
    Dernier message: 16/04/2012, 16h26
  2. R�ponses: 13
    Dernier message: 30/06/2011, 17h33
  3. R�ponses: 4
    Dernier message: 22/01/2010, 10h24
  4. Comment cr�er une Table dans 1 Bdd ACCESS avec Builder??
    Par makandja dans le forum C++Builder
    R�ponses: 6
    Dernier message: 17/03/2004, 20h21

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo