0
Dic 19 2011

jQuery 1.7: callbacks

Mi sono appena accorto che in jQuery 1.7 è stato aggiunto un primordiale supporto per gli hook, basato sulle classi.

Molto bello!

In pratica si usa con l’oggetto window.jQuery.callbacks() o, più velocemente, $.callbacks();.

Una volta assegnato quest’oggetto a una variabile potete aggiungere e rimuovere funzioni, mentre per chiamarlo fate variabile.fire(); sostituendo a variabile il nome della variabile a cui avete assegnato $.callbacks().

Uno dei probabili errori è pensare che una volta settati siano globali o che facendo $.callbacks() rimangano salvati globalmente, invece no, perciò state attenti.

4
Lug 29 2011

Plugin BBToolbar (v1.0) [Flatpress]

English

This plugin is a replacement for the default BBCode toolbar but it also adds a toolbar to write comments.

It also replaces all the Emoticons plugins and it adds an emoticons toolbar.

You can select the emoticons set (the default one is powered by Lantaca) or you can create your own: you create the directory e_yourset, then you put here your emoticons and you create a file called set.txt. This file is in this format:

# This is a comment
symbol1 char2	image.ext

The replacements are separated by a space and the image by a tab.

You can also add buttons via javascript: there are two arrays: bbtCustomAdmin and bbtCustomComms respectively for the entry editor and for the comment editor. If you want to customize the function of a tag, you have to use the bbtCustomFunctions object:

bbtCustomFunctions={
	'mytag' : function() {
		// Do some stuff
	},
}

The function must return true or false: with false the tag is complete, with true the default function is run.

You can change all options from the administration panel: go to Plugins -> BBToolbar.

The appearance of the plugin must be customized with css: you have to use these classes: bbtoolbar, comm_toolbar, admin_toolbar,… [Leggi il resto...]

7
Set 07 2010

Menu stile applicazioni con jQuery

È assai strano per me pubblicare post di questo genere.

Ho pubblicato ancora dei tutorial ma mai sulla costruzione di pagine web.

E così questo è il primo.

Avevo promesso a Lantaca di fare questo tutorial sui menu con jQuery perché lui ha fatto il suo tema di Windows.

Così lo scopo di questo tutorial è di creare… l’ambiente desktop di GNOME (l’ambiente desktop che hanno anche distribuzioni GNU Linux). Più precisamente ho usato lo sfondo standard di Debian e anche il suo logo.

Partiamo dall’HTML: ho usato un div in alto con id topmenu contenente una lista per i vari menu principali (Applicazioni, Risorse e Sistema). Degli elementi solo il primo ha una classe con l’unico fine di mettere il logo di Debian.

Dentro ogni elemento c’era uno span.menu-item contenente il nome del menu e un div.menucontent con il contenuto che è fatto sempre a liste.

Il CSS è facile.

Al div#topmenu è stato dato il posizionamento assoluto in alto, altezza di 24px, sfondo etc.

Ai li della lista principale è stato messo float: left; per tenerli ognuno a sinistra dell’altro.

Ai div.menucontent è stato applicato il posizionamento assoluto per non fare troppo spazio tra i menu, una larghezza fissa e… [Leggi il resto...]

2
Ago 23 2010

Internet Explorer: Perché sei sempre tu che non funzioni?

Mah, dopo aver portato l’amministrazione dei widget di Flatpress da Mootools a jQuery, è arrivato il primo bug relativo a questo JS.

Il posto dove si verifica è il browser che ha tutti i problemi di questo mondo con gli standard: Internet Explorer.

NoWhereMan per fortuna ha trovato una prima soluzione che però crea un altro bug.

Alla soluzione di questo secondo bug avevo già pensato e cercando informazioni su sto bug ho trovato la conferma che il metodo pensato potesse funzionare (non ho letto bene i commenti sul bug di jquery…).

Appena posso provo il codice su IE8 ma farò un altro post per segnalarlo anche agli utenti internazionali.

11
Ago 06 2010

Flatpress: jQuery instead Mootools [beta]

Available languages: Italian (on top), English (see under Italian section)

Italiano

Aggiornamento (9/08/2010 h21:00): se hai scaricato questo pacchetto prima che ci fosse questo avviso, disabilita jsutils e lighbox e scaricalo di nuovo.

Quindi torna al pannello di amministrazione e attiva i plugin jquery e lighbox 2.

Grazie dell’attenzione.

Come dice il titolo, in questi giorni ho anche lavorato per far funzionare flatpress con jquery anziché con mootools.

Ci sono diverse motivazioni: lantaca me lo aveva proposto, il plugin per le immagini ha una nuova versione per jquery, mootools è intrusivo perché estende i prototype di javascript e rende impossibile l’esecuzione di alcuni script, jquery è un altro mondo ed è molto molto molto più semplice e intuitivo, flatpress ha vecchie versioni di mootools (dico solo che la mia patch per aggiornarlo usava una versione che ora ha 9 mesi) e infine l’ho fatto perché sapevo come/potevo farlo :-) .

Vi ho reso l’installazione facilissima: dovete scaricare questo archivio e decomprimerlo nella root del blog.

Il plugin include un backup del plugin originale. Nel caso in cui abbiate patchato voi il mootools, dovete fare da soli il suo backup.

[Leggi il resto...]