Area sviluppo Tesene

Stored Procedures e Stored Functions sono elementi presenti da anni in PostgreSQL ed in altri DBMS e servono per far effettuare delle operazioni predefinite al DBMS, passando dei parametri in input e ricevendone degli altri in output, ma introdotti in MYSQL solo dalla versione 5.0 e successive, che sui server Tesene installiamo insieme a PHP 5.3.

Questo post, come altri, prende ispirazione dalla soluzione di problemi comuni nello sviluppo di software, ma di cui non è semplice trovare una soluzione dettagliata e funzionante in rete.

Dal punto di vista concettuale, una Stored Function ed una Stored Procedure sono cose molto simili tra di loro, però oltre ad avere una sintassi diversa richiedono anche un diverso trattamento in PHP.

(more…)

Anche per questo post devo ringraziare il collega che mi ha posto il problema.

Il problema di fondo è che normalmente se si prova a fare un menu orizzontale con i dropdown in CSS, e sotto c'è un filmato flash, va a finire che il menu rimane non visibile sotto al filmato.

Per risolvere questo problema molto fastidioso, c'è un solo metodo: aggiungere il parametro wmode ed impostare il suo valore a transparent nel codice di inclusione del filmato Flash.

<param name="wmode" value="transparent" />

Quindi il flash va messo dentro un div in modo che si possa definirne la posizione, ma questo è abbastanza ovvio, ed assegnargli uno z-index pari a zero. Ad esempio:

<div id="header">
<div id="flash">il filmato flash va qui</div>
</div> 

#flash {
    width: 700px;
    height: 300px;
    position: absolute;
    z-index: 0;
}

#header {
    height: 300px;
    margin-bottom: 30px;
    text-align: left;
}

Quindi si definiscono gli elementi che vanno visualizzati sopra all'animazione Flash e gli si assegna z-index pari a 1.

Preferire <link> rispetto @import

E' meglio che i riferimenti ai fogli di stile CSS siano all'inizio della pagina, in modo da permettere un rendering progressivo.

In IE @import si comporta come se fosse un <link> alla fine della pagina, per cui è meglio non usare @import.

Questo breve post è un elenco di risorse utili ad uso personale per rendere più semplice la vita a chi si trova a dover scrivere codice non banale in javascript.

Lo strumento più utile è sicuramente Firebug (http://www.getfirebug.com/), di cui consigliamo di leggere la documentazione sia della Command Line API che della Console API (Firebug’s docs)

Altri strumenti utili sono i seguenti:

(more…)

Così Google ha definito il suo ultimo servizio Google Doctype.

In particolare, con questo termine si riferisce agli standard aperti (open standards): HTML, Javascript, CSS e altri su cu il web si basa.

Il principio di base è che ci sono milioni di utenti che possono accedere al web con browsers sia open source che proprietari, spesso scarsamente compatibili tra loro.

Google ha basato il suo business su questo e vuole fornire il suo contributo perché altri sviluppatori possano costruire nuovi contenuti.

In particolare Google raccoglie delle mappe di compatibilità aggiornate dei vari browsers e anche vari suggerimenti riguardanti la sicurezza o l'uso di javascript per effettuare operazioni più o meno semplici. I browser supportati sono i principali: Internet Explorer (IE 6, IE 7, IE 8), Firefox (FF 2, FF 3), Safari.

Inoltre, in alcune sezioni, come ad esempio quella riguardante i CSS, ci sono i link alle pagine corrispondenti del w3c, Mozilla developer center, MSDN, blooberry.com, sitepoint.

L'indirizzo a cui si trova quest'enciclopedia rientra sotto Google Code ed è: 

http://code.google.com/p/doctype/

Questo post è stato suggerito da un collaboratore di Tesene.

In sostanza, il suggerimento del giorno riguarda come disattivare il completamento automatico quando si compilano i campi di un form.

Si può voler disattivare questo completamento per vari motivi, come ad esempio il fatto che si voglia collegare un completamento automatico intelligenta fatto in Ajax ad un form esistente, oppure perché i dati contenuti in quel campo possono essere riservati.

Il metodo non è al momento uno standard del w3c, però è contenuto nella bozza per l'HTML 5, in particolare per quanto riguarda i Web Forms 2.0.

Questo è l'uso dell'attributo autocomplete, che si può applicare agli elementi input di un form e di default è impostato su on.

Se si vuole eliminare l'autocompletamento, si può settare l'attributo autocomplete ad off.  Ad esempio:

<p>Account: <input type="text" name="ac" autocomplete="off" /></p>

Questo attributo, sebbene non ancora incluso negli standard W3C è stato richiesto da molte banche. Per questo motivo tutti i principali browsers già la supportano da svariati anni, per cui se si utilizza, si ha la ragionevole certezza che funzioni sia su Internet Explorer che su Firefox.

(more…)

Continuando il percorso nel campo delle Applicazioni Internet "Arricchite" (RIA), Adobe ha annunciato ieri il rilascio ufficiale di Adobe AIR v1.0 e Adobe Flex 3.0.

Adobe sta cercando di convincere gli sviluppatori Ajax di sviluppare applicazioni Web con Air e non solo con Flash. 

(more…)

Come promesso ieri, pubblico un altro esempio di utilizzo di Flash per effettuare l'upload multiplo di files e immagini, che sostituisce il post pubblicato precedentemente su questo blog.

Seguendo il collegamento seguente si può scaricare un esempio funzionante. 

(more…)

E' stata rilasciata la versione 2.5 della libreria Yahoo User Interface. Tutti i dettagli sono forniti sul post ufficiale del Blog di Yahoo.

Riassumiamo i dettagli essenziali:

• Il nuovo Layout Manager permette di creare interfacce utente multi-pane collassabili e ridimensionabili;
• Il controllo Flash File Uploader, utilizzato anche da Flickr, permette di fare l'upload multiplo di Files e immagini, fornendo anche le progress bar. Nota: nel post seguente a questo pubblicherò i codici sorgenti di un esempio funzionante.
• Il profiler javascript ora ha un front-end grafico per rendere le informazioni più facilmente comprensibili
• La YUI Data Table è stata migliorata ed è più veloce e ha nuove funzionalità quali: scrolling orizzontale e scrolling verticale, una classe pager, colonne drag and drop, ed un accesso API per aggiungere ed eliminare colonne.
• L'image cropper permette di prendere parte di un'immagine da croppare lato server.
• Il Cookie controller fornisce un wrapper  per fare tutte le operazioni necessarie con i cookie.
• Il controllo Slider ha aggiornato il supporto per gestire range multipli.
• Alcuni componenti sono usciti dallo stato beta, tra cui il colorpicker, il validatore Json, L'imageloader.

In settimana sono state pubblicate varie nuove versioni del pacchetto jQuery.

E' stato pubblicato l'aggiornamento alla versione 1.2.3 di jQuery, che consiste da un lato in correzione di bachi della versione 1.2.2 e dall'altro è stato reso compatibile con Adobe AIR.

Questa versione sarà inclusa in Drupal 6 ed è la base su cui verrà costruito jQuery 1.5. 

lo javascript è disponibile all'url: http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.2.3.js 

Sono state pubblicate le versioni alfa di jQuery UI 1.5 e jQuery Enchant 1.0.

In queste versioni ci sono stati un aggiornamento delle versioni di API ed una standardizzazioni. jQuery UI, come dice il nome, riguarda l'interfaccia utente di jQuery, mentre jQuery Enchant, viene chiamata "la parte mancante di jQ UI" e riguarda la parte di effetti speciali dell'interfaccia: animazioni dei colori, delle classi, e altri effetti configurabili.

Demo riguardanti questi due aggiornamenti si possono trovare agli indirizzi:

http://ui.jquery.com/1.5a/demos/

http://ui.jquery.com/enchant/1.0a/demos/