Here is my code
<div id="sw" style="cursor:pointer" >
<object id="swfobj" type="application/x-shockwave-flash">
</object>
And JavaScript part
function openfile(filePath) {
$("#swfobj").attr("data", filePath);
$("#swfobj").show();
};
I test it in Chrome and Firefox... In Chrome it shows swf when I change data of object(Chrome change it after second click and it problem too, but it show swf wxcept Firefox :D)
In Firefox, I can't see swf anyway... I tried to manually change data, but it doesn't help top... Need your help u suggestions))))
Set the width and height to 1px each, then set the size to the proper flash size. My guess is that the swf is hidden by default. Hidden swfs won't load in some browsers.
Related
Demo:
http://c.atara.net/simple.html
When You click Show 1 and Show 2 on a Desktop Browser the background changes immediately, because I assume, the images are already loaded on the page (cached)
However on an iPad or iPhone, the images don't seem to cache .The background turns white first and there is a pause while each image loads. I think this may have something to do with the images being hosted on Google Drive (they are redirected?).
Can anyone come up with any way to get the images to cache on the mobile browser? I can't host them anywhere else.
I am looking for any solution no matter how crazy-- such as if theres a javascript way to turn the images into base64 and then cache that.
Here is the revelant code
<img id="one" src="http://docs.google.com/uc?id=0ByWN3asD9NWSS3pIOHBTb2MzeVE">
<img id="two" src="http://docs.google.com/uc?id=0ByWN3asD9NWSYlRzdElIMC02VFU">
<script>
$(function(){
$('.show').on('click',function(){
var newid=$(this).data('show');
var showJQ=$('#'+newid);
$('#background,#pictureframe').show();
$('#background').css("background-image", "url('"+showJQ.attr('src')+"')");
})
Thank you!!!
I am attempting to make my website use TLS / https. This problem occurs only on the https version and not the older http version of the website.
I have a link on my website which when clicked reveals an iframe on top of the rest of the website content.
The link looks like this:
Speed Check
It reveals this div (slightly modified to remove my actual URL)
<div id="speedtestmodal" class="reveal-modal tiny open" data-reveal="" role="dialog" style="display: block; opacity: 1; visibility: visible; top: 1130px;" area-hidden="true">
<iframe width="620" height="420" style="visibility:;" id="example" src="https://page.domain.com" scrolling="no" frameborder="0"></iframe>
</div>
This works and the iframe and expected content is visible, the problem I have is that the page in the iframe contains a text box which the user should fill in. This behaves as expected in Firefox but in Chrome or IE attempting to click into the text box closes the entire Iframe.
The website is beta.domain.com and the iframe is page.domain.com so I thought the problem may be related to cross domain JS calls, to try and get around this I added the following to the head on both websites (as described at http://madskristensen.net/post/iframe-cross-domain-javascript-calls):
<script type="text/javascript">
document.domain ='domain.com';
</script>
But it has made no difference. Is there something that I'm missing here?
Is there any more information that I can provide to help debug this?
It turned out the problem was CSS related and it was only working in firefox due to a bug in the browser.
The Z-index value of the modal was causing it to be hidden behind another semi-transparent modal which is part of a separate function of the website.
I have been trying to display PDF inside iFrame, it works well for all other browsers and platforms but not working with iOS. When I tried to access in chrome/Safari in iPhone/iPad, it shows the first page BUT does not allow to scroll down the PDF. And when it comes to HTML inside iFrame, it works perfectly, per my observation it looks like issue is with PDF inside iFrame on iOS. Tried all the links provided on various websites, overflow-auto, webkit scrolling, scrolling only y axis, position absolute/relative increasing the height which results in white pages and all other possible solutions, but no luck yet. The language of implementation is ASP.NET-C# where I am setting the iFrame source dynamically. Below is the source through which I am trying to achieve above task.
<div id="wrapper" class="Sales-container container">
<iframe runat="server" id="Contents" class="myiframe" scrolling="no" width="100%" height="100%" frameborder="0" />
</div>
.Sales-container{position:absolute !important;width:100%}
.container{margin-right:auto;margin-left:auto;padding-left:7px;padding-right:8px}
.myiframe{z-index:0;white-space:nowrap}
Any help would be much appreciated.
Thanks.
If you don't need https, you can use the google docs viewer
make the src http://docs.google.com/gview?url=YOURADDRESSHERE&embedded=true
If that won't work for you, I'm currently looking into pdf.js
I have this weird problem and I can't seem to find what is wrong. Let me explain it step by step.
Here is the link to the slideshow that I developed: http://guusebump.com/view/lennie/weddings (PIN 1234). You click on Play and the slideshow will play with some music.
I've also developed a widget version for that slideshow, located at: http://guusebump.com/widget/lennie/weddings, which works fine as well.
Now, the problem is, I'm trying to plug that widget in another website using iframe:
<iframe width="900" height="600" frameborder="0" scrolling="yes" marginheight="0" marginwidth="0" src="http://guusebump.com/widget/lennie/weddings"></iframe>
But the slideshow wouldn't work on Chrome - it just won't work. Link: http://trisle.net/demoguuse/ (scroll down a bit to the widget). I tested the site on Safari and Firefox, it works for those browsers but not on Chrome. Not sure what will happen on your browsers, but I'm sure there's something wrong with the iframe.
What do you think? Any help would be much appreciated :)
-UPDATE-
The screen record of the error is: https://www.dropbox.com/s/j2ujp85y9fxxxz3/error_guuse.mov?dl=0
It sounds like you need to clear your browser cache. I have this problem from time to time with Chrome for some reason.
Steps to clear browser cache:
Press CTRL + SHIFT + DEL KEYS while you are in the Chrome browser.
Make sure the cached image and files option is check marked. It usually is by default.
Press Clear browsing data button and wait for it to complete.
Exit the browser and try reloading your application to see what happens.
This might be the security issue with chrome. I am asking the user to disable that and check.
It is working fine in my machine. I have windows 7 with chrome. It might be some issues with your Mac OS.
It might be security issues.
Please disable the security settings in chrome using the below command and just try
chrome --disable-web-security
I have an iFrame that works fine in FF, IE and Safari. In Chrome, the iFrame doesn't work. It's not even visible.
Link: http://kamersoptwitter.nl/link/Amsterdam/16985-huigenbos
The iFrame loads with a width and height of 100%, once loaded it's resized using javascript to a specific width and height (to match with the bar on top of the screen).
The code is use for the iFrame:
<iframe id="kamers-iframe" frameborder="0" noresize="noresize" src="<?=URL?>"></iframe>
Any idea how to fix this?
Thanks!
you may post your complete code to help you better.
I have tested your code with different url,iframe works well in Chrome ,That may be your code problem.