Valider Facebook-Like-Button

Mittwoch, 28.03.2012 05:52

Da es kein HTML-Tag "<fb:like>" gibt, schlägt der Validator Alarm. Abhilfe schafft hierbei mal wieder ein Schnipsel JavaScript, indem wir einfach das Element im DOM erzeugen:

<div id="fb-root"></div>
<script type="text/javascript" src="http://connect.facebook.net/de_DE/all.js#xfbml=1"></script><script type="text/javascript">
// <![CDATA[
var c = document.getElementById('fb-root');
var e = document.createElement('fb:like');
e.setAttribute('action', 'like');
e.setAttribute('width', '100');
e.setAttribute('layout', 'button_count');
e.setAttribute('send', 'false');
e.setAttribute('href', '');
e.setAttribute('show_faces', 'false');
e.setAttribute('font', '');
c.appendChild(e);
// ]]>
</script>

Das war´s schon. Nach einem erneuten Validitäts-Check sollte nun (zumindest an dieser Stelle des Quellcodes) kein Fehler mehr auftauchen.

Thema: JavaScript, Soziale Netzwerke | Kommentare (0) | Autor:

TYPO3 Internetagentur Dresden