Salve a tutti,
ho notato un crescente interesse riguardo gli script che permettono di gestire il contenuto delle textarea. È davvero con molta modestia che elenco qui di seguito un pò di funzioni che ho creato e che, spero, risultino utili ai provetti webmaster.
Buona lettura !
1. Contare il numero di caratteri all'interno di una textarea
Codice funzione:
<script language="JavaScript">
<!--
function ContaChar(campo)
{
alert("La textarea presenta "+campo.value.length+" caratteri.");
}
-->
</script>
Richiamo della funzione:
<textarea name="miatxt" onChange="ContaChar(this)"></textarea>
2. Contare il numero di parole all'interno di una textarea
Codice funzione:
<script language="JavaScript">
<!--
function ContaWrd(campo)
{
arrayparole=campo.value.split(" ");
alert("La textarea presenta "+arrayparole.length+" parole.");
}
-->
</script>
Richiamo della funzione:
<textarea name="miatxt" onChange="ContaWrd(this)"></textarea>
3. Inserimento di sole lettere nella textarea
Codice funzione:
<script language="JavaScript">
<!--
function SoloLettere(campo)
{
numeri="0123456789";
valore=campo.value;
for (i=0; i<valore.length; i++)
if (numeri.indexOf(valore.charAt(i))!=-1)
{
alert("Inserire solo lettere nella textarea.");
campo.value=valore.substr(0,i);
break;
}
}
-->
</script>
Richiamo della funzione:
<textarea name="miatxt" onKeyUp="SoloLettere(this)"></textarea>
4. Inserimento di soli numeri nella textarea
Codice funzione:
<script language="JavaScript">
<!--
function SoloNumeri(campo)
{
if (isNaN(campo.value))
{
alert("Inserire solo numeri nella textarea.");
campo.value=campo.value.substr(0, campo.value.length-1);
}
}
-->
</script>
Richiamo della funzione:
<textarea name="miatxt" onKeyUp="SoloNumeri(this)"></textarea>
5. Limitare il numero di caratteri in una textarea
Codice funzione:
<script language="JavaScript">
<!--
function LunghezzaMax(campo)
{
if (campo.value.length>20)
{
alert("Inserire al massimo 20 caratteri nella textarea.");
campo.value=campo.value.substring(0, 20);
}
}
-->
</script>
Richiamo della funzione:
<textarea name="miatxt" onChange="LunghezzaMax(this)"></textarea>
6. Cercare una parola e sostituirla a un'altra in una textarea
Codice funzione:
<script language="JavaScript">
<!--
function CercaESostituisci(campo)
{
txt=campo.value;
parolaold=prompt("Quale parola si vuole ricercare nella textarea?");
if (parolaold!=null)
{
if (txt.indexOf(parolaold)==-1) alert("La parola "+parolaold+" non è presente nella textarea.");
else
{
parolanew=prompt("Cosa mettere al posto della parola "+parolaold+"?");
if (parolanew!=null)
{
txt=txt.replace(parolaold, parolanew);
campo.value=txt;
}
}
}
}
-->
</script>
Richiamo della funzione:
<textarea name="miatxt" onChange="CercaESostituisci(this)"></textarea>
7. Attivare una textarea con un clic su un checkbox
Codice funzione
<script language="JavaScript">
<!--
editabile=false;
function Attiva()
{
if (!editabile)
{
document.mioform.miatxt.disabled=false;
editabile=true;
}
else
{
document.mioform.miatxt.disabled=true;
editabile=false;
}
}
-->
</script>
Richiamo della funzione:
input type="checkbox" name="checkbox" value="checkbox" onClick="Attiva()">
<textarea name="miatxt"></textarea>
8. Inserire del testo in una textarea in un punto specificato
Codice funzione:
<script language="JavaScript">
<!--
function Aggiungi()
{
dove=prompt("In che posizione si vuole inserire il testo?");
testo=prompt("Scrivere il testo da inserire:");
valore=document.mioform.miatxt.value;
lunghezza=valore.length;
primaparte=valore.substr(0,dove-1);
secondaparte=valore.substr(dove-1, lunghezza);
valore=primaparte+testo+secondaparte;
document.mioform.miatxt.value=valore;
}
-->
</script>
Richiamo della funzione:
<textarea name="miatxt"></textarea>
<input type="button" name="Button" value="Aggiungi testo" onClick="Aggiungi()">
9. Inserire tag di formattazione in una textarea
Codice funzione:
<script language="JavaScript">
<!--
function AddFormat(formattazione)
{
txtdaformattare=prompt('Inserire il testo da porre fra <'+formattazione+'> e </'+formattazione+'>:');
txt="<"+formattazione+">"+txtdaformattare+"</"+formattazione+">";
document.mioform.miatxt.value+=txt;
}
-->
</script>
Richiamo della funzione:
<textarea name="miatxt"></textarea>
<input type="button" name="Button" value="B" onClick="AddFormat('B')">
Ciao ciao e buon lavoro a tutti !