prokleto facebook like dugme!

[ Bope @ 08.12.2010. 19:23 ] @

Uspeo sam da postavim like dugme na svoj sajt. Odmah sam primetio da je ucitavanje sadrzaja DRASTICNO sporije. Zbog toga sam dosao na ideju da na clanak koji korisnik zeli da lajkuje stavim obicno dugme ("podeli sa prijateljima"). Klikom na to dugme ucitao bi se FB-ov "like button". Problem je u tome sto ne znam kako da povezem dve celine - svoj javascript sa fb-ovim.

JS za like dugme je ovakav:

Code:
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like layout="button_count" show_faces="false" href=neka_adresa></fb:like>

Da li neko zna kako da taj kod "ugradim" u neki "onclick", tako da se pokrece samo kada korisnik klikne dugme "podeli sa prijateljima"?

[ Vladica Savić @ 08.12.2010. 19:43 ] @

Jel si probao da dinamicki menjas DOM na taj tvoj klik?

[ Bope @ 08.12.2010. 19:45 ] @

hmmm...nisam.
Ako cemo iskreno ni nemam neku ideju kako bih to mogao da uradim :)

[ Vladica Savić @ 08.12.2010. 19:50 ] @

Na ovako nesto sam mislio.

[ Bope @ 08.12.2010. 19:55 ] @

Nikad nisam probao tako nesto. Ako je to najlaksi nacin, onda cu da malo proucim i probam pa javljam kako sam prosao :)

[ Bope @ 08.12.2010. 20:43 ] @

@all:
Odgovaram sam sebi na poruku da bih bio siguran da ce Vladica dobiti obavestenje o odgovoru na temu.

@Vladica:
USPEO SAM!
Proucio sam onaj link koji si mi poslao, malo sam izgooglao na tu temu i napravio prototip koji radi. To izgleda ovako:

Code:
<input type="button" onclick="
var headID = document.getElementsByTagName('head')[0];
var newScript = document.createElement('script');
newScript.type = 'text/javascript';
newScript.src = 'http://connect.facebook.net/en_US/all.js#xfbml=1';
headID.appendChild(newScript);
">
<fb:like layout="button_count" show_faces="false" href="www.google.com"></fb:like>

Kada ucitam stranicu za testiranje koda, pojavi se samo dugme. Kada kliknem na dugme, tek onda se pojavi i "Like"! :)

Jos samo da taj prototip pretocim tamo gde mi je potrebna. Nadam se da nece biti nepredvidjenih problema :D

[ Vladica Savić @ 08.12.2010. 20:59 ] @

Mozes da stavis recimo element koji kreiras tj. ovo <fb:like layout="button_count" ... u neki div sa nekim id-jem koji znas il kako vec, i da preko selektora pronadjes lako fb like button i da simuliras i klik na njega, da ne bi imao duplo da teras nekog da klikce like.
Mada, nisam nikad obracao previse paznje na fb like i "usporavanje" koje prouzrokuje, al nisam siguran koliko dobijas tacno ovako. Mada mislim da je ovo ono sto si trazio. :)

[ Bope @ 08.12.2010. 21:20 ] @

Ma problem nastaje jer ja na sajtu imam u proseku 30-ak (a nekad i mnogo vise) elemenata koji mogu da budu lajkovani

P.S. nisam bas siguran kako da simuliram klik na to dugme,ali valjda cu da provalim i to

[ Vladica Savić @ 10.12.2010. 08:28 ] @

Korekcija, ono gore navedeno funkcionise za "normalno" dinamicko kreiranje elemenata i sl. Medjutim, ti kad kreiras FB Like button, on generise i iframe u kome se nalazi onaj span element na koji korisnik zapravo treba da klikne. Simulaciju klika na njega ne mozes da uradis zbog permisija jer src iframe-a se ne nalazi na tvom sajtu. Tj. mozes da napravis ali jedino tako ako uzmes i uhvatis url koji je u src-u tog iframe-a, i posaljes nekoj tvojoj server side skripti koja ce preko CURL-a da ucita tu stranicu, i vrati ti sadrzaj na koji ti tek onda mozes relativno lako putem selektora da pronadjes taj span (jer je sad sav content na tvom domenu) i da tek onda simuliras klik. PS, nisam probao, ali bi ovako trebalo da radi.

[ Bope @ 10.12.2010. 09:42 ] @

Prevelika komplikacija :D Kao da nisu ni zeleli da omoguce simuliranje klika :P