zmiana parametru data-colorscheme w fb-like w Javascripcie

Question

Mam na swojej stronie fb-like:

<div class="fb-like" data-href="https://www.facebook.com###cenzuruje-adres-fanpage" data-layout="standard" data-action="like" data-show-faces="true" data-share="true" data-colorscheme="dark"></div>

Chcę napisać funkcję w Javascripcie, która zmienia parametr data-colorscheme pomiędzy dark oraz light. Tylko nie mam pojęcia jak się za to zabrać. To ma być prosta funkcja - klikasz i like na stronie zmienia swoją kolorystykę na light, klikasz jeszcze raz to zmienia z powrotem na dark.

Próbowałem zrobić coś takiego:

var x = document.getElementsByClassName("fb-like");

A potem już tylko wywołać zerowy indeks z tablicy. Nie zadziałało, Wygląda na to, że nie da się w ten sposób wypisać do tablicy elementów klasy fb-like.

Próbowalem też zamknąć całego fb-like w diva, a potem po prostu zmieniać innerHTML tego diva. To również nie działa.

Ktoś coś wie?

Answer 1

Przycisk Like dostarczany przez FB jest dostarczany w IFRAME, więc w taki bezpośredni sposób nie da się dostać do jego atrybutów, ja bym spróbował tego co jest podane tutaj: https://developers.facebook.com/docs/reference/javascript/FB.XFBML.parse

Comments

Zadałem to samo pytanie na stackoverflow i tam mi pomogli. To jest idealne rozwiązanie w czystym javascripcie: http://www.ajdnes.sk/stack/colorscheme.php Nie wiem jak bardzo twoje rozwiązanie się różni od tego i już nie będę tego sprawdzał bo to które otrzymałem na stackoverflow mnie w pelni satysfakcjonuje. Ale i tak  dam ci upvote bo dobrze kombinowałeś. Dzięki :)

Answer 2

Próbowałem zrobić coś takiego:

?

1	var x = document.getElementsByClassName("fb-like");

A potem już tylko wywołać zerowy indeks z tablicy. Nie zadziałało, Wygląda na to, że nie da się w ten sposób wypisać do tablicy elementów klasy fb-like.

Pojawiło się coś w konsoli?

Wypisywałeś zmienną x w console.log(), albo bezpośrednio w konsoli console.log(document.getElementsByClassName("fb-like"))? 

Comments

w console.log zmienna x pokazuje wartość object HTMLCollection a tu masz jeszcze screena jak ta kolekcja wygląda:

---

A co w konsoli pokazuje x[0]?

Być może Facebook API (bo z tego korzystasz?) nie umożliwia zmiany koloru przycisku "like". Jeśli tak, to zawiń to w jakiś DIV i wtedy zmień styl tego DIVa (kolor, czy co tam chcesz).

---

[object HTMLDivElement]

A we właściwościach jest takie coś:

http://i.imgur.com/iEnXuEk.png

wraz z masą innych atrybutów. Ale ja nie widzę niczego co mogłoby służyć do zmiany stylu w FB. Nie wkleję obrazka tutaj ze względu na wymiary, sam sobie kliknij w link do imgura.

 

Próbowałem to zawinąć w div i zmienić innerHTML tego diva ale nie dawało te rezultatu. Ale jak zmienić styl tego diva, żeby został zmieniony atrybut colorscheme znajdującego się w nim fb-like? Nie rozumiem tego.

---

Próbowałem to zawinąć w div i zmienić innerHTML tego diva ale nie dawało te rezultatu. Ale jak zmienić styl tego diva, żeby został zmieniony atrybut colorscheme znajdującego się w nim fb-like? Nie rozumiem tego.

Nie zmieniaj innerHTML diva, tylko zmień mu styl (np. kolor tła, albo kolor czcionki - zależy co zmieni kolor przycisku LIKE),

---

Ale co może zmienić kolor tego przycisku, skoro colorscheme w tym przycisku się ustala osobno i nie jest ono zależne od żadnego tła ani koloru czionki?

---

Skąd wiesz, że nie jest zależne - próbowałeś? Może przejmie kolor po swoim "rodzicu" (czyli tym DIVie) :)

Albo zerknij jeszcze do attributes tego przycisku (tam na Twoim screenie widać ten atrybut) i może tam jest color-scheme.