Twitter status:

    Twitter Hack

    Di sfuggita ho visto un piccolo hack per Twitter qui.
    In pratica si tratta di mostrare su una propria pagina web lo status di un visitatore.
    Tramite javascript si effettua una chiamata alle API di Twitter, è quindi possibile ottenere sul client i dati relativi all’utente.
    L’utilità di questo sta, ad esempio, nella creazione di widget del tipo [...]

    Tags: , , ,

    Filed under:Javascript, Web

    Suggerimenti con jQuery e un pizzico di PHP

    Avendo bisogno di un bell’effetto per un form ho messo mano a jQuery per creare l’esempio di suggerimento in stile Google Suggest che è spiegato di seguito.
    Iniziamo con lo scheletro della pagina HTML. Molto semplice, due div e una textbox.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    <div>
    <form>
    <div>
    Scrivi le prime lettere del paese:
     
    <input id="inputString" onkeyup="lookup(this.value);" size="30" type="text" /></div>
    <div id="suggestions" class="suggestionsBox" style="display: none;">
    <img style="position: [...]

    Filed under:Javascript, Php

    Ajax e POST, una chiarificazione

    Solitamente le applicazioni sviluppate in Ajax utilizzano il metodo GET come visto ad esempio qui. In questi giorni sto sviluppando un piccolo client per Ping.fm, le cui API accettano solo richieste di tipo POST.
    Vediamo quindi brevemente come comportarci in questo caso.

    var http = new XMLHttpRequest();
    var url = "get_data.php";
    var params = "lorem=ipsum&amp;name=binny";
    http.open("POST", url, true);

    con POST creiamo [...]

    Filed under:Javascript

    File upload in Ajax

    Con questo breve tutorial vedremo come realizzare un elementare sistema di file upload usando PHP e Ajax.
    A dire la verità non è possibile realizzare un sistema di file-upload in Ajax puro a causa delle limitazioni di Javascript (su cui si basa Ajax) in campo di sicurezza.
    La soluzione è quella di simulare l’effetto asincrono tramite un [...]

    Form con validazione in Ajax con mootols 3/3

    Eccoci finalmente arrivati all’ultima parte di questo tutorial, come capirete si tratta solo di impostare la pagina HTML che conterrà i nostri scritp Ajax e PHP.
    Per prima cosa creiamo un file index.php, dentro ci mettiamo prima la chiamata alla libreria mootools, poi il codice js della prima lezione.
    Fatto questo possiamo mettere su un bel form [...]

    Filed under:Javascript, Php

    Form con validazione in Ajax con mootools – 1/3

    Torno a scrivere un posto tecnico dopo quache mesetto, ma l’argomento rimane sempre lo stesso, Ajax.
    Oggi vedremo come creare un form per permettere agli utenti di inserire dei dati, tipicamente per la registrazione ad un sito, e validarli (controllare cioè che non vi siamo errori) con la tecnica Ajax e appoggiandoci a PHP per quanto [...]

    Filed under:Javascript

    Rendr, un editor (X)HTML/CSS on-line

    Ecco oggi spuntare una applicazione web 2.0 (Ajax based) davvero utile ed efficace, è Rendr.

    Tramite un interfaccia molto semplice è possibile editare il markup e il foglio di stile che verranno applicati al volo alla pagina.
    Una volta realizzata la vostra pagina basta andare nel tab Help e cliccare su Generate per ottenere il codice completo [...]

    Filed under:Javascript, Web

    Ajax Chat

    come promesso eccomi con un tutorial in sfrutteremo la potenza di Ajax con un linguaggio server-side per realizzare una semplice chat-room.
    Alla fine del tutorial avremo:

    un file index.html ed un file chat.php
    il file index.html leggerà il contenuto di una textbox e li invierà a chat.php
    chat.php scriverà il contenuto nel file chat.txt
    2 http_request , [...]

    Filed under:Javascript, Php