SanBaldo - blog personale sulla tecnologia e sugli acquisti online » js/ajax http://www.sanbaldo.com/wordpress tutta un'altra religione Thu, 03 May 2012 08:22:52 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 Messaggi tramite javascript: “Humanized Messages” http://www.sanbaldo.com/wordpress/javascript/messaggi-tramite-javascript-humanized-messages/ http://www.sanbaldo.com/wordpress/javascript/messaggi-tramite-javascript-humanized-messages/#comments Thu, 01 Nov 2007 19:13:25 +0000 Baldo messaggi binarybonsai humanized humanmsg misc messages basta tramite http://www.sanbaldo.com/wordpress/javascript/messaggi-tramite-javascript-humanized-messages/ http://binarybonsai.com/misc/humanmsg/ (anche il "message log" che compare in fondo alla pagina di demo è decisamente interessante).]]> Basta popup, basta alert javascript, basta brutti div posizionati in maniera assoluta: ora potete gestire i messaggi ai vostri utenti tramite “messaggi umanizzati” (in inglese lo script è “Humanized Messages”) e graficamente stilosi. Di che cosa sto parlando? Più facile che lo capiate da soli guardando questo esempio: http://binarybonsai.com/misc/humanmsg/ (anche il “message log” che compare in fondo alla pagina di demo è decisamente interessante).

]]> http://www.sanbaldo.com/wordpress/javascript/messaggi-tramite-javascript-humanized-messages/feed/ 0 YUI version 2.3.0 http://www.sanbaldo.com/wordpress/javascript/yui-version-230/ http://www.sanbaldo.com/wordpress/javascript/yui-version-230/#comments Wed, 01 Aug 2007 21:04:28 +0000 Baldo imageloader editor loading loaded fold limits images reached http://www.sanbaldo.com/wordpress/javascript/yui-version-230/ Rich Text Editor: here a demo with a custom "flickr" button. 2. ImageLoader Utility that let you play with dynamic loading of images. Here two demos: Loading Images Below the Fold and Images are loaded only after triggers are fired or time limits are reached ]]> Some really cool new features:

1. Rich Text Editor: here a demo with a custom “flickr” button.

2. ImageLoader Utility that let you play with dynamic loading of images: Loading Images Below the Fold and Images are loaded only after triggers are fired or time limits are reached

]]> http://www.sanbaldo.com/wordpress/javascript/yui-version-230/feed/ 0 innerHTML on TABLE and TR (IE) http://www.sanbaldo.com/wordpress/javascript/innerhtml-on-table-and-tr-ie/ http://www.sanbaldo.com/wordpress/javascript/innerhtml-on-table-and-tr-ie/#comments Mon, 12 Mar 2007 23:32:43 +0000 Baldo innerhtml thead tfoot tbody colgroup frameset table read http://www.sanbaldo.com/wordpress/javascript/innerhtml-on-table-and-tr-ie/ innerHTML: The property is read/write for all objects except the following, for which it is read-only: COL, COLGROUP, FRAMESET, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR. fuck ie]]> innerHTML:

The property is read/write for all objects except the following, for which it is read-only: COL, COLGROUP, FRAMESET, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR.

fuck ie

]]> http://www.sanbaldo.com/wordpress/javascript/innerhtml-on-table-and-tr-ie/feed/ 16 instant javascript calculator http://www.sanbaldo.com/wordpress/javascript/instant-javascript-calculator/ http://www.sanbaldo.com/wordpress/javascript/instant-javascript-calculator/#comments Thu, 22 Feb 2007 21:18:58 +0000 Baldo instacalc instacalc_embed_height vghpcybpcybvbmx5igegdgvzdcb3axroielovevhrvigyw5kifrfwfq instacalc_embed_url eca9idf8ecarpsaxfhogpsandgv4dcd8esa9icdfj3xyzxn1bhqgpsb4icsgesarihp8fa sssssss instacalc_embed_width embed http://www.sanbaldo.com/wordpress/javascript/instant-javascript-calculator/ http://instacalc.com/blog/tour

]]> http://www.sanbaldo.com/wordpress/javascript/instant-javascript-calculator/feed/ 0 Autocomplete with Ajax (Inquisitor style) http://www.sanbaldo.com/wordpress/1/autocomplete-with-ajax-inquisitor-style/ http://www.sanbaldo.com/wordpress/1/autocomplete-with-ajax-inquisitor-style/#comments Mon, 12 Feb 2007 00:51:07 +0000 Baldo stylish incredibly demo http://www.sanbaldo.com/wordpress/1/autocomplete-with-ajax-inquisitor-style/ Here the demo.]]> Incredibly “mac” stylish: Here the demo.

]]> http://www.sanbaldo.com/wordpress/1/autocomplete-with-ajax-inquisitor-style/feed/ 2 Ajax directory Manager http://www.sanbaldo.com/wordpress/javascript/ajax-directory-manager/ http://www.sanbaldo.com/wordpress/javascript/ajax-directory-manager/#comments Thu, 29 Jun 2006 22:23:21 +0000 Baldo demo browse tour remote ajax directories description website http://www.sanbaldo.com/wordpress/javascript/ajax-directory-manager/ Take a look at software description or get a tour inside the demo]]> This is a very nice ajax php application to browse directories of your remote website or blog. Take a look at software description or get a tour inside the demo

features:

  • drag-n-drop files and folders
  • dynamic loading file structure
  • upload progress bar
  • thumbnail view, including pdf
  • multiple users & accounts
]]> http://www.sanbaldo.com/wordpress/javascript/ajax-directory-manager/feed/ 1 flickr and yahoo redesigned http://www.sanbaldo.com/wordpress/1/flickr-and-yahoo-redesigned/ http://www.sanbaldo.com/wordpress/1/flickr-and-yahoo-redesigned/#comments Tue, 16 May 2006 19:41:26 +0000 Baldo flickr yahoo worse redesign menu otherside footer clicks http://www.sanbaldo.com/wordpress/1/flickr-and-yahoo-redesigned/ yahoo and flickr]]> I didn’t like yahoo portal and this redesign is not getting things better. It’s only cool how Ajax has been used. On otherside the redesign of flickr menu and footer is a BAD step behind in iteration design and usability: two clicks are worse than one click, hidden second level menu is worse that all visible menu levels, the new interface is worse than the old one. Do you agree?

yahoo and flickr

]]> http://www.sanbaldo.com/wordpress/1/flickr-and-yahoo-redesigned/feed/ 10 More ajax loading icons http://www.sanbaldo.com/wordpress/1/more-ajax-loading-icons/ http://www.sanbaldo.com/wordpress/1/more-ajax-loading-icons/#comments Tue, 04 Apr 2006 22:05:32 +0000 Baldo black http://www.sanbaldo.com/wordpress/1/more-ajax-loading-icons/ Black little 01 little Red little 02 3d rotation Black 3d rotation]]> little Black little 01
little Red little 02
3d rotation Black 3d rotation

]]> http://www.sanbaldo.com/wordpress/1/more-ajax-loading-icons/feed/ 12 Ajax loading animated gif http://www.sanbaldo.com/wordpress/1/ajax_gif/ http://www.sanbaldo.com/wordpress/1/ajax_gif/#comments Tue, 04 Apr 2006 08:06:21 +0000 Baldo animated indicators loading ajax copied busy creation activity http://www.sanbaldo.com/wordpress/1/ajax_gif/ Copied from the Firefox 1.5 busy icon mozilla yellow Copied from the Firefox 1.5 busy icon (yellow version) remember orange Copied from RememberTheMilk (tuned to orange) little red Tiny red (original creation) black Black busy (original creation) gray Gray busy (original creation) rot green Green rotate (original creation) rot Rotation (big - edited from google images) rot Rotating arrows ]]> Many ajax Progress indicators, ajax activity indicators, ajax loading animated gif, ajax loading animated images.

mozilla blue Inspired by the Firefox 1.5 busy icon
mozilla yellow Inspired by the Firefox 1.5 busy icon (yellow version)
remember orange Inspired by RememberTheMilk (tuned to orange)
little red Tiny red (original creation)
black Black busy (original creation)
gray Gray busy (original creation)
rot green Green rotate (original creation)
rot Rotation (big – edited from google images)
rot Rotating arrows

UPDATE: This is the licence for my gifs.
Creative Commons License

Technorati Tags: , , , , ,

Guide Turistiche Milano

]]> http://www.sanbaldo.com/wordpress/1/ajax_gif/feed/ 415 Testing links with ajax http://www.sanbaldo.com/wordpress/javascript/testing-links-with-ajax/ http://www.sanbaldo.com/wordpress/javascript/testing-links-with-ajax/#comments Sun, 26 Mar 2006 22:54:20 +0000 Baldo ajax make links xmlhttp target notice requests open http://www.sanbaldo.com/wordpress/javascript/testing-links-with-ajax/ This is a quickly example to show how to test links with ajax requests. Make sure to notice the "xmlhttp.open("HEAD", target, true);" to make the script fly!]]> This is a quickly example to show how to test links with ajax requests.
Make sure to notice the “xmlhttp.open("HEAD", target, true);” to make the script fly!

]]> http://www.sanbaldo.com/wordpress/javascript/testing-links-with-ajax/feed/ 1 Google finance http://www.sanbaldo.com/wordpress/javascript/google-finance/ http://www.sanbaldo.com/wordpress/javascript/google-finance/#comments Tue, 21 Mar 2006 21:26:27 +0000 Baldo flash tentativo potenziata remoto google finance sotto utilizzare http://www.sanbaldo.com/wordpress/links/google-finance/ google finance is online. Google Finance offers a broad range of information about stocks, mutual funds, public and private companies. In addition, Google Finance offers interactive charts, news and fundamental data. Very nice flashy + javascript interface.]]> google finance is online. Google Finance offers a broad range of information about stocks, mutual funds, public and private companies. In addition, Google Finance offers interactive charts, news and fundamental data. Very nice flashy + javascript interface.

]]> http://www.sanbaldo.com/wordpress/javascript/google-finance/feed/ 0 10 motivi per formattare con i tab http://www.sanbaldo.com/wordpress/javascript/10-motivi-per-formattare-con-i-tab/ http://www.sanbaldo.com/wordpress/javascript/10-motivi-per-formattare-con-i-tab/#comments Thu, 23 Feb 2006 07:21:03 +0000 Baldo spazi indentare spaces testo ultraedit blocco usando winscite codice code tab spaces tab vs spaces indentare indentare codice http://www.sanbaldo.com/wordpress/javascript/10-motivi-per-formattare-con-i-tab/
  • La larghezza del tab in moltissimi editor di testo può essere configurata a piacimento. Questo vuol dire che la profondità dell'indentazione può essere regolata a piacere (in ufficio uso il tab largo non più di 2-3 caratteri - a casa dove ho un monitor wide mi posso permettere un tab che occupa più pixel) (ultraedit, winscite, notepad ++)
  • Selezionando un blocco di testo e premendo il tab si indenta tutto il blocco di testo (ultraedit, winscite, notepad ++).
  • Il tab può essere convertito facilmente in spazi (senza controindicazioni). Gli spazi non sempre possono essere convertiti in tab.
  • Usando i tab, non c'è bisogno di convenzioni di programmazione come avviene per gli spazi (in cui i programmatori di un progetto devono mettersi d'accordo sul numero di spazi per l'indentazione)
  • 1 Tab = 1 Byte. 4 Spaces = 4 Bytes.
  • La formattazione effettuata con gli spazi spesso obbliga a microcorrezioni di aggiunta o eliminazione di uno spazio. Questi problemi non esistono usando i tab
  • Il tab è logicamente più corretto. E' stato creato proprio per formattare, mentre lo spazio è stato creato per creare una singola spaziatura.
  • Il tab è uno standard per l'indentazione anche nei maggiori wordprocessor (word, openoffice, works).
  • Se rendete visibili i caratteri speciali in un editor di testo, l'utilizzo dei tab è molto più pulito e facilmente controllabile degli spazi (che appaiono come puntini e fanno andare in massa il cervello).
  • Il tab è usato solo per indentare. Gli spazi anche per altro. Configurando il vostro editor a visualizzare solo i tab, potrete controllare la correttezza dell'indentazione senza "sporcare" il codice (cosa che se fate con gli spazi non succede. Avrete una massa di puntini in mezzo al codice che possono essere confusi con altro).
    • ]]>     Spesso mi capita di vedere codice formattato tramite l’uso degli spazi anzichè con i tab (il tasto a sinistra della Q). Ecco 10 ragioni che dovrebbero convincervi della bontà dell’indentazione del codice con i tab.

    1. La larghezza del tab in moltissimi editor di testo può essere configurata a piacimento. Questo vuol dire che la profondità dell’indentazione può essere regolata a piacere (in ufficio uso il tab largo non più di 2-3 caratteri – a casa dove ho un monitor wide mi posso permettere un tab che occupa più pixel) (ultraedit, winscite, notepad ++)
    2. Selezionando un blocco di testo e premendo il tab si indenta tutto il blocco di testo (ultraedit, winscite, notepad ++).
    3. Il tab può essere convertito facilmente in spazi (senza controindicazioni). Gli spazi non sempre possono essere convertiti in tab.
    4. Usando i tab, non c’è bisogno di convenzioni di programmazione come avviene per gli spazi (in cui i programmatori di un progetto devono mettersi d’accordo sul numero di spazi per l’indentazione)
    5. 1 Tab = 1 Byte. 4 Spaces = 4 Bytes.
    6. La formattazione effettuata con gli spazi spesso obbliga a microcorrezioni di aggiunta o eliminazione di uno spazio. Questi problemi non esistono usando i tab
    7. Il tab è logicamente più corretto. E’ stato creato proprio per formattare, mentre lo spazio è stato creato per creare una singola spaziatura.
    8. Il tab è uno standard per l’indentazione anche nei maggiori wordprocessor (word, openoffice, works).
    9. Se rendete visibili i caratteri speciali in un editor di testo, l’utilizzo dei tab è molto più pulito e facilmente controllabile degli spazi (che appaiono come puntini e fanno andare in massa il cervello).
    10. Il tab è usato solo per indentare. Gli spazi anche per altro. Configurando il vostro editor a visualizzare solo i tab, potrete controllare la correttezza dell’indentazione senza “sporcare” il codice (cosa che se fate con gli spazi non succede. Avrete una massa di puntini in mezzo al codice che possono essere confusi con altro).
    ]]>     http://www.sanbaldo.com/wordpress/javascript/10-motivi-per-formattare-con-i-tab/feed/ 3