Проблема с кнопкой Facebook Like в Windows Firefox
-
28-09-2019 - |
Вопрос
У меня есть кнопка Facebook Like (iFrame Edition), которая накладывается на верхнюю часть полного приложения Flash браузера. Кнопка «Нравится подключена к тому, чтобы понравиться отдельные изображения в приложении, и когда отображается каждые новые изображения, кнопка« Нравится »обновляется с помощью данных с использованием ExternalInterface.
Кнопка «Нравится» исчезает для каждого нового изображения, используя jQuery fadein () / fadeout (), снова вызывается с внешним интерфейсом.
Проблема у меня есть в том, что на Windows это не хочет работать, в Firefox конкретно ...
CSS:
html {
height: 100%;
overflow: hidden;
min-width: 800px;
min-height: 600px;
}
#flashContent {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
z-index: 1;
}
body {
margin: 0;
padding: 0;
background-color: #000000;
}
#fb-like {
position: absolute;
bottom: 32px;
left: 510px;
width: 280px;
z-index: 9999;
display: none;
}
FB-Alude - это div, содержащий iframe, и это z-индекс - 9999, чтобы обеспечить его всегда сверху.
Вот используются JS:
<script type="text/javascript">
var isVisible = false;
function showLikeButton( visible ){
if( visible == true )
{
$('#fb-like').fadeIn( 'slow' );
isVisible = true;
}
else if ( isVisible )
{
$('#fb-like').fadeOut( 'slow' );
isVisible = false;
}
}
var begOfUrl = "http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fmywebsite.com%2fdirectory";
var endOfUrl = "&layout=button_count&show_faces=false&width=150&action=like&colorscheme=dark&height=21";
function sendIdToLikeButton( title, id ){
$( '#facebook-like' ).attr( 'src', begOfUrl + "%3Fid=" + id + endOfUrl );
}
</script>
Если метод SENDIDTOLIKEBUTTON принимает идентификатор фотографии, отправленного из Flash, используя ExternalInterface, чтобы воссоздать атрибут SRC о iFrame.
И, конечно же, как это флэш-приложение, вот минимальный HTML:
<body>
<div id="fb-like">
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fnfb.designaxiom.com/build13&layout=button_count&show_faces=false&width=150&action=like&colorscheme=dark&height=21" scrolling="no" frameborder="0" style="position: absolute; border:none; overflow:hidden; width:300px; height:40px;" allowTransparency="true" id="facebook-like"></iframe>
</div>
<div id="flashContent">
<a href="http://www.adobe.com/go/getflashplayer">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
</div>
</body>
Опять же, это работает везде, кроме Firefox в Windows, и я не уверен, что делать с этим. Я предполагаю, что это ошибка в CSS или JavaScript где-то.
Любая помощь значительно ценится.
Заранее спасибо.
Грамматика
Решение
Я наконец понял это после пары недель назад и вперед. Как оказалось, проблема была с установленным IFrame поверх вершины вспышки.
Это было решено, добавив параметр на вызов SWFObject - настроить WMODE для прозрачного:
var params = {};
params.bgcolor = "#000000";
params.allowfullscreen = "true";
params.allowscriptaccess = "true";
params.wmode = "transparent";
var attributes = { id: "nfb", name:"nfb" };
var swfUrl = "Runner.swf";
swfobject.embedSWF( swfUrl, "flashContent", "100%", "100%", "10.0.0", false, flashvars, params, attributes );
Установка WMODE к прозрачному разрешению для «прозрачного» IFrame будет помещена поверх вершины приложения в каждом браузере.
Так как оказывается, это была не проблема с кнопкой Facebook, но с iframes и flash. Конечно, если вы не используете SWFObject для отображения ваших SWF-файлов, WMODE является параметром, который можно установить в свойствах публикации во Flash, когда вы публикуете свои SWF.
Ваше здоровье