Aide javascript: Un texte dans un TEXTEREA
Résolu
Chabanus
Messages postés
1026
Statut
Membre
-
Chabanus Messages postés 1026 Statut Membre -
Chabanus Messages postés 1026 Statut Membre -
Bonsoir,
J'ai besoin du script javascript qui me permettrait de mettre du texte dans un TEXTEREA à l'aide d'un lien cliquable ou une image ou un bottom.
Merci d'avance
cordialement
J'ai besoin du script javascript qui me permettrait de mettre du texte dans un TEXTEREA à l'aide d'un lien cliquable ou une image ou un bottom.
Merci d'avance
cordialement
A voir également:
- Aide javascript: Un texte dans un TEXTEREA
- Telecharger javascript - Télécharger - Langages
- A javascript error occurred in the main process - Forum Handicap / Accessibilté
- Afficher un tableau javascript en html ✓ - Forum Javascript
- Javascript arrondi - Forum Javascript
- Javascript arrondi après la virgule ✓ - Forum Windows
4 réponses
J'ai trouvé un script, et le problème est comment le faire fonctionner avec un seul TEXTEREA et sans les boutons radio:
<html>
<head>
<script type="text/Javascript">
var num=0;
function GereControle(Controleur)
{
num=Controleur;
document.formulaire.message[num].focus();
}
function addbbcode(valeur)
{
document.formulaire.message[num].value += valeur;
}
</script>
</head>
<body>
<form method="POST" name="formulaire" onsubmit="return document.write('truc');">
<textarea cols="40" rows="10" name="message" id="message1"></textarea>
<br />
<textarea cols="40" rows="10" name="message" id="message2"></textarea>
<br /><br />
<input type="radio" id="radio_1" name="radios" onClick="GereControle(0);"> <label for="radio_1">Champ_1</label>
<br />
<input type="radio" id="radio_2" name="radios" onClick="GereControle(1);"> <label for="radio_2">Champ_2</label>
<br /><br />
<a href="#" onclick="addbbcode('[b]Votre texte/b'); return false;" title=""><input type="button" value="Gras" /></a>
</form>
</body>
</html>
SALUT
insertion par insertTag dans un textarea
Tu peux bien sur le faire dans un seul textarea sur une page qui en comporte plusieurs , puisque tu te sert de
"getElementById(textareaId)"!
exemple
RAD
insertion par insertTag dans un textarea
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>insertion par insertTag dans un textarea
</title>
<script type="text/javascript">
//<![CDATA[
<!--
function insertTag(startTag, endTag, textareaId, tagType) {
var field = document.getElementById(textareaId);
field.focus();
if (window.ActiveXObject) {
var textRange = document.selection.createRange();
var currentSelection = textRange.text;
} else {
var startSelection = field.value.substring(0, field.selectionStart);
var currentSelection = field.value.substring(field.selectionStart, field.selectionEnd);
var endSelection = field.value.substring(field.selectionEnd);
}
if (window.ActiveXObject) {
textRange.text = startTag + currentSelection + endTag;
textRange.moveStart('character', -endTag.length-currentSelection.length);
textRange.moveEnd('character', -endTag.length);
textRange.select();
} else { // Ce n'est pas IE
field.value = startSelection + startTag + currentSelection + endTag + endSelection;
field.focus();
field.setSelectionRange(startSelection.length + startTag.length, startSelection.length + startTag.length + currentSelection.length);
}
}
//-->
//]]>
</script>
</head>
<body><h1>
<span>Html tag insertion par insertTag dans un textarea
</span></h1>
<div>
<p>
<span>
<input type="button" value="Gras" onclick="insertTag('<b>', '</b>', 'textarea')" />
<input type="button" value="Souligner" onclick="insertTag('<u>', '</u>', 'textarea')" />
<input type="button" value="Barrer" onclick="insertTag('<del>', '</del>', 'textarea')" />
<input type="button" value="Italique" onclick="insertTag('<i>', '</i>', 'textarea')" />
<input type="button" value="Centrer" onclick="insertTag('<p align=\'center\'>', '</p>', 'textarea')" />
<input type="button" value="Droite" onclick="insertTag('<p align=\'right\'>', '</p>', 'textarea')" />
</span>
</p>
</div>
<span>
<textarea id="textarea" cols="100" rows="10">
</textarea>
</span>
</body>
</html>
Tu peux bien sur le faire dans un seul textarea sur une page qui en comporte plusieurs , puisque tu te sert de
"getElementById(textareaId)"!
exemple
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>insertion par insertTag dans un textarea
</title>
<script type="text/javascript">
//<![CDATA[
<!--
function insertTag(startTag, endTag, textareaId, tagType) {
var field = document.getElementById(textareaId);
field.focus();
if (window.ActiveXObject) {
var textRange = document.selection.createRange();
var currentSelection = textRange.text;
} else {
var startSelection = field.value.substring(0, field.selectionStart);
var currentSelection = field.value.substring(field.selectionStart, field.selectionEnd);
var endSelection = field.value.substring(field.selectionEnd);
field.focus();
}
if (window.ActiveXObject) {
textRange.text = startTag + currentSelection + endTag;
} else {
field.value = startSelection + startTag + currentSelection + endTag + endSelection;
}
}
//-->
//]]>
</script>
</head>
<body><h1>
<span>Texte insertion par insertTag dans un textarea
</span></h1>
<div>
<p>
<span>
<input type="button" value="Texte insertion par insertTag" onclick="insertTag('Lorem ipsum dolor sit amet consectetuer at nulla leo vel lacus. Vestibulum nibh urna vel rhoncus amet vel Sed Maecenas risus at.', '', 'textarea', '')" />
</span>
</p>
</div>
<span>
<textarea id="textarea" cols="100" rows="10">
</textarea>
</span>
<span>
<textarea id="textarea2" cols="100" rows="10">
</textarea>
</span>
</body>
</html>
RAD
