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

jQuery Discussion :

Tableau html éditable


Sujet :

jQuery

Mode arborescent

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Étudiant
    Inscrit en
    Avril 2011
    Messages
    94
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Côtes d'Armor (Bretagne)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2011
    Messages : 94
    Par défaut Tableau html éditable
    Bonjour,

    J'ai pris un code jQuery permettant de rendre un tableau html editable, mais plusieurs questions ce posent.

    Tout d'abord voici le code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    function ondblclick(boite){
     
                    boite.unbind("dblclick");
                    contenu = boite.text();
                    cle = boite.attr("cle");
     
                    boite.html('<input id="edition" type="text" cle="'+cle+'" value="'+contenu+'">');
                    $("#edition").focus();
                    $("#edition").blur(function(){
                            $.post("post_ajax.php",{cle: cle,val: $(this).val()},function(txt){
                               //alert(txt);
                          });
                          boite.text($(this).val());
                          boite.bind("dblclick",function(){ondblclick($(this))})
                    });
                };
     
     
        $(document).ready(function() {
                $('td').bind("dblclick",function(){ondblclick($(this))});
        });
    Premier problème, lorsque je double clique, la cellule triple de taille, comment faire pour que la case d’édition n'agrandisse pas la cellule?

    Et ensuite au niveau de l'envoi des données dans une BDD,je ne vois pas trop a quoi correspond la ligne :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $.post("post_ajax.php",{cle: cle,val: $(this).val()},function(txt){
    Images attachées Images attachées  

Discussions similaires

  1. Transformation d'un tableau html en CSS
    Par titou250 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 27/09/2005, 16h55
  2. [HTML et CSS] Prolème impression tableau html
    Par ofo_tn dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 21/08/2005, 17h27
  3. Insertion javascript dans tableau HTML
    Par Rocca dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 08/08/2005, 12h28
  4. Tableau html décalage
    Par verticka dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 23/02/2005, 15h01
  5. [VB6] recuperer des valeurs ds un tableau html avec vb!!
    Par leo13 dans le forum VB 6 et antérieur
    Réponses: 3
    Dernier message: 11/12/2004, 13h02

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