Validare una email in Html5
24 Ottobre 2017
HTML5 ha introdotto un nuovo metodo lato client per verificare la validità delle email, prevedendo l’utilizzo di espressioni regolari; a tal proposito si analizzi il seguente codice:
<input type="text" title="email" required pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" />
required è un attributo di tipo booleano che ha il compito di rendere obbligatoria la compilazione dell’elemento a cui è associato; il valore dell’attributo pattern deve essere invece una espressione regolare corretta, esso necessita anche dell’indicazione di un title che fornisca una descrizione del formato in uso (“email nel nostro esempio”). La verifica della condizione richiesta verrà valutata in seguito all’invio dei dati del form tramite submit.
Consentire l’immissione di solo caratteri numerici
12 Giugno 2017
A volte si ha la necessità che un campo di input testuale accetti solo l’inserimento di caratteri numerici. Di seguito lo script:
<html>
<head>
<title>Consentire l'immissione di solo caratteri numerici</title>
<script type="text/javascript">
function isNumberKey(evt){
var charCode = (evt.which) ? evt.which : event.keyCode
if (charCode > 31 && (charCode < 48 || charCode > 57))
return false;
return true;
}
</script>
</head>
<body>
<input type="text" onkeypress="return isNumberKey(event)">
</body>
</html>
Estrapolare informazioni da wikipedia
12 Luglio 2016
Grazie alle api di wikipedia è possibile estrapolare i suoi contenuti nel formato json. Di seguito un esempio:
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
var trova = "spaghetti";
$.getJSON("https://it.wikipedia.org/w/api.php?format=json&action=query&prop=extracts&exintro=&explaintext=&callback=?&titles=" + trova, function (data) {
$.each(data.query.pages, function (i, item) {
$("#contenuto").html(item.extract);
});
});
});
</script>
</head>
<body>
<div id="contenuto"></div>
</body>
</html>
Determinare la versione di DirectX installata nel sistema
15 Maggio 2015
Nella cartella system di windows si trova di norma il programma Dxdiag.exe, che serve appunto alla verifica dello stato dei moduli Direcx. Per avviarlo selezionare Start/Esegui e immettere il comando “dxdiag” seguito da invio o click su ok. Nella scheda “sistema” della finestra che appare si può leggere la versione directx corrente. Le altre schede offrono numerose informazioni su file e driver installati nonchè su possibili problemi legati alle periferiche. Il programma di diagnostica, essendo un componente delle directx, è presente in tutte leversioni di windows ove siano installate tali librerie.
Effetto di transizione in una pagina web
7 Aprile 2015
Per creare un effetto di transizione inserire nel tag <head> di una pagina web il seguente codice:
<meta http-equiv="Page-Enter"content="RevealTrans(Duration=5,Transition=0)">
Esistono 24 diversi effetti enumerati da 0 a 23, nell’esempio abbiamo utilizzato il primo (Transition=0) e lo abbiamo impostato nella pagina in entrata.
http-equiv="Page-Enter"
è anche possibile stabilire che l’effetto debba verificarsi in uscita
http-equiv="Page-Exit"
Per modificare la durata dell’effetto, ovvero il suo tempo di esecuzione, attualmente impostato a 5 secondi, basta modificare il valore numerico (secondi) dell’attributo “Duration”. Attenzione! però questo effetto funziona solo con Ms Internet Explorer.