Pulsante mi piace facebook validato w3c

Del 02/12/2011 di Simone Lazzeri, in Javascript e Ajax Commenta!

Un elemento che oggi giorno non può mancare nei siti web è di certo il pulsante mi piace di Facebook (ancor meglio se affiancato a quello degli altri social network), per chi però ci tiene ad avere un sito validato secondo gli standard del w3c questo può essere un problema.. Per fortuna anche facilmente superabile grazie a Javascript..

Pulsante mi piace facebook validato w3c

Uno dei tanti metodi possibile è ad esempio quello di aggiungere il codice fornito da Facebook all'interno di una funzione javascript, come da esempio:
<script type="text/javascript">
function KpFB(){ return document.getElementById('FbB').innerHTML='<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2FTimeforWeb&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;font&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0"></iframe>'; }
</script>
N.B: Ovviamente occorrerà sostituire il codice facebook inserito nell'esempio (che corrisponde a quello della nostra pagina) con il vostro

Basterà poi richiamare la funzione aggiungendo l'evento onload al tag body:
<body onload="KpFB()">

Infine è sufficiente aggiungere un elemento con id "FbB" all'interno della propria pagina, ed il gioco è fatto!
Esempio:
<div id="FbB"></div>

Ed adesso... Non potete non cliccare su mi piace utilizzando il nostro pulsante... validato w3c! : )
Alla prossima!


Ti è piaciuto questo articolo? Allora condividilo con i tuoi contatti!

Commenti

  • Charlie scrive il 17/04/2012

    Col nuovo pulsante e con quello di twitter non mi funziona...mi riduce TANTI errori ma me ne rimane uno per bottone, ovvero "end tag for element "DIV" which is not open" per FB e "end tag for element "A" which is not open" per Twitter, nonostante ovviamente siano stati aperti entrambi

  • Stefano scrive il 08/12/2011

    Conoscevo un altro metodo, ma questo in effetti mi sembra più pratico.. Peccato che chi non supporti gli javascript non vedrà il pulsante

  • Simone scrive il 08/12/2011

    Utilissimo, grazie!

1

Aggiungi un commento

* Copia il codice di verifica

Cd e Dvd vergini

News in pillola

  • Doodle Robert Doisneau

    Google festeggia il 100° anniversario della nascita di Robert Doisneau, famoso fotografo Francese, con un Doodle realizzato mediante alcune delle sue...

Categorie blog

Etichette notizia

mi piace codice pulsante facebook w3c

Sponsor