Test stránky se sdílecími tlačítky

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:

  1. sám si upraví, jak velké to okno bude (něco jako 540, 300, výška trochu záleží na obsahu sdílené stránky)
  2. pokud uživatel není přihlášený, zobrazí mu přihlášení do Facebooku
  3. pokud přihlášený je (nebo až se přihlásí), tak zobrazí stránku s možností něco napsat a titulkem stránky
  4. Jak po odeslání, tak při zmáčknutí tlačítka Zrušit (Cancel) se toto nové okno zavře! Uživatel není nijak informován, že na Facebook něco napsal. Pokud okno nebylo vyvoláno přes window.open (což tady bylo, ale kdyby to byl jenom odkaz), tak se po odeslání uživateli objeví prázdná bílá stránka. Takže je lepší otevírat to přes to window.open.

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