Pagina 1 di 22 1 2 3 11 ... ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 220
  1. #1
    Reale_Augello
    Guest

    [Augello's pillola] Gestione textarea

    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 !


  2. #2
    xnet
    Guest
    complimenti

  3. #3
    Reale_Augello
    Guest

    Ti...

    ... ringrazio xnet, sei molto gentile !


  4. #4
    evviva un altra pillola utile :gren:
    Luca Mascaro
    Usability e Accessibility Engineer, User Interface Designer/Engineer
    NOW BLOG
    W3C HTML & WCAG WG Member for IWA/HWG

  5. #5
    Reale_Augello
    Guest

    Grazie...

    ... anche a te blakwolf !


  6. #6
    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!
    Are you alive?
    No, but I was written with LOVE. A new scripting language.
    www.frequenze.it

  7. #7
    Reale_Augello
    Guest

    Sono...

    ... contento che i miei consigli siano serviti anche a te, Mutato.

    Alla prossima !

  8. #8
    Utente di HTML.it
    Registrato dal
    Jan 2002
    Messaggi
    633
    BRAVO!!
    complimenti!!

    (la farmacia del Forum si fa sempre più fornita :metallica )
    Alcuni miei articoli in PRO.HTML.IT: JavaScript | DHTML | DOM
    Sviluppo : wedev | forum

  9. #9
    Reale_Augello
    Guest

    Grazie...

    ... standard, sono davvero onorato dei tuoi complimenti !

    Ciao !

  10. #10
    Utente di HTML.it
    Registrato dal
    Dec 2001
    Messaggi
    3,259
    beh... complimenti.... ora anche tu con la pillolina

    :gren:

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.