Créer un textarea avec bouton de sélection

Nous avons vu le textarea simple, voici un modèle plus évolué avec bouton de sélection du texte contenu dans le textarea.

En html, vous collez ce code

<script language="JavaScript">
<!--
function selectionner()
{
document.votre_formulaire.votre_textarea.select();
}
-->
</script>
<form name="votre_formulaire">
<textarea name="votre_textarea">
Votre texte
</textarea>
<input type="button" value="tout sélectionner" onclick="selectionner()">
</form>

Et nous obtenons

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In varius pulvinar erat eu elementum. Cras eu nulla in sem pretium faucibus. Aliquam luctus placerat convallis. Vivamus euismod est in ligula viverra vel commodo metus vestibulum. Phasellus aliquet lectus non ante dignissim dapibus. Sed varius facilisis condimentum. Pellentesque facilisis dictum risus, a consectetur justo iaculis in. Sed pellentesque, erat feugiat tristique rhoncus, tortor odio lobortis mi, elementum semper risus sapien eget nunc. Suspendisse eu quam odio. Nunc in dolor et neque dictum tincidunt vitae ac erat. Curabitur tincidunt viverra dui. Vestibulum mauris massa, congue non fermentum sit amet, mollis sit amet sapien. Duis porta erat vel risus aliquam interdum. Phasellus nibh elit, placerat sed dictum sed, lacinia in nulla. Sed rhoncus pulvinar tortor, in laoreet ipsum consequat eu. Vivamus vehicula, arcu ac ultrices ornare, dolor ante adipiscing nulla, nec blandit eros erat eu lectus. Nunc imperdiet, urna non tempus tempor, lectus elit tristique sem, ac vehicula tortor enim non urna.

Créer un textarea

Autrement appelé "boîte de texte défilante"
Il peut être utile lorsque vous avez un texte assez long ou un script à mettre sur votre blog.

Dans l'html, vous collez ce pavé

<textarea name=a cols=50 rows=3 style="font-family:Verdana;font-size:8pt;color:white;background-color:#000080;border:1 white">VOTRE TEXTE ICI</textarea>

Vous obtenez :

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In varius pulvinar erat eu elementum. Cras eu nulla in sem pretium faucibus. Aliquam luctus placerat convallis. Vivamus euismod est in ligula viverra vel commodo metus vestibulum. Phasellus aliquet lectus non ante dignissim dapibus. Sed varius facilisis condimentum. Pellentesque facilisis dictum risus, a consectetur justo iaculis in. Sed pellentesque, erat feugiat tristique rhoncus, tortor odio lobortis mi, elementum semper risus sapien eget nunc. Suspendisse eu quam odio. Nunc in dolor et neque dictum tincidunt vitae ac erat. Curabitur tincidunt viverra dui. Vestibulum mauris massa, congue non fermentum sit amet, mollis sit amet sapien. Duis porta erat vel risus aliquam interdum. Phasellus nibh elit, placerat sed dictum sed, lacinia in nulla. Sed rhoncus pulvinar tortor, in laoreet ipsum consequat eu. Vivamus vehicula, arcu ac ultrices ornare, dolor ante adipiscing nulla, nec blandit eros erat eu lectus. Nunc imperdiet, urna non tempus tempor, lectus elit tristique sem, ac vehicula tortor enim non urna.

cols=50 : la largeur
rows=3 : le nombre de ligne donc la hauteur
font-family:Verdana : police
font-size:8pt : taille de police
color:white : couleur de police
background-color:#000080 : couleur de fond

A voir : créer un textarea avec bouton de sélection