paolo@bimodesign.com | +34 608 61 64 10

JS / Ajax / Jquery / Json (20 posts)

        

Jquery, creating a JSON data during to type into a input element

This Jquery function allows to create a JSON data, and insert it in a hidden input element, with this structure { "es": "Hola mundo", "en": "Hello world", "it": "Ciao mondo" } where the number of the elements is variable, depending on the languages that are configured into the database (it will show in a select html element). (read more...)

        

Jquery, increase or decrease a numeric input value

This Jquery function allows to add or remove one unit to a input html numeric value. It starts from 0 (and it doesn't allow negative values) but it's possible to type a custom value and then to increase/decrease it. (read more...)

        

Jquery, how to check input values during typing them

This Jquery function allows to check, while the user types char into the input html element, if the value/char will be a part of decimal number and it doesn't allow to type it. A message error will show when the function detects an error during the type and hide it in another cases. (read more...)

        

Google Chart: Inserire piu' grafici sulla stessa pagina

In questo articolo vi illustro come implementare le Charts di Google, con la particolarita' di visualizzare piu' grafici sulla stessa pagina. Per la documentazione ufficiale, vi rimando al relativo link ufficiale, mentre qui vediamo nel dettaglio il processo,cominciando da come vengono archiviati i dati e come poi visualizzati. (read more...)

        

Ajax/Jquery/Json/Zend - una struttura per comunicare

Questo breve tutorial ha l'obiettivo di spiegare come da una pagina web che contiene un risultato di una ricerca, si possano inviare varie informazioni passandole ad un file .php, attraverso Ajax, Jquery e Json. (read more...)

        

Ajax: Come configurarlo su Zend

Di seguito un breve e chiarissimo tutorial su come configurare Ajax sul Framework Zend. Usiamo come Jquery come framework Javascript (read more...)

        

Jquery - show DIV per option select

In questo semplice esempio, vi illustro come visualizzare un div a seconda di una opzione scelta in un elemento "select". Il codice molto semplice, ma puo' risultare un buon punto di partenza per approfondire il linguaggio Jquery. (read more...)

        

Jquery: Come identificare tag uguali

E' tipico in applicazioni dove si usa Ajax, indicare dei tag, come ad esempio "p" in piu' pagine e quindi e' necessario sapere poi come distinguerli uno dall'altro. (read more...)

        

Ajax: Come effettuare il reload della stessa pagina

Se fosse necessario effettuare un reload della stessa pagina da Ajax, cosa comunque piuttosto rara, vi illustro un metodo diverso dal classico

window.location.href
(read more...)

        

Js - Riconoscere IE 9 (bug risolto)

Per il riconoscimento del browser IE 9 ho riscontrato un bug al momento di controllare il valore del MSIE, che e' sempre uguale a 7, sia nel caso dell'oramai obsoleto IE 7 sia per l'8 che appunto per il 9. (read more...)

        

Date Picker gestione dei secondi

Ho aggiornato l'eccellente libreria javascript DatePicker (di Jeremy Jongsma) che permette la gestione di un calendario completo di molte opzioni, tra le quali per non prevista la gestione dei secondi.
Vi illustro quindi come ho modificato il codice ed il risultato ottenuto. (read more...)

        

Ajax / Php: carrello della spesa

Partendo dalla risorsa indicata in fondo a questo post, ho ampliato il codice presente per la gestione del carrello della spesa, escludendo la necessita' da parte dell'utente di registrarsi, utilizzando al contrario le session sia per l'identificazione del cliente sia per i dati presenti nel carrello stesso. Questo mi permette inoltre di inviare i dati via mail, sia al negozio sia al cliente stesso e di registrare, al momento dell'invio della mail, i dati nel data base.

Quest'ultima operazione si puo' eseguire anche nel momento della scelta di un prodotto. Ho preferito pero' evitarlo, in quanto, oltre ad un rallentamento delle prestazioni, risulta superfluo registrare i dati, se non quando il cliente conferma l'invio del carrello. (read more...)

        

Google maps e i markers

Ho appena completato l'implementazione della mappa di google, per la mia azienda, che, partendo dalle coordnate dei loro negozi presenti su una base dati, costruisce la mappa di Google inserendo i relativi market, differenziati tra di loro dalle relative icone e dai testi visualizzati, clickando su queste ultime Ad esempio, una icona per il Centro Commerciale A, un altro per B, unaltro per il negozio di accessori, etc... Prima di procedere con la spiegazione, vi indico anche il link alle API di google, cosi' da rendersi conto fino a che tipo di sviluppo e' possibile arrivare.

http://code.google.com/intl/es/apis/maps/documentation/examples/index.html

Buon divertimento... (read more...)

        

Javascript e la sintassi del For per IE

Sembra strano, un ciclo for scritto in javascript e non rispettando la sintassi, viene interpretato correttamente da Mozilla e non da Internet Explorer... (read more...)

        

Js -Eseguire submit di un form

Anche se sconsiglio di usare javascript per effettuare una operazione del genere, potrebbe capitare, come e' successo a me, di dover modificare vecchi applicativi, dove e' necessario eseguire questa operazione e magari non si puo' utizzare Ajax o non si ha il tempo per implementare tutta la struttura. (read more...)

        

JS - Disabilitare combo box con check box

Vi illustro una semplice funzione javascript che permette di disabilitare la selezione di un combo box, se disabilitate un check box, senza uso di Ajax ne' di dover ricaricare la pagina. (read more...)

        

Checkbox e gestione opzione seleziona tutti

Anche se non molto usati, i checkbox sono a volte necessari e la loro gestione non e' delle piu' semplici. In questo post mi soffermo ad analizzare come poter inserire l'opzione tutti nella lista dei checkbox disponibili (read more...)

        

Ajax - Invio E-Mail

In questo articolo vi illustro come inviare una mail con Ajax e mostrare una immagine di attesa.

L'esempio e' semplice ma rende l'idea di come strutturare un codice utilizzando Ajax (read more...)

        

Controlli di validazione in una form con Ajax

L'idea e' quella di controllare i dati inseriti dall'utente in una form, prima che questi "arrivino" alla base dati. Ogni errore riscontrato produrra' un messaggio nella form stessa, accanto all'input errato, senza necessita' di popup e con un effetto gradevole. (read more...)

        

Ajax - Un esempio base

Inizio la spiegazione di Ajax, ritornato in uso sia per XXXXXXXXXX, con questo primo esempio, molto semplice, ma che spero possa aiutarvi a comprenderlo meglio.

Di manuali on-line ne trovate in quantit industriale, mentre questo solo un piccolo contributo.

Buon divertimento... (read more...)