RAPIDCODE Utility: utility di scrittura rapida javascript
Il RAPIDCODE Utility è uno script che consente la utility di scrittura rapida di codice javascript.
Lo script è puro codice JavaScript, quindi non ha stili CSS applicati, inoltre è stato testato sui browser: IE6, IE7, Mozilla FireFox 2.0, Opera 9 e Safari.
Nello specifico il package si compone di rapid_utility.js che contiene i metodi rapidi.
I metodi forniti nel RAPIDCODE sono i seguenti:
- valore(id_field): che permette di ottenere il valore del campo id_field (*)
- html(id_field): che permette di ottenere il codice HTML/TESTUALE contenuto nel campo id_field
- stile(id_field): che permette di ottenere il riferimento allo stile del campo id_field
- length(id_field): che permette di ottenere la lunghezza del campo id_field
- display(id_field): che permette la visualizzazione del campo id_field
- hide(id_field): che permette la non visualizzazione del campo id_field
- errore(id_field): che mostra un alert di errore "Compilare correttamente il campo id_field" e ritorna false
- codice_fiscale(id_field): che controlla la validità del codice fiscale passato dal campo id_field
- controlla_data(idGiorno, idMese, idAnno): che controlla la validità dei singoli campi idGiorno, idMese, idAnno considerandoli come un'unica data.
- email(id_field): che controlla la validità della mail inserita nel campo id_field.
(*) id_field è l'id del campo cui applicare la funzione.
Di seguito l'esecuzione del codice appena illustrato:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Prova di RAPIDCODE utility</title>
<script type="text/javascript" language="javascript" src="rapidcode_utility.js"></script>
</head>
<body>
<table bgcolor="#CCCCCC" align="center" width="600" border="0" cellspacing="2" cellpadding="2">
<tr>
<td><em>valore(id_field)</em></td>
<td>Inserisci il tuo nome:<input type="text" name="nome" id="nome" size="20" maxlength="255" /><input type="button" value="valore(id_field)" onclick="alert(valore('nome'));" /></td>
</tr>
<tr>
<td><em>html(id_field)</em></td>
<td><div id="testo"><div>ciao ciao :)</div></div>
<br /><input type="button" value="html(id_field)" onclick="alert(html('testo'))" />
</td>
</tr>
<tr>
<td><em>stile(id_field)</em></td>
<td><input type="button" value="stile(id_field)" name="bottone" id="bottone" style="color:#FF0000;" onclick="alert(stile('bottone').color);" /></td>
</tr>
<tr>
<td><em>length(id_field)</em></td>
<td><input type="test" name="titolo" id="titolo" value="ciao amico!" disabled="disabled" /><br />
<input type="button" value="length(id_field)" onclick="alert(length('titolo'));" />
</td>
</tr>
<tr>
<td><em>display(id_field) / hide(id_field)</em></td>
<td><input type="button" value="display(id_field)" onclick="display('mostrami');" /><input type="button" value="display(id_field)" onclick="hide('mostrami');" /><br /><div id="mostrami">Testo da mostrare/nascondere</div>
</td>
</tr>
<tr>
<td><em>errore(id_field)</em></td>
<td>2+2=<input type="text" name="risultato" id="risultato" size="2" maxlength="3" /><br />
<input type="button" value="Verifica Risultato" onclick="if (valore('risultato')!=4) errore('risultato'); else alert('Prova ad inserire un risultato sbagliato');" /></td>
</tr>
<tr>
<td><em>codice_fiscale(id_field)</em></td>
<td>
<input type="text" name="codice_fiscale" id="codice_fiscale" size="20" maxlength="20" />
<br />
<input type="button" value="codice_fiscale(id_field)" onclick="codice_fiscale('codice_fiscale')" />
</td>
</tr>
<tr>
<td><em>controlla_data(idGiorno, idMese, idAnno)</em></td>
<td>
<div align="center">Inserisci la tua data di nascita</div>
<table align="center" width="300" border="0" cellspacing="2" cellpadding="2">
<tr>
<td>Giorno<input type="text" name="giorno_nascita" id="giorno_nascita" size="2" maxlength="2" /></td>
<td>Mese<input type="text" name="mese_nascita" id="mese_nascita" size="2" maxlength="2" /></td>
<td>Anno<input type="text" name="anno_nascita" id="anno_nascita" size="4" maxlength="4" /></td>
</tr>
</table>
<br />
<div align="center">Verifica la tua data di nascita<br /><input type="button" value="controlla_data(idGiorno, idMese, idAnno)" onclick="controlla_data('giorno_nascita', 'mese_nascita', 'anno_nascita')" />
</div>
</td>
</tr>
<tr>
<td><em>email(id_field)</em></td>
<td>Inserisci il tuo indirizzo email:<input type="text" name="email" id="email" /><br />
<input type="button" value="email(id_field)" onclick="email('email')" />
</td>
</tr>
</table>
</body>
</html>