PDA

Visualizza la versione completa : [Augello's pillola] Gestione textarea


Reale_Augello
08-09-2002, 17:14
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 !

:)

xnet
08-09-2002, 17:52
complimenti :)

Reale_Augello
08-09-2002, 18:08
... ringrazio xnet, sei molto gentile !

:)

blakwolf
08-09-2002, 18:21
evviva un altra pillola utile :gren:

Reale_Augello
08-09-2002, 18:23
... anche a te blakwolf !

:)

Mutato
08-09-2002, 19:20
Reale sei un grande!!! :metallica

A me hai suggerito anche questi che ritengo utili per l'inserimento di tag senza il prompt.

scrive tag doppio es.

<script language="JavaScript">
// scrive un tag doppio

function Scrivi(tag)
{
testo="<"+tag+"></"+tag+">";
document.mioform.textarea.value+=testo;
}
</script>

richiamo

<input type="button" value="<tag></tag>" onClick="Scrivi('tag')">


Scrive un tag singolo es.
<hr>

<script language="JavaScript">
// scrive un tag singolo

function Uni(tag)
{
testo=""+tag+"";
document.mioform.textarea.value+=testo;
}
</script>

richiamo

<input type="button" value="<tag>" onClick="Uni('tag')">

Ciao!

Reale_Augello
08-09-2002, 19:30
... contento che i miei consigli siano serviti anche a te, Mutato.

Alla prossima ! :)

standard
09-09-2002, 00:04
BRAVO!!
complimenti!!

(la farmacia del Forum si fa sempre pi fornita :metallica )

Reale_Augello
09-09-2002, 00:13
... standard, sono davvero onorato dei tuoi complimenti !

Ciao ! :)

Dennis
09-09-2002, 10:48
beh... complimenti.... ora anche tu con la pillolina

:gren:

Loading