I'm working on a web application that requires me to use a modalpopup I recently made within a user control. Everything works as expected, but somehow after a PostBack, and not always, the panel used in the modal flickers (blink) on the screen very briefly.
I have read on dozens of forums saying that I needed to add "display:none;" to the style tag of this panel. This usually "helps", and most of the postbacks don't show the panel, but some do. Seems that the property is being ignored somehow, but I can't find where, how, when.
I have also tried debuging the javascript with firebug, tested all page events and even tried taking a look at the ajax modalpopupextender sourcecode, but couldn't fix this issue.
The browser I HAVE to make this web application work is Mozilla Firefox 3.5.10, that is the current version on the company I work for. This can't be changed due to corporate policies.
Due to quality and user experience issues that arise with this flickering, I leave it as is, so if anyone can help me out I'd appreciate that. I'm also on a rather tight schedule, so any quick help will be appreciated too, as I'm ready to try and test changes on the go.
Please let me know of any doubts or questions.
Thanks in advance.
If your CSS is in an external file, it's possible that the HTML is being loaded and rendered before the CSS is downloaded, causing the flicker. If this is the case, then adding style="display:none" directly to the HTML tag ought to fix it.
The following works for me:
<script type="text/javascript">
window.onbeforeunload = function () {
document.getElementById("PanelDialog").style.display = "none";
}
</script>
Related
I'm creating a website from this template and I've downloaded the template and uploaded it without modifications here.
I have this problem (confirmed by a ticket on templatemonster): on Iphone only (seems like both on safari and chrome), i cannot click on some links (e.g. "view charateristics" on the 4 boats images under "YACHTS FOR SALE".
I tried editing it:
adding a big z-index on the tags
creating a custom section with bootstrap and custom link
using <span> tags with onclick="window.location.href='test.php'"
using a <form> and a <button>
It really seems that the browser does not "catch" the click on the element.
But still, none of them work.
Unluckily, i cannot test on a real phone, but this simulator https://appetize.io/ seems to work pretty well. I did confirm that the problem is also on real devices, thanks to a customer.
I would like to know if anybody knows to fix this issue, without making the template look much different, thanks
EDIT
Here's the page where i'm trying to fix the bug. As you can see the <ontouchstart> is also not working.
I don't know if it would help, but you can also see that the carousel is not working on iphone (not a problem itself, i'm going to hide it).
It's a known Safari Mobile bug, you should add the ontouchstart event handler
More infos here
I'm facing an issue since few days. When users land to our website they are automatically scrolled down at the bottom of the page.
I just can't provide the website I'm really sorry.
There is no anchor in the URI, no such things related to scroll.
When I was reproducing the behaviour I disabled the JavaScript to eliminate this track. Even with no JS the behaviour is the same.
Almost of our users use Firefox as web browser. I figured out that issue is constantly happening on Firefox instead of Chrome which is happening randomly.
Do you have any idea what could cause that behaviour, event when the JS is disabled ?
If anyone has faced this issue and can be helpful to dig with us do not hesitate !
Thanks again
I've put up a code for commenting box on my html file for the visitors to comment on something in my website, and the code is provided from a website that offers it for free.
The problem is, the commenting box is visible and functions perfectly on Internet Explorer, but in Google Chrome Browser, or FireFox Browser, the commenting box doesn't even appear on the screen. When i view source by right-clicking, the code is still there, but does not show on the screen, and I think something is wrong with the code.
I have tried to fix this myself, and I could not figure this out alone.
Here is the code that was provided from the free commenting box website.
<div class="js-kit-comments" backwards="yes" paginate="10"></div>
<script src="http://js-kit.com/comments.js"></script>
I wish i could provide more code, but honestly, this is basically it.
I really hope you guys can help me out on this one. Thank you in advance.
The big js code isn't made to be compatible.
First line :
try { if(!window.JSK$EPB && navigator.appVersion.match(/[345]\.[.0-9 ]+Safari/)) {
This is not the task of SO to adapt and/or debug a big proprietary script in the blind.
I have a situation where I'm inserting javascript generated HTML code into a DIV. One would think this would be a no brainer, but for some reason, once the code is in, the status bar and tab loading graphics start up in both browsers and never stop again. The page continually appears to be loading data, but in reality, there's nothing more to load. Any idea why this may be happening? Solutions? I appreciate any help. Thanks!
Install the Firebug plug-in for Firefox. Open it up and got to the NET tab. That will allow you to see your network activity. Something on the server may be stalling. This will help you find it.
Maybe someone has some idea what I'm doing wrong here. I'm writing an AIR application and I'm trying to embed a dijit.Editor on my page - I've tried both with a simple:
<div dojoType="dijit.Editor"></div>
And doing it programmaticly:
<div id="editor"></div>
...
// in the onLoad function
var editorwidget = new dijit.Editor({height: '400px'}, 'editor');
editorwidget.startup();
But neither seem to work right. In both cases I see both the toolbar and an appropriately sized IFRAME, but the IFRAME doesn't seem to be loading its content. I've tried forcibly seeing the src param and calling
editorwidget.iframe.contentWindow.location.reload(true);
but all to no effect - Editor.onLoad() never gets called.
I tried manually calling
editorwidget.iframe._loadFunc(editorwidget.iframe.contentWindow);
And that seems to trigger some things to happen - however what it seems to trigger is the disabling of the Editor widget altogether.
I'm sure I'm missing something dumb, but I'm at a loss for what it could be that I'm missing.
Has anyone else used dijit.Editor in an Adobe AIR application (I'm using the latest 2.0 runtime/2.0 RC SDK).
As near as I can tell the problem seems to be that the IFRAME which gets added to the page with an 'src=javascript:...' violates the security sandbox policy in Adobe AIR. I tried setting the src= what it would eventually be if the javascript got executed, but that just doesn't seem to help either. Not sure why that won't work.