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 :

Transformer un Label en Input


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre habitué
    Inscrit en
    Juin 2009
    Messages
    10
    Détails du profil
    Informations forums :
    Inscription : Juin 2009
    Messages : 10
    Par défaut Transformer un Label en Input
    Bonjour,

    J'aurai besoin d'aide sur un bout de code.
    L'idée est de pouvoir modifier le contenu d'un label sans recharger la page.
    On a à l'origine un label:

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <tr><td><div>Email :</div></td><td><span><label class="mail">zzz@zzz.com</label></span></td></tr>";

    Et j'aimerai, sans recharger la page, lorsque je clique sur le bouton modifier (qui se change en "Valider" une fois cliqué) changer ce label en un input pour pouvoir modifier l'email dans mon exemple:

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <tr><td><div>Email :</div></td><td><span><input type="button" class="" name="" value="zzz@zzz.com" /></span></td></tr>";

    Et après modification, récupérer le contenu de l'input, retransformer l'input en Label, et mettre à jour l'info dans la bdd.

    Voilà ! J'espère qu'on va pouvoir m'aider

    Bouton modifier/Valider :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <input id="but" type="button" value="Modifier" onClick="inputLabel()" />

  2. #2
    Membre Expert
    Profil pro
    Inscrit en
    Mars 2002
    Messages
    1 132
    Détails du profil
    Informations personnelles :
    Âge : 53
    Localisation : France

    Informations forums :
    Inscription : Mars 2002
    Messages : 1 132
    Par défaut
    Bonjour,

    Tu pourrais plus simplement utiliser l'attribut READONLY de la balise INPUT...
    Cela demande moins de modification et un champ de formulaire en READONLY n'est pas transmis au serveur il me semble (à vérifier)

    devyan

  3. #3
    Membre habitué
    Inscrit en
    Juin 2009
    Messages
    10
    Détails du profil
    Informations forums :
    Inscription : Juin 2009
    Messages : 10
    Par défaut
    C bon j'ai trouvé finalement =)

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Coller un label à un input même lors d'un redimensionnement
    Par francky74 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 30/03/2015, 10h44
  2. Alignement vertical des label et input
    Par chrisdot dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 24/01/2014, 10h10
  3. Comment transformer un Label et Textbox?
    Par gilles_906 dans le forum VB.NET
    Réponses: 4
    Dernier message: 31/03/2011, 09h57
  4. [C# 2.0] Empecher de transformer le label en span
    Par Khrysby dans le forum ASP.NET
    Réponses: 2
    Dernier message: 15/09/2006, 15h40
  5. Liste ordonnée et transformation en INPUT
    Par pmithrandir dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 08/07/2005, 11h02

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