Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<title>Po kliknutí se přidá Like na FB</title> <h1>Vlastní tlačítko, které přidá stránce like na FB</h1> <p>Přes skutečné tlačítko je umístěn FB like box, který je průhledností zneviditelněn, ale prokliknutí zachytí a <i>Like</i> stránce udělí.</p> <p>Více v článku <a href="http://jecas.cz/clickjacking" target="_blank">Clickjacking</a></p> <button>Kliknout</button> <div class="obal"> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/cs_CZ/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class="fb-like" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
button, .obal { position: absolute; } .obal { opacity: 0.2; /* při úpravě průhednosti na nulu Like zmizí */ }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>