search

davidrhoden / jquery-modalbox-plugin

Automatically exported from code.google.com/p/jquery-modalbox-plugin
0 stars 0 forks source link

Jquery UI DatePicker not working in pop-up #16

Closed GoogleCodeExporter closed 9 years ago

GoogleCodeExporter commented 9 years ago 
What steps will reproduce the problem?
1. Make a Input field
2. Attach datepicker with it.(http://jqueryui.com/demos/datepicker/) on 
callFunctionAfterShow

What is the expected output? What do you see instead?
Calender appears but I'm getting error I click the date. 

Error: f is undefined
..../jquery-ui-1.8.7.custom.min.js
Line 512

Expected output: Clicking on the date should fill the input field with selected 
date.

What version of the product are you using? On what operating system?
jquery-ui-1.8.7.custom.min.js / Mozilla Firefox 3+ / Windows 7

Please provide any additional information below.

Modal Box plugin version - jQuery modalBox plugin v1.2.0

Original issue reported on code.google.com by puneetli...@gmail.com on 31 Aug 2011 at 1:36

GoogleCodeExporter commented 9 years ago 
This is urgent issue. Please help asap possible !

Original comment by puneetli...@gmail.com on 1 Sep 2011 at 7:09

GoogleCodeExporter commented 9 years ago 
I am also facing same issue please help!

Original comment by divanshu...@gmail.com on 1 Sep 2011 at 11:44

GoogleCodeExporter commented 9 years ago 
I got the solution, by overriding the id in callFunctionAfterShow and applying 
the date time picker after that.

The problem was of duplicate id.

Original comment by divanshu...@gmail.com on 2 Sep 2011 at 6:48

GoogleCodeExporter commented 9 years ago 
Thanks a ton! :)

Original comment by puneetli...@gmail.com on 2 Sep 2011 at 3:06

GoogleCodeExporter commented 9 years ago 
To avoid problems with multiple IDs, please use the direct call of the modalbox 
plugin.

Example:
jQuery.fn.modalBox({ 
    directCall : {
        data : '<div id="mySelector">Some Content for datepicker</div>'
    }
});

Thanks divanshu4all for the hint!

Regards,
Steffen

Original comment by steffen....@googlemail.com on 12 Feb 2012 at 5:14

GoogleCodeExporter commented 9 years ago 
divanshu, steffen, would you elaborate it little more, please?
I'm completely new to jquery and I'm facing the same problem. 
it would be nice of you if you could provide the exact code. please..
-vishal

Original comment by vkotech...@gmail.com on 20 Feb 2014 at 6:36

GoogleCodeExporter commented 9 years ago 
Hi Vishal.

When we apply modalBox on DOM element, its creates a duplicate of the original 
one with modalbox, due to which it creates duplicate IDS in DOM. So to avoid 
that, either use direct call of modalbox as mentioned by Steffen or override 
callFunctionAfterShow and attach the datepicker after the popup is displayed.

Original comment by puneetli...@gmail.com on 24 Feb 2014 at 6:22