Příklad se vztahuje k textu Tlačítka do stránek z Facebooku
Takhle má vypadat odkaz:
Facebook: http://www.facebook.com/sharer.php?u=http://www.jakpsatweb.cz
Twitter: http://twitter.com/share?text=Sdílet+JPW&url=http://www.jakpsatweb.cz
Google Plus: https://plus.google.com/share?url=http://www.jakpsatweb.cz
Chci udělat tlačítko, po jehož kliknutí se otevře nové malé okno (window.open) a do něho se načte výše zmíněný odkaz (jeden).
<span style="background-color: navy; color: white; cursor: pointer"
onclick=" window.open('http://www.facebook.com/sharer.php?u=http://www.jakpsatweb.cz','','width=500,
height=300')">
Sdílet JPW na Facebooku </span>
A zde je to naživo: Sdílet JPW na Facebooku
Co se stane: vyskočí malé okno (window.open), které si načte obsah z Facebooku. Ten obsah si dál řeší, co se bude dít, takže:
Já mám Facebook nastavený v angličtině, ale jiným lidem by se to mělo ukázat v jejich jazyce.
Další příklad : Sdílet Bulharsko na Facebooku
Pokud stránka obsahuje velký obrázek (jako třeba to moje stránka o Bulharsku), tak se nějaký ten velký obrázek vybere a přidá nad popisek stránky.
Tak... a teď ja udělat, aby se automaticky vyplňovala adresa stránky, na které kód tlačítka umístím. Na onclick napřed vyskládám adresu sdílecího odkazu a pak ji otevřu do nového okna:
<span style="background-color: navy; color: white; cursor: pointer"
onclick="adresa='http://www.facebook.com/sharer.php?u='+ document.location.href;
window.open(adresa,'','width=500, height=300')">
Sdílet <b>tuto stránku</b> na Facebooku </span></p>
Naživo: Sdílet tuto stránku na Facebooku