var mysite = {
    'url': "http://www.ajaxweb20.net",
    'author': "Giuseppe Raso",
    'xhtmlValid': true,
    'cssValid': true
}
Home > Blog
« Utilizzare json con una sintassi simile alle query SQL
Tool per monitorare i memory leaks in Internet Explorer »

Utilizzare gli smiles in qualsiasi piattaforma di blogging, blogger compreso.

Vi segnalo questo script di Andrea Giammarchi per utilizzare gli smiles in qualsiasi pagina web:

  1. // (C) Andrea Giammarchi - Mit Style Licence - V0.2 - 0.000755
  2. function JSmile(firstChild){
  3.     var parentNode = {"CODE":true, "NOSCRIPT":true, "PRE":true, "SCRIPT":true, "STYLE":true},
  4.         childNodes = (firstChild || document.firstChild).childNodes,
  5.         length = (childNodes || []).length;
  6.     while(length–){
  7.         switch((firstChild=childNodes[length]).nodeType){
  8.             case    1:
  9.                 JSmile(firstChild);
  10.                 break;
  11.             case    3:
  12.                 if(!parentNode[firstChild.parentNode.nodeName])
  13.                     JSmile.nodeType(firstChild);
  14.                 break;
  15.         }
  16.     }
  17. };
  18. JSmile.nodeName = function(join){
  19.     var split = join.split(""),
  20.         length = split.length;
  21.     while(length–)
  22.         split[length] = split[length].charCodeAt(0);
  23.     return  split.join(".");
  24. };
  25. JSmile.nodeType = function(firstChild){
  26.     var parentNode = firstChild.parentNode,
  27.         nodeValue = firstChild.nodeValue,
  28.         nodeName = 0,
  29.         length = 0,
  30.         insertBefore;
  31.     nodeValue.replace(
  32.         /8-\)|:evil:|:geek:|:idea:|:lol:|:mrgreen:|:o|:oops:|:roll:|:shock:|:twisted:|:ugeek:|:x|:\||:!:|:\(|:\)|:\?|:\?:|:D|:P|:arrow:|:cry:|;\)/g,
  33.         function(createTextNode, nodeType){
  34.             if(++length < 21){
  35.                 insertBefore = new Image();
  36.                 insertBefore.className = "jsmile";
  37.                 insertBefore.src = "http://packed.it/JSmile/smiles/phpbb/" + JSmile.nodeName(insertBefore.alt = insertBefore.title = createTextNode);
  38.                 parentNode.insertBefore(document.createTextNode(nodeValue.substring(nodeName, nodeType)), firstChild);
  39.                 parentNode.insertBefore(insertBefore, firstChild);
  40.                 nodeName = nodeType + createTextNode.length;
  41.             }
  42.         }
  43.     );
  44.     if(nodeName){
  45.         parentNode.insertBefore(document.createTextNode(nodeValue.substring(nodeName)), firstChild);
  46.         parentNode.removeChild(firstChild);
  47.     }
  48. };

Dopo averlo scaricato potete includerlo in head attraverso un tag script.
Ogni volta che volete utilizzare lo script basta richiamare la funzione Jsmile:

  1. window.onload = function() { 
  2.     JSmile(document.body);
  3. }

Infine รจ necessario precisare che nonostante le immagini siano prese direttamente dal server di packed.it, sarebbe buona norma modificare l’uri “http://packed.it/JSmile/smiles/phpbb/” con un uri che punta al proprio server.

This entry was posted on Venerdì, Gennaio 25th, 2008 at 17:28 and is filed under Ajax Web 2.0. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

One Response to “Utilizzare gli smiles in qualsiasi piattaforma di blogging, blogger compreso.”

  1. utente anonimo Says:
    Gennaio 29th, 2008 at 13:24

    Grazie Mega :)
    Riguardo lo script e l’inclusione delle immagini, e’ solo passando per il mio server che si sfrutta a pieno la cache degli utenti.

    Per concludere, lo script e’ generato runtime ed appoggiarso con un src allo stesso tramite l’indirizzo da te fornito, assicura updates senza dover far niente (nuove immagini, eventuali fixes).

    Questo e’ giusto un appunto … per finire, quando metti JSmile su splinder? :D

Leave a Reply