The following code works in all browsers except IE9 where the Facebook code fails to display anything or react to the mouseover. Any thoughts?
Thanks
HTML<div style="width: 130px; float: right">
<dx:ASPxMenu ID="mnuSocial" runat="server" EnableDefaultAppearance="False" EnableTheming="False"
CssClass="floatRight">
<Items>
<dx:MenuItem Text="" Name="miSocial">
<Items>
<dx:MenuItem>
<Template>
<div class="socialMenuItem">
<div class="" style="width: 70px; padding-top: 3px;">
<a class="twitter-follow-button" data-show-count="false" data-show-screen-name="false"
href="https://twitter.com/FFPromoExams" target="_blank">Follow @FFPromoExams</a>
</div>
<script>
!function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = "//platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
}
} (document, "script", "twitter-wjs");
</script>
</div>
</Template>
<Image Url="~/Images/twitter_sm.png">
</Image>
</dx:MenuItem>
<dx:MenuItem>
<Template>
<div class="socialMenuItem">
<div class="fb-like" style="width: 115px" data-href="http://firefighterpromotionalexams.com"
data-send="true" data-layout="button_count" data-width="115" data-show-faces="true"
data-font="arial">
</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 = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
} (document, 'script', 'facebook-jssdk'));
</script>
</div>
</Template>
<Image Url="~/Images/facebook_sm.png">
</Image>
</dx:MenuItem>
<dx:MenuItem>
<Template>
<div class="socialMenuItem">
<a href="http://www.youtube.com/user/FFPromoExams/videos" target="_blank">
<img src="../Images/youtube_60x24.png" alt="Subscribe to me on YouTube" /></a>
</Template>
<Image Url="~/Images/youtube_24x24.png">
</Image>
</dx:MenuItem>
<dx:MenuItem>
<Template>
<div class="socialMenuItem">
<a href="http://www.linkedin.com/company/2662995?trk=tyah" target="_blank">
<img src="../Images/LinkedIn-Logo long.png" alt="Subscribe to me on YouTube" /></a>
</Template>
<Image Url="~/Images/linkedin-logo24x24.png">
</Image>
</dx:MenuItem>
</Items>
<Image Url="~/Images/social.png">
</Image>
</dx:MenuItem>
</Items>
<SubMenuStyle GutterColor="#0066CC" GutterWidth="20px" />
</dx:ASPxMenu>
</div>
Hello Scott,
I have tried to reproduce the issue on our side using your code snippet, but failed (see the attached video).
It looks like some other things are involved in this issue, which I have not taken into account. Would you please check how the attached project operates on your side? If it works well, try to modify it to reproduce this issue and send the project back to us. Otherwise, please provide us with a reduced version of the problematic project, so that we can easily examine it on our side.
In addition, please clarify the following browser-specific information:
- Detailed information about the browser: make a screenshot of the "Help -> About Internet Explorer" dialog;
- Browser/Document mode settings - press the F12 key to invoke the Dev Toolbar.
We will do our best to help you.
I have attached a video of both ie9 (doesn't work) and chrome (works fine). Not sure what you wanted to do with the Dev Toolbar, but you can view the actual site at: http://firefighterpromotionalexams.com.