jLibrary, minor update

Tutti i files di jLibrary sono stati aggiornati per essere compatibili con jPrototype 0.2. La retrocompatibilità è garantita.

jPrototype 0.2

Con l’anno nuovo ho trovato il tempo di razionalizzare la libreria, che si avvale finalmente dei vantaggi di Prototype 1.6.
Ecco i principali cambiamenti:

• Eliminata la funzione $AA() in quanto dalla versione 1.6 di Prototype $A() è stato migliorato
• is.Collection() è stato rimosso in quanto non funzionante
• l’oggetto “is” è stato perfezionato
• i metodi di Position sono stati spostati sotto Element
• AND(), OR(), NAND() e NOR() sono stati rinominate ALLOF, ONEOF, NONEOF e ONENOTOF, in quanto in effetti la loro funzione è diversa da quello che si poteva pensare (infatti NOR() non si comportava come un NOR logico)

E’ comunque possibile scaricare il vecchio ramo nella pagina della documentazione e download.

Form.request() e il tasto Enter

Chi usa Prototype è sicuramente abituato alla comodità del metodo Form.request() che permette di inviare i dati di una form senza cambiare (o ricaricare) la pagina. Probabilmente però si è anche imbattuto nel classico problema del pulsante [Enter] che, se premuto, invia la form nel modo classico, cambiando (o ricaricando) la pagina. Finora la soluzione era disabilitare il tasto, con tutti i problemi del caso legati alle textarea, ma oggi ho trovato una soluzione più elegante:

$('myForm').observe('submit', function(e){
  Event.stop(e);
  $(this).request();
})

Workaround per Scriptaculous: Blind/Slide bug

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});

jDate aggiornato alla versione 0.21

Aggiunti i seguenti metodi:

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

• String.timestamp2jDate()

Leggete la documentazione se volete approfondire…

Far scollrare la Title Bar del browser in stile WinAmp

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");

Migliorate le performances di jMouse

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.

jSpinner control

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!

Debug JS con IE: finalmente un tool che funziona

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.

Aggiornato jPrototype, versione 0.17

Date un’occhiata alle nuove funzioni di jPrototype:

• aggiunte le funzioni get() e set(), che rispettivamente ottengono e settano i valori dei campi di una form. La particolarità è che possono gestire array di elementi, in quanto preferiscono il nome dell’elemento piuttosto che il suo id. Se ad esempio abbiamo 5 radio buttons, con id “radio1″, “radio2″, “radio3″, “radio4″, “radio5″, e tutti con name “scelta1″, scrivendo $(“radio4″).get() oppure $FGet(document.nomeform.elements['scelta1']) si otterrà il valore del radio checkato, anche se non si tratta esattamente di quello indicato.
• aggiunto il fix per IE ed Opera al metodo getElementById();
• aggiunto Function.name();
• aggiunta la funzione global() per leggere/settare variabili globali;
• aggiunta la funzione $EX per estrarre il contenuto di un innerHTML o di un attributo value;
• aggiunta la funzione is.formElement();
• aggiunto navigator.version;
• aggiunto Number.next();
• aggiunte funzioni di parsing a String;
• ora ad un elemento si possono applicare direttamente i seguenti controlli is: formElement, Num, Int, Float, Empty, Email, Url, CodiceFiscale, PIVA, Tel;
• migliorato dump();
• migliorata la funzione zeroFill();
• migliorati is.Array() e $AA();