Javascript: gestire gli eventi
Wednesday, July 23rd, 2008Oggi ho trovato un interessante articolo su Javascript e sulla gestione degli eventi. Uno script che secondo l’autore è un po’ datato, ma che pare sia ancora attualissimo.
Non vengono usati prototype, jQuery o altri framework javascript. Solamente un paio di funzioni: addEvent, removeEvent.
function addEvent(obj, type, fn){
if (obj.attachEvent) {
obj[’e’ + type + fn] = fn;
obj[type [...]
JS: gestire multi window onload
Friday, June 27th, 2008Spesso quando creo i siti utilizzo pesantemente gli include server side, dapprima con coldfusion tramite <cfinclude…> poi con la chiamata di IIS <!– #include….–>, ma penso che chiunque sia interessato all’argomento conosco la cosa benissimo. Comunque piccolo esempio:
<!– #include file="include/connection.asp" –>
Le parti che includono la maggior parte delle volte sono pezzi di layout condiviso in [...]
Ingrandire immagini con javascript
Monday, May 19th, 2008Sto rifacendo tutta una serie di tool che avevo già pronti, traducendoli da quella meraviglia di linguaggio che è coldfusion, a quella cosa destrutturata che è ASP (vbscript). Oggi mi sono imbattuto nel mio vecchio ImageViewer.
Già che c’ero gli ho dato pure una rinfrescata, in modo di aver un tool universale per ingrandire le immagini, [...]
Regolare l’altezza dei DIV in base alla finestra
Monday, February 4th, 2008Un velocissimo script per creare un elemento DIV che si adatti alle dimensioni della finestra. Purtroppo le dimensioni in altezza percentuali via CSS sono ancora un sogno. Forse qualche browser le supporta: comunque non è standard.
Ecco allora un veloce script Javascript che sistema le cose a dovere:
<script type=”text/javascript”>
window.onload = function(){
resizeMe();
}
window.onresize = function(){
resizeMe();
}
function resizeMe(){
//http://www.howtocreate.co.uk/tutorials/javascript/browserwindow
var myWidth = [...]
Menu intelligente con javascript e style
Thursday, January 24th, 2008Ecco un esempio gustoso su come creare un menu sensibile alla pagina in cui siamo. Quali tecniche ho usato?
Innanzi tutto html e css (che non metto) per la creazione di un normale menu basato su css e liste (ul/li).
Quindi un po’ di coldfusion per individurare lato server la pagina in cui il navigatore è.
Alla fine [...]
Gestiamo gli input in modo sexy
Wednesday, January 23rd, 2008Per rendere i vostri siti ed in modo particolare i vostri Content Management System (CMS) più usabili, senza ricorrere a script pesantissimi o wizard di evitor succhia risorse, spesso qualche riga di javascript può aiutare a fare un discreto lavoro. Questa volta riprendo uno script già presentato per la gestione dei tasti e aggiungo un [...]
Controllo dei tasti in javascript
Friday, January 11th, 2008Uno script veloce che permette di controllare che in un campo testo vengano inseriti solo numeri.
Il punto principale dello script è la gestione dell’evento onKeypress (event), che dalla nostra funzione possiamo richiamare per ottenere il tasto che è stato premuto e.keyCode, in formato ASCII. Convertendolo poi in carattere String.fromCharCode possiamo fare i confronti necessari.
<script type=”text/javascript”>
function [...]
Easy captcha without javascript images and math
Wednesday, September 12th, 2007digg_url = ‘http://blog.merlinox.com/mrx/blog/index.cfm?id_news=978′;
digg_title = ‘Easy captcha without javascript images and math’;
An easy captcha without javascript, without images, without math. Only a few of CSS and a few of server side (coldfusion) programming: a walkover!
Let’s go!
We can begin with a simple standard FORM.
<form name="frm_xxx" action="reg.cfm" method="post">
Nome <input type="text" name="name"><br />
Sito <input type="text" name="site"><br [...]
Visualizzazione di oggetti “complessi” in Javascript (dump)
Sunday, November 12th, 2006Il tag <cfdump> in coldfusion permette di visualizzare il valore delle variabili, siano essere semplici o complesse (array, oggetti, …).
E’ di una comodità assoluta, specie per effettuare i debug.
Nell’era di AJAX ho trovato un ottimo script che permette di fare la stessa cosa con Javascript:
netgrow.com.au
Nel sito potete trovare lo script da scaricare (dump.zip), la spiegazione [...]
CFFORM Javascript Onsubmit
Monday, October 23rd, 2006Uno dei metodo più usati per fare il check di un form è il seguente:
<form name="frm_ins" action="contatti.cfm" method="post" onsubmit="return check_data(this);">
—
</form>
Alla funzione check_data() viene passato direttamente l’oggetto form a cui facciamo riferimento, e se la funzione restituisce true, il form viene inviato, altrimenti l’invio viene annullato.
Ma perchè questo modo di utilizzare form e javascript non funziona [...]
