Chciałbym wyłączyć pole komentarza, które pojawia się, gdy użytkownik kliknie przycisk „Lubię to” Facebooka (fbml), który umieściłem na mojej stronie. Czy to się da zrobić? W dokumentacji nie mogę znaleźć żadnych szczegółów.
facebook
facebook-like
fbml
BrynJ
źródło
źródło
Odpowiedzi:
Najprostsza poprawka polegająca na ukryciu pola komentarza po polubieniu na Facebooku (wersja XFBML, a nie iframe) jest taka, jak podano:
Umieść styl CSS w dowolnym pliku CSS i zobacz magię, działa :)
źródło
Umieszczenie elementu iframe w elemencie div o odpowiednim rozmiarze z ustawieniem przepełnienia ustawionym na ukryty rozwiązało ten problem - chociaż tak naprawdę tylko ukrywa problem jako taki.
źródło
Używam tego w moim CSS:
i wyrenderuj przycisk Facebooka z normalnym kodem HTML5, coś takiego:
gr-
źródło
<div>
pozostanie ten sam rozmiar, ale pokaże pole wprowadzania tekstu, a następnie naciśnij klawisz Tab oraz Zamknij i Opublikuj staną się widoczne . Niedobrze. Testowałem w przeglądarce Firefox.Utworzyłem element div dla przycisku „Lubię to” w ten sposób:
A to jest CSS:
źródło
Podoba mi się rozwiązanie Mohammeda Arifa i wybieram je jako najlepszą odpowiedź. Ale w przypadku, gdy FB zmienił klasy, to zawsze zadziała poniższe.
gdzie „like_button_holder” to „TWÓJ” identyfikator div z kodem przycisku Facebooka
źródło
Roztwór czyszczący , który działa (od maja 2014 ) -
Przede wszystkim upewnij się, że właściwość
<div class="fb-like"
has data-layout jako przycisk -Po prostu dodaj ten CSS-
Otóż to!
Próbny
źródło
Nie być tutaj Debby Downerem, ale czy ukrywanie pola komentarzy nie narusza Polityki Facebooka?
IV. Punkty integracji aplikacji d. Nie wolno zasłaniać ani zakrywać elementów naszych wtyczek społecznościowych, takich jak przycisk „Lubię to” czy wtyczka „Lubię to”.
https://developers.facebook.com/policy/
źródło
Nie mogłem uzyskać
display: none
opcji pracy z wersją HTML 5 przycisku. Zamiast tego nakierowałem na element div, w którym utworzono przycisk „Lubię to”, i ustawiłem przepełnienie na ukryte.Upuszczenie następujących elementów w moim głównym pliku css załatwiło sprawę:
źródło
Zgadzam się z BrynJ, obecnie najlepszym rozwiązaniem jest umieszczenie podobnego przycisku w kontenerze div o wysokości 20px i ustawienie przepełnienia na ukryty (czytałem gdzieś, że FB niedawno przeniósł wysuwany komentarz do iFrame, więc rozwiązanie, które modyfikuje stylizację . fb_edge_widget_with_comment prawdopodobnie nie jest już przydatny dla użytkowników iFrame).
Korzystasz z AddThis? Zrób to:
źródło
Jeśli przycisk „Lubię to” znika po kliknięciu „Lubię to” i masz kontener div, aby ukryć wyskakujące okienko komentarza, użyj następującego rozwiązania:
utwórz element div kontenera, w którym umieścisz przycisk podobny do fb i nadaj mu następujący CSS:
źródło
Udało mi się obejść problem z wyskakującym okienkiem komentarza na Facebooku, wprowadzając zamiast tego wersję IFRAME. W tym celu wykonałem następujące kroki:
Z tego co widzę, podobny przycisk z implementacją IFRAME nie wywołuje żadnego wyskakującego okienka. Po prostu działa jak podobny przycisk. To był mój upragniony rezultat.
Powodzenia.
źródło
Oto kod, dzięki któremu przycisk Lubię to działa jako zwykły przycisk wraz z serwisem Twitter i Linkedin. Mam nadzieję, że to pomoże.
źródło
Spróbujmy tego:
źródło
Jak już zrobiłem, okienko z komentarzem zostanie wyłączone, gdy:
źródło
Jeśli używasz nowszego przycisku HTML5 i powinieneś, ponieważ jest on zgodny z przyszłymi wersjami i sugerowany przez Facebooka, jest to łatwe, wychodząc od tego, co powiedzieli inni:
Druga klasa to bonus dla osób korzystających z wtyczki AddThis.
źródło
Wspomniane powyżej opcje wysokości przelewu nie powinny być używane, gdy
show-faces=true
. W przeciwnym razie ukryje twarze.źródło
W moim przypadku (z wersją XFBML) dodałem do tagu to:
Wynik końcowy to:
Prawidłowo ukrywa okienko komentarza.
źródło
Ukrywanie pola komentarza działa, ale może spowodować problem, jeśli za polem wysuwanym komentarza znajduje się klikalny element.
Musisz go ukryć i usunąć z postu DOM, np.
Oto CSS do ukrycia pola komentarza:
Oto sposób usuwania elementu DOM w JQuery:
Oto czysty sposób javascript przy użyciu widżetu dostarczonego z wywołania zwrotnego:
źródło
Jeśli chcesz pokazać tylko przycisk „Lubię to”, możesz spróbować czegoś takiego
HTML:
CSS:
źródło
Pomocne może być ustawienie przepełnienia na ukryte. Zrób to w swoim głównym pliku css ..
źródło
Co powiesz na to, aby element iframe zawierający podobny przycisk miał taki sam rozmiar jak przycisk:
Otóż to.
źródło