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

Version imprimable

14/02/2009, 17h27
Olivier Regnier

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

J'ai une balise textarea avec le contenu suivant:
Code:

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 :mrgreen:
14/02/2009, 18h08
FoxLeRenard

Tu as vraiment intéret a saisir les zones séparément, puis mettre en forme aprés !!8O
14/02/2009, 19h30
Olivier Regnier

Ce n'est pas pour un site WEB :mouarf:
C'est pour une aide .chm. Une petite aide pour mes collègues concernant deux applications internes.
14/02/2009, 19h53
FoxLeRenard

Citation:

Envoyé par Olivier Regnier

Ce n'est pas pour un site WEB :mouarf:
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 :oops:

Bon courage a toi, mais je repasserait par là voir si il y a du nouveau :D
15/02/2009, 21h11
dragonno

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^^
15/02/2009, 21h20
dragonno

<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^^
15/02/2009, 21h38
Bovino

Citation:

Envoyé par Olivier Regnier

Ce n'est pas pour un site WEB :mouarf:
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 ?
15/02/2009, 22h17
Olivier Regnier
Citation:

Envoyé par Bovino

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:

1 2 3 4 Nom: GODIN Prénom: Robert Adresse: 3 parc de l'Olives
Ex: Input
Code:

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 :mrgreen:

Code:

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:

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;
}

15/02/2009, 22h43
dragonno

Confiance !!!
15/02/2009, 23h02
Olivier Regnier

En effet, le code proposé ci-dessus me prouve le contraire :aie:

Je vais tenter cette approche.

Merci à tous pour votre aide :mrgreen:

Tu peux aussi ajouter la possibilité d'activer/désactiver tes champs :

Code:

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:

1
2
3
4
function active(champ){
    var l_input = document.getElementById(champ);
    l_input.disabled = !l_input.disabled;
}

16/02/2009, 20h31
Olivier Regnier

Merci à tous de vos réponses :mrgreen: