I checked related posts but none of these answered my question. So this is the code i use:
<script type="text/javascript" src="/media/datepicker.js"></script>
Inside the datepicker.js i have the following:
$(function() {
$("#id_picker").datepicker();
});
I also tried to put document.ready() around it, but that didn't help neither. The Datepicker is showing I and can use some key controls but I can't click on a date so it would appear into my textbox where I open the datepicker with an onclick. So I can't select another date, it just doesn't select the date and because of that the dialog stays open until I click out of it.
Any help please? In Firefox, Chrome, Iceaweasl it's working perfectly.
UPDATE****
Apparently this had to do something with IE itself, i tried on many other IE's on different computers where i didn't have this problem. I couldn't trackdown what exactly could be the issue but for me this case can be closed.
Regards,
T
If you run IE on windows server 2003 or 2008, please refer the page Can Windows' enhanced security break jQueryUI's datepicker?
You are probably loading jQuery from the local file system. Try loading from a web location, such as:
http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/jquery-ui.min.js
Related
I'm using eonasdan's bootstrap datetimepicker plugin for my website. My website is running in ASP.NET MVC 5, it has jQuery 1.10.2, bootstrap 3.3.6, requirejs and several other plugins. The problem I'm having is that the datetimepicker is not working properly in Safari (iphone, ipad). When I click the textbox the calendar will appear but when I click on a date it will close the calendar and won't select the date or enter it in the textbox. Its as if the area is not clickable by the touch event. I tried running the plugin in a separate application and its running fine, but for some reason it doesn't work in this website. I tried upgrading to jQuery 2 and got the same result. It doesn't throw any error or logs anything either so i have no clue whats going on. Can someone please give me some advice on how to fix this.
Here is a screenshot of the calendar:
Ok I finally figured out what was the issue. The project was referencing fastclick.js and attaching it to the DOM. This was causing erratic behavior in touch events. As soon as I got rid of fastclick everything started working nicely. So be careful when using fastclick.js since it's not very reliable.
I’m having a problem with Pickadate & Pickatime on a site setup using Foundation,
the client has just noticed an issue with the Clear and Close buttons not closing the Pickadate pop-up in IE9,
which is making it impossible for IE9 users to complete the form.
This seems to be an intermittent problem,
it looks like the Clear button will work the first time,
but if you try and do this a few times in the same field you get the same issue.
The Close button was working for me in my tests in IE9 which would be a get out for users,
but sadly the client has come back to me saying that in their tests in IE9 (running on Citrix),
the Close button is not closing the Pickadate either which is making the form unusable again.
Here is the link to my demo:
http://my-allianz-fa-02.designchief.ie/claim-notification.html
The sequence is:
scroll down to "Please select a claim option" dropdown
select Accident/Incident option
In the Accident Details fieldset you will find the "Date of Accident" Pickadate field (Pickatime also used in the field next to this one)
Everything works as expected apart from IE9 where you can select a date ok, but when you re-enter the field and try to Clear the info, the Pickadate flickers (disappears and then reappears) and then cannot be closed.
The site was built using Zurb Foundation 4.3.2, Pickadate 3.5.6 (latest version) and is using jQuery 1.10.2.
This issue is not present in the Pickadate demo - http://amsul.ca/pickadate.js/
which makes me think that something in the Foundation JS, or in the setup is causing the issue?
But, I have not found anything online that relates to this specific issue so I am reaching out in the hope that someone recognises the problem.
If the issue cannot be resolved then maybe you could suggest a solution using a new plugin but the preferred option would be to use the Pickadate solution as it suits the needs of the site better.
Any help much appreciated, thanks.
My fix was to revert to 3.5.4 version, and clear and close button are working as expected. You can download that version from:
https://github.com/amsul/pickadate.js/releases
This is my form i got this code from
http://www.jqueryrain.com/demo/jquery-validation-plugin/
this is working good in google crome but not working in firefox DATE picket not working
this is my site http://daplonline.in/naukriedu/singup.php
but date picket CSS not showing correctly
You are using HTML5 datepicker, which unfortunately not yet implemented on firefox. Take a look at the w3schools site to find out.
So for now you might want to switch to some javascript-based solution such as jQuery datepicker, for instance.
I have problems visualizing my google map within a jquery dialog. The problem is present only on ie 7 and ie 8, furthermore ie7 doesn't even show the map, ie8 shows it once and when you try to see it again, the map is misplaced.
Here is the scenario. I have a link which when precessed would show a dialog. The content of the dialog is loaded via ajax. The loaded page contains some other stuff apart from the map itself. In ie7 i don't see the page at all, i8 shows it correctly the first time around. When you close the dialog and open it again the map would no longer be visible.
The issue(s) is not present on all real browsers and ie9,but i found something strange. When the dialog is opened for the second time and I have dev tools open ( the developer plugin for IE) when I close it, or minimize the dev tools panel , the map is somehow refreshed and gets displayed correctly. Any idea what event my that be triggering. Any help would be appreciated.
Thanks,
Peter
Call the initialise function after dialog opens. For example, onfocus of a button or textbox.
onfocus="initialise();";
it works for me.... even in IE
Pretty sure gmaps v3 doesn't support IE7, the IE8 problem is kinda hard to assist you with without seeing the code.
The Google Maps JavaScript API V3 does support IE7+ (Source: Which web browsers does the Google Maps JS API support?) but I've seen issues when combining it with jQuery, sometimes they kinda collide on some object's property and mess up. Maybe you could cut this down to the simplest code possible and report it on the issue tracker?
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>