Discussion :

[Olivier Regnier]

Bonjour,

Je possède dans ma page Web une balise textarea qui par défaut est en lecture seule.

Voici le code HTML:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<div>
<textarea readonly="readonly"id="textarea1" rows="5" cols="62">Catalogue mobile (courrier)
Client(e) informé(e):
- Délai de réception:
Statut: envoyé.</textarea>
<p><button type="button" onclick="copy2clipboard(document.getElementById('textarea1'));">Copier</button></p>
</div>

Je souhaite via un script Javascript + un bouton, écrire dans cette balise afin d'y ajouter le délai de réception.

Avez-vous une idée, un exemple de script pour supprimer la lecture seule de ma petite balise ?

Merci d'avance

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('textarea1').readOnly = false;

[Olivier Regnier]

Bonjour,

Merci de ta réponse, je vais tester au plus vite le code que tu me proposes.

Merci

[Olivier Regnier]

Le code fonctionne très bien mais j'aimerai lui apporter une fonctionnalité supplémentaire à savoir lorsque je clique sur le bouton que le fond de ma balise textarea change de couleur.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<button type="button" onclick="document.getElementById('textarea1').readOnly=false;">Modifier</button>

avec un

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

setAttribute("style","background:yellow");

Est-il possible d'intégrer tout ce code Javascript dans une seule fonction afin d'alléger ma page web.

Merci d'avance

[Jumano]

Bonsoir,
Tu peux faire comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">
function modifier() {
	document.getElementById('textarea1').readOnly=false;
	document.getElementById('textarea1').style.background='yellow';
	}
</script>
<div>
<textarea readonly="readonly" id="textarea1" rows="5" cols="62">Catalogue mobile (courrier)
Client(e) informé(e):
- Délai de réception:
Statut: envoyé.</textarea>
<p><button type="button" onclick="modifier()">Copier</button></p>

[Olivier Regnier]

Merci beaucoup. J'ai une dernière petite question. Si dans ma page web, j'ai plusieurs textarea1, textarea2 etc., comment dois-je m'y prendre ?