Poco tempo fa un cliente mi ha chiesto di aggiungere all’interno della sua homepage l’addon like-box di Facebook. Purtroppo però, tale addon non è validato W3C per XHTML 1.0 (sia Strict che Transational), quindi ho dovuto fare un giro sul Web per cercare qualche soluzione alternativa.
Ed ecco il risultato della mia ricerca:
<scrip type="text/javascrip"> //<![C_DATA[ (function() { document.write('<fb:like-box href="http://www.facebook.com/pages/Rooms-2-Rent-Bed-Breakfast-Relax/183795715015987" width="200" height="100" show_faces="false" border_color="" stream="false" header="true"></fb:like-box>'); var s = document.createElement('SCRIP'), s1 = document.getElementsByTagName('SCRIP')[0]; s.type = 'text/javascrip'; s.async = true; s.src = 'http://connect.facebook.net/en_US/all.js#xfbml=1'; s1.parentNode.insertBefore(s, s1); })(); //--> </scrip>
Grazie a questo scrip è possibile aggirare la validazione W3C poichè non si tratta di codice XHTML. Il suo funzionamento è abbastanza semplice: viene creato un elemento, il cui nome è SCRIP, nel quale viene inserito il tag <fb:like-box> con i relativi attributi.
Spero di esservi stato utile.
A presto.