Привет всем.
Речь идёт о кнопке Share от Facebook'а.
Мне нужно спрятать кнопку и показать её только, если пользователь нажмёт другую.
В чём проблема, вуаля:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="fb-root"></div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = 'https://connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v3.1';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
function showShareButton() {
document.getElementById("sharebuttondiv").style.display = 'block';
}
</script>
<button onclick="showShareButton()">Let me share</button>
<div id="sharebuttondiv" style="display:none">
<div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-size="large" data-mobile-iframe="true"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&src=sdkpreparse" class="fb-xfbml-parse-ignore">Share</a></div>
</div>
</body>
</html>
Код спецом не в jsfiddle, ибо он не даёт возможности протестировать кнопку.
Так вот, в хроме и сафари всё круто. Но если взять Firefox он не подтягивает кнопку пока див невидимый. Т.е. если открыть этот код в нём, то кнопка "поделиться" не будет отрисованна.
Однако я пошёл дальше, и по логике, проблема в парсере страницы - если во время закрузки страницы нажать на эту кнопку - кнопка отрисуется. Не знаю как програмно повлиять на закрузку, но у меня даже с локальным файлом получилось.
Есть идея что с этим делать?
Спасибо
Средний