Tag Archives: AJAX

CSS Javascript

CSSHttpRequest (CHR): AJAX tramite CSS

Pubblicato da

Il trasporto delle informazioni AJAX generalmente avviene tramite XML, il famoso oggetto XMLHttpRequest.
E’ possibile, però, sfruttare anche CSS tramite il metodo CSSHttpRequest

Le richieste sono limitate al metodo GET invocando la funzione CSSHttpRequest.get(url, callback):

    CSSHttpRequest.get(
        "http://www.nb.io/hacks/csshttprequest/hello-world/",
        function(response) { alert(response); }
    );

I dati sono codificati sul server in una stringa URI compressa di 2KB (limite per Internet Explorer) e serializzata in un comando CSS @import con uno schema URI modificato del tipo about: . La risposta è decodificata e restituita alla funzione come stringa:

@import url(about:chr:Hello%20World!);

Esempi

Downloads

Link: CSSHttpRequest

CSS Javascript

YAML: molto più di un css framework

Pubblicato da

YAML: molto più di un css framework

Oltre ai framework di sviluppo PHP sono molto in voga in questi tempi i framework CSS, ossia tutto un insieme di istruzioni CSS che facilitano la creazione di layout compatibili con le varie versioni dei browser , accessibili e standard.
“Yet Another Multicolumn Layout” (YAML) è un framework (X)HTML/CSS di buon successo e con un’estesa community di utilizzatori.
Sul sito è possibile vedere degli esempi di layout che è possibile creare con pochissime istruzioni. Insomma lo scopo è sempre quello di non reinventare la ruota ogni volta e concentrare gli sforzi dello sviluppatore in altre direzioni.

YAML: molto più di un css framework

Un discorso a parte merita lo YAML Builder, un’applicazione AJAX che si basa sul framework YAML per creare al volo layout puliti e personalizzati. Il vantaggio rispetto alla creazione manuale del codice è quello di risparmiare tempo anche nell’apprendimento della sintassi e delle convezioni utilizzate all’interno del framework.

Veramente un ottimo progetto.

Senza categoria

AJAX: da Yahoo! la versione 2.3.0 della YUI

Pubblicato da

Quelli della YUI (Yahoo! User Interface) hanno rilasciato la versione 2.3.0 del framework AJAX per le rich internet application.
Come al solito un ottimo lavoro, per di più compatibile con tutti i browser più diffusi.
In questa versione ci sono alcune novità:

  • Rich Text Editor (beta)
  • Base CSS
  • YUILoader Utility (beta)
  • ImageLoader Utility (experimental)
  • Color Picker Control (beta)
  • YUI Test Utility (beta)

link: YUI 2.3.0

Dhtml

dhtmlxCombo. Select che si autocompletano con AJAX

Pubblicato da

dhtmlxCombo. Select che si autocompletano con AJAX

Qualche tempo fa scrissi un tutorial sulle select che si aggiornavano a cascata con la metodologia AJAX.
Un gruppo di sviluppatori bielorussi ha realizzato uno script javascript che riunisce nel prodotto dhtmlxCombo tutte le funzionalità più comuni che si cercano in un’applicazione 2.0 (nel caso particolare per una combo).

dhtmlxCombo is a cross-browser JavaScript combobox with autocomplete feature. It extends basic selectbox functionality to meet the requirements of the most up-to-date web applications. dhtmlxCombo can be converted from existing HTML SELECT or populated with JavaScript. Supporting AJAX, it also can get list values from server datasource dynamically.

Un’unica API, quindi, orientata verso AJAX e già testata sui browser più moderni? Un bel risparmio di tempo.
Il javascript è rilasciato sotto licenza GPL.

CSS Tutorial

La lista definitiva (per adesso) dei form

Pubblicato da

Smashing Magazine ha realizzato una lista di form in puro stile web 2.0.

In Web 2.0 registration and feedback forms can be found everywhere. Every start-up tries to attract visitors’ attention, so web-forms are becoming more and more important for the success of ??? company. In the end, exactly those web-forms are responsible for the first contact with potential customers. Let’s take a look, which modern solutions a web-developer can use, designing his/her next css-based form.

Flash Javascript

Fjax, quando AJAX sposa Flash

Pubblicato da

Fjax, quando AJAX sposa Flash Tutto il web 2.0 sembra poggiarsi su AJAX e gli innumerevoli framework che sono stati sviluppati.
Un cardine di AJAX era, fino a adesso, l’utilizzo esclusivo di Javascript per la comunicazione remota tra la pagina richiedente e il motore nascosto dell’applicazione web.

Fjax si propone di utilizzare Flash per la gestione della modifica asincrona del contenuto (x)HTML.
Questa metodologia, secondo l’autore, permette di utilizzare poche righe di codice per una compatibilità tra browser assicurata dall’enorme diffusione di Flash. Oltre al supporto di flussi multipli di dati.

Qualche dubbio può sorgere per una nota lentezza nello scambio di dati tra Javascript e Flash che potrebbe rendere il tutto un po’ macchinoso.

Ai benchmark l’ardua sentenza.

Tutorial

Usare AJAX per avere un database XML

Pubblicato da

Usare AJAX per avere un database XML Da quando il mondo del web si è evoluto in forma dinamica di informazione, l’importanza dei database è diventata preponderante.
Nelle nostre applicazioni web possiamo utilizzare molti tipi di database da quelli server-like come SQL Server o MySQL, a quelli disponibili sotto forma di file singoli.
In teoria anche un semplice file di testo può essere utilizzato come database.
I nuovi standard però ci impongono di adottare formati sì semplici ma anche che ci permettano di utilizzare le informazioni contenute con un certo spazio di manovra.
Tra questi sicuramente ha una posizione di rilievo il formato standard per eccellenza: XML.

In questo tutorial farò l’esempio di un’applicazione che raccoglie informazioni tramite form e le salva con la creazione di un file XML. In un secondo momento, poi, indicherò una metodologia per la visualizzazione delle stesse.
Il tutto sfruttando la tecnica AJAX.
I file principali di questo esempio sono tre: un form (‘index.asp’), uno script per la creazione del file xml (‘scrivi_xml.asp’) e la libreria AJAX di riferimento ‘lib_ajax.js’.

Leggi tutto

Online service

ViaggiaTreno: informazioni in tempo reale sui treni

Pubblicato da

ViaggiaTreno: informazioni in tempo reale sui treni Non è molto tecnica come informazione ma, credo, utile.
Trenitalia tramite il nuovo sito ViaggiaTreno dovrebbe informare sugli orari dei treni in circolazione in tempo reale. Potremo apprezzare la “puntualità” della nostra magnifica rete ferroviaria in maniera web 2.0.
Di questa applicazione web ne esiste anche una versione studiata per i dispositivi mobile raggiungibile all’URL http://mobile.viaggiatreno.it .