Un semplice sistema di Help veloce per gli utenti in Javascript

Corso jQuery
Creare applicazioni client-side col Framework jQuery

Scritto da Luca Ruggiero nella sezione Javascript

Grazie a Javascript è possibile implementare nelle proprie pagine un semplice sistema per offrire ai propri utenti una breve descrizione della parola stesso, sostituendo in qualche modo l'attributo title dei link. Per l'esempio utilizzeremo un alert(), ma è possibile personalizzare il messaggio in modo da farlo comparire in un layer in qualche elemento graficamente più accattivante.

Si consideri il seguente codice Html:

L'<a class="HELP" href="javascript:Help(0)">Italia</a>
è una <a class="HELP" href="javascript:Help(1)">penisola</a>
bagnata dal <a class="HELP" href="javascript:Help(2)">Mediterraneo</a>.
Nel link abbiamo utilizzato la funzione Help() (più avanti vedremo il codice) a cui passiamo un parametro numerico, da zero (0) a 2 in questo caso, volendo realizzare un esempio con soli 3 link. A quest'ultimo assegniamo anche la classe Css HELP, di cui riporto il codice:
<style type="text/css">
    a.HELP {
        color: #000000;
        cursor: Help;
    }
</style>
In questo modo il cursore del mouse diventerà a forma di punto interrogatovo (?) al passaggio sul link.

Di seguito il codice Javascript della funzione Help():
<script language="javascript">
    <!--
        function Help(n)
        {
            var s = new Array();
                s[0] = "Nazione europea";
                s[1] = "Paese bagnato su più lati dal mare";
                s[2] = "Comprende i mari: Adriatico, Ionio, Ligure e Tirreno";

            var ris = s[n];

            alert(ris);
        }
    //-->
</script>
Creiamo un Array() in cui memorizziamo come stringa le descrizioni che dovranno essere associate ai link descritti all'inizio dell'Articolo. Nella variabile ris imposto l'Array() col valore del parametro passato alla funzione: ecco che i testi descrittivi saranno associati ai rispettivi link.

I più cliccati della sezione Javascript

:: jQuery Validation: validazione di un form con jQuery (107.912)

:: Breve guida a jQuery (98.602)

:: Le espressioni regolari in Javascript (84.989)

:: Gestione delle stringhe in Javascript (74.986)

:: Stampare una pagina col Dhtml (42.850)

:: Inserire in automatico lo slash nel formato data gg/mm/aaaa (41.642)

:: Menu orizzontale dinamico in Dhtml (37.187)

:: Gli Array in Javascript (35.935)

:: Temporizzazioni Javascript (31.623)

:: Istruzion condizionali in Javascript: if e switch (28.943)

IN EVIDENZA
DOWNLOAD