Questi effetti soffrono di un bug non da poco che affligge IE: all’inizio dell’animazione, il div animato fa un “salto”, ovvero a seconda dei casi viene mostrato allo 0% oppure al 100% della sua altezza. L’unico modo che ho trovato di farlo funzionare è stato usare l’opzione “from” per far partire l’effetto appena dopo il “salto”.

Esempio:

Effect.BlindDown('myDiv',{duration:0.5,from:0.1});

Aggiunti i seguenti metodi:

• jDate.toDate();
• jDate.addDate();
• jDate.addWeek();
• jDate.addMonth();
• jDate.addYear();

• String.timestamp2jDate()

Leggete la documentazione se volete approfondire…

Per l’angolo del cazzeggio, ecco uno scriptino che simula il famoso effetto di WinAmp che fa scrollare il titolo della canzone nella titlebar e di conseguenza nella taskbar. Rispetto a winamp però questo script fa scrollare il testo desiderato anche nella tab! Utilissimo se usato con Greasemonkey e giochi come Travian…

ScrollingTitleBar={
	title:'',
	title_current:'',
	play:true,
	spaces:50,
	updateEvery:100,
	update:function(){
		var s=this.title_current;
		document.title=s.replace(/ /g,String.fromCharCode(160));
		this.title_current=s.substring(1,s.length)+s.substring(0,1)
		if(ScrollingTitleBar.play)setTimeout("ScrollingTitleBar.update()",ScrollingTitleBar.updateEvery);
	},
	start:function(q){
		ScrollingTitleBar.title=q;
		ScrollingTitleBar.title_current=q;
		for(var i=0;i<ScrollingTitleBar.spaces;i++)ScrollingTitleBar.title_current=" "+ScrollingTitleBar.title_current;
		ScrollingTitleBar.play=true;
		ScrollingTitleBar.update();
	},
	stop:function(q){
		ScrollingTitleBar.title_current=ScrollingTitleBar.title;
		ScrollingTitleBar.play=false;
	}
}

ScrollingTitleBar.start("Arctic Monkeys - A view from the afternoon");

Siccome quando lavoro coi files SWF, CSS e JS che caricano dinamicamente immagini o altro faccio sempre confusione coi path relativi, ecco qui la regola scritta e verificata una volta per tutte!!!

Tutti i link a files esterni sono relativi alla cartella:

• HTML: della pagina stessa
• CSS:    del file CSS
• JS:       della pagina che include il file js
• SWF:   della pagina che include il file swf

Da oggi la funzione tooltip() di jMouse si avvale dei metodi ‘onmouseenter’ e ‘onmouseleave’ esistenti solo in Internet Explorer. Questi metodi evitano l’event bubbling e migliorano quindi le performances della tooltip. E’ stato anche fixato un bug nel calcolo delle coordinate.

Leggo in questi giorni che MySpace, Yahoo! e Google hanno raggiunto un accordo per creare una fondazione che si occupi di garantire neutralità e longevità al progetto OpenSocial.

Leggo anche che Microsoft ha raggiunto gli accordi necessari per rilasciare in un futuro prossimo le Windows Live! Contacts API che permetteranno di aggiungere “Friends” di varia provenienza al network Live! Spaces.

Mi sfrego le mani e rimango in giuggiolosa attesa.

EDIT 03/04/08: Dimenticavo di citare (anche se è già noto da tempo) che alla lista contatti di Skype si possono aggiungere contatti MySpace IM, e a quella di MSN Messenger si possono aggiungere contatti Yahoo! Messenger… Forza forza forza! Muovetevi ad unire tutto! Dai dai dai!!!

Molti sanno che è possibile, grazie ad un corretto uso degli headers, forzare il download di un file. Questo significa che è possibile ad esempio linkare un’immagine JPG facendo in modo che essa non si apra ma al suo posto compaia la finestra “Salva con nome…”.

Internet Explorer naturalmente complica le cose! Gli piace molto aggiungere al nome del file parentesi sia tonde che quadre, nonchè convertire caratteri vari, con comprensibile sgomento di utenti e sviluppatori. In particolare, spazi e punti nel nome del file provocano questi strani comportamenti, tanto che tempo fa partecipai sul forum su PHP di HTML.it alla realizzazione di una pillola sul tema.

Il frutto della discussione fu questa funzione:

function forceDownload($file) {
	/**
	 * Function forceDownload:
	 *	download any type of file if it exists and is readable
	 * -------------------------------------
	 * @author		Andrea Giammarchi
	 * @date		18/01/2005 [17/05/2006]
	 * @compatibility	PHP >= 4.3.0
	 */
	if(file_exists($file) && is_readable($file)) {
		$filename = basename($file);
		if(strpos(strtoupper($_SERVER['HTTP_USER_AGENT']), 'MSIE') !== false && strpos($filename, '.') !== false) {
			$parsename = explode('.', $filename);
			$last = count($parsename) - 1;
			$filename = implode('%2E', array_slice($parsename, 0, $last));
			$filename .= '.'.$parsename[$last];
		}
		header('Content-Type: application/octet-stream');
		header('Content-Disposition: attachment; filename="'.$filename.'"');
		header('Content-Length:'.filesize($file));
		header('Content-Transfer-Encoding: binary');
		if(@$file = fopen($file, "rb")) {
			while(!feof($file))
				echo fread($file, 8192);
			fclose($file);
		}
		exit(0);
	}
}

Fonte: http://www.devpro.it/php4_id_72.html

Il web dev’essere COMODO. Un’interfaccia con pulsanti ampi e spaziosi dove cliccare senza essere troppo precisi migliora la rapidità d’uso dell’applicazione e diminuisce la frustrazione dell’utente.

A questo proposito ci viene in aiuto CSS: basta infatti uno stile tipo questo per aumentare l’area cliccabile di un link:

A{display:block;*width:100%;padding:1em;}

E per checkbox radio buttons cosa si può fare? Ho realizzato un esempio che si basa sull’utilizzo di LABEL, che come molti di voi sapranno, quando cliccato seleziona/deseleziona il campo input ad esso legato. Il pregio è che non servono ne JavaScript ne links, il difetto è che non è il massimo dell’accessibilità mettere il campo INPUT all’interno del LABEL… ma se l’accessibilità non è tra le nostre priorità, siamo a posto!

http://www.mephit.it/jure%5Fwordpress%5Fcom/check/check.htm

EDIT (07/03/2008): Il W3C ammette l’uso di INPUT all’interno di LABEL, e nella definizione delle norme del WAI viene mostrato un esempio analogo,  quindi nessun problema per l’accessibilità!

Quello che avevo provvisoriamente chiamato numericFieldDemo si è evoluto grazie anche alla nuova versione di Prototype (1.6) diventando jSpinner. Infatti durante lo sviluppo ho anche saputo il vero nome di questo tipo di controllo, ovvero “spinner”. Dato che jMouse è un prerequisito per poter usare jSpinner, l’ho aggiornato risolvendo un problema che si verificava in IE (usando i metodi con la rotellina le pagine scrollavano). Date un’occhiata alla demo!

Companion.JS lavora a braccetto con DebugBar e necessita dell’installazione di  Microsoft Script Debugger. Non è un tool di alto livello ma per IE non c’è molta scelta. Lo sto usando da un mese e mi è stato utile in più di un’occasione.