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 :

Empêcher de modifier le texte existant d'une balise textarea


Sujet :

JavaScript

  1. #1
    Expert éminent

    Homme Profil pro
    Technicien Help Desk
    Inscrit en
    Juillet 2004
    Messages
    2 756
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : Technicien Help Desk

    Informations forums :
    Inscription : Juillet 2004
    Messages : 2 756
    Points : 6 686
    Points
    6 686
    Par défaut Empêcher de modifier le texte existant d'une balise textarea
    Bonjour,

    J'ai une balise textarea avec le contenu suivant:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <textarea readonly="readonly" id="t1" rows="8" cols="70">
    Nom:
    Prénom:
    Adresse:
    Tel:
    Email:
    </textarea>
    Par défaut, elle est en lecture seule. Via un bouton, je peux modifier son contenu mais est-il possible d'empêcher à un utilisateur de supprimer les informations déjà existantes ?

    Merki
    .Olivier

  2. #2
    FoxLeRenard
    Invité(e)
    Par défaut
    Tu as vraiment intéret a saisir les zones séparément, puis mettre en forme aprés !!

  3. #3
    Expert éminent

    Homme Profil pro
    Technicien Help Desk
    Inscrit en
    Juillet 2004
    Messages
    2 756
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : Technicien Help Desk

    Informations forums :
    Inscription : Juillet 2004
    Messages : 2 756
    Points : 6 686
    Points
    6 686
    Par défaut
    Ce n'est pas pour un site WEB
    C'est pour une aide .chm. Une petite aide pour mes collègues concernant deux applications internes.
    .Olivier

  4. #4
    FoxLeRenard
    Invité(e)
    Par défaut
    Citation Envoyé par Olivier Regnier Voir le message
    Ce n'est pas pour un site WEB
    C'est pour une aide .chm. Une petite aide pour mes collègues concernant deux applications internes.
    Oui escuses , alors là je séches un peut

    Bon courage a toi, mais je repasserait par là voir si il y a du nouveau

  5. #5
    Membre confirmé
    Inscrit en
    Janvier 2009
    Messages
    598
    Détails du profil
    Informations forums :
    Inscription : Janvier 2009
    Messages : 598
    Points : 628
    Points
    628
    Par défaut
    Tu peu demander un mot de passe apres click sur le bouton, tu peux aussi ne pas faire apparaitre le bouton aux utilisateurs


    Bon j'ai demandé à mon ami ^^

    Oui il se nomme Google

    Laisse tomber^^ le script est dépassé par le bouton droit de la souris^^
    Cliquez ici et reprenez le pouvoir !
    A bas IE !, Google, et le pistage du net, testons DuckDuckGo.com
    Lords Of The Realm II Download : Lords of the realm 2
    Infos en anglais :Ici

  6. #6
    Membre confirmé
    Inscrit en
    Janvier 2009
    Messages
    598
    Détails du profil
    Informations forums :
    Inscription : Janvier 2009
    Messages : 598
    Points : 628
    Points
    628
    Par défaut
    <textarea disabled="disabled">

    ya ça sinon^^

    Sinon un truc perso j'ai pensé que tu pourrais detecter le click sur l'area et faire en sorte que quelque soit le texte mis par une personne apres le click le texte soit remplacé toujours par le texte original^^
    Cliquez ici et reprenez le pouvoir !
    A bas IE !, Google, et le pistage du net, testons DuckDuckGo.com
    Lords Of The Realm II Download : Lords of the realm 2
    Infos en anglais :Ici

  7. #7
    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 : 53
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Citation Envoyé par Olivier Regnier Voir le message
    Ce n'est pas pour un site WEB
    C'est pour une aide .chm. Une petite aide pour mes collègues concernant deux applications internes.
    Oui, mais en quoi un .chm t'empêche de passer par des input plutôt qu'un textarea ?
    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

  8. #8
    Expert éminent

    Homme Profil pro
    Technicien Help Desk
    Inscrit en
    Juillet 2004
    Messages
    2 756
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : Technicien Help Desk

    Informations forums :
    Inscription : Juillet 2004
    Messages : 2 756
    Points : 6 686
    Points
    6 686
    Par défaut
    Citation Envoyé par Bovino Voir le message
    Oui, mais en quoi un .chm t'empêche de passer par des input plutôt qu'un textarea ?
    Je préfère utiliser un textarea car le commentaire s'y trouvant peut-être copié vers un autre logiciel dans son intégralité.

    Ex: textarea
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    Nom: GODIN
    Prénom: Robert
    Adresse: 3 parc de l'Olives
    Ex: Input
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    Nom:     [ GODIN                  ]
    Prénom:  [ Robert                 ]
    Adresse: [ 3 parc de l'Olives     ]
    Avec un Input, il n'y a pas de danger de supprimer les intitulés mais ils ne seront pas intégrés dans le commentaire final
    .Olivier

  9. #9
    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 : 53
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <div id="txt_copier">
        <label for="nom">Nom :</label><input id="nom" />
        <label for="prenom">Prénom :</label><input id="prenom" />
        <label for="adresse">Adresse :</label><input id="adresse" />
        <label for="mail">Mail :</label><input id="mail" />
        <label for="tel">Téléphone :</label><input id="tel" />
    </div>
    <input type="button" value="Envoyer" onclick="recup_param()" />
    puis :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    function recup_param(){
        var txt_final;
        var base_lbl = document.getElementById('txt_copier').getElementsByTagName('label');
        var base_ipt = document.getElementById('txt_copier').getElementsByTagName('input');
        for(var i=0; i<base_lbl.length; i++){
            txt_final += base_lbl[i].innerHTML + '\t' + base_ipt[i].value + '\n';
        }
        return txt_final;
    }
    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

  10. #10
    Membre confirmé
    Inscrit en
    Janvier 2009
    Messages
    598
    Détails du profil
    Informations forums :
    Inscription : Janvier 2009
    Messages : 598
    Points : 628
    Points
    628
    Par défaut
    Confiance !!!
    Cliquez ici et reprenez le pouvoir !
    A bas IE !, Google, et le pistage du net, testons DuckDuckGo.com
    Lords Of The Realm II Download : Lords of the realm 2
    Infos en anglais :Ici

  11. #11
    Expert éminent

    Homme Profil pro
    Technicien Help Desk
    Inscrit en
    Juillet 2004
    Messages
    2 756
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : Technicien Help Desk

    Informations forums :
    Inscription : Juillet 2004
    Messages : 2 756
    Points : 6 686
    Points
    6 686
    Par défaut
    En effet, le code proposé ci-dessus me prouve le contraire

    Je vais tenter cette approche.

    Merci à tous pour votre aide
    .Olivier

  12. #12
    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 : 53
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Tu peux aussi ajouter la possibilité d'activer/désactiver tes champs :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <div id="txt_copier">
        <label for="nom">Nom :</label><input id="nom" disabled="disabled" /><input type="button" value="Activer / Désactiver" onclick="active('nom')" />
        <label for="prenom">Prénom :</label><input id="prenom" /><input type="button" value="Activer / Désactiver" onclick="active('prenom')" />
        <label for="adresse">Adresse :</label><input id="adresse" /><input type="button" value="Activer / Désactiver" onclick="active('adresse')" />
        <label for="mail">Mail :</label><input id="mail" /><input type="button" value="Activer / Désactiver" onclick="active('mail')" />
        <label for="tel">Téléphone :</label><input id="tel" /><input type="button" value="Activer / Désactiver" onclick="active('tel')" />
    </div>
    <input type="button" value="Envoyer" onclick="recup_param()" />
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    function active(champ){
        var l_input = document.getElementById(champ);
        l_input.disabled = !l_input.disabled;
    }
    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

  13. #13
    Expert éminent

    Homme Profil pro
    Technicien Help Desk
    Inscrit en
    Juillet 2004
    Messages
    2 756
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : Technicien Help Desk

    Informations forums :
    Inscription : Juillet 2004
    Messages : 2 756
    Points : 6 686
    Points
    6 686
    Par défaut
    Merci à tous de vos réponses
    .Olivier

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

Discussions similaires

  1. Réponses: 1
    Dernier message: 14/04/2014, 14h17
  2. Réponses: 1
    Dernier message: 16/08/2011, 14h23
  3. [DOM] Récupérer les noeuds textes descendants d'une balise
    Par hamma2 dans le forum Format d'échange (XML, JSON...)
    Réponses: 1
    Dernier message: 30/11/2006, 10h24
  4. [html] Modifier du texte (sans afficher les balises)
    Par Alexino2 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 25/07/2006, 16h43
  5. Aligner mon texte compris dans une balise <li>
    Par zut94 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 12/07/2006, 16h47

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