By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
448,538 Members | 950 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 448,538 IT Pros & Developers. It's quick & easy.

Displaying a popup in a scrollable table

P: 2
I am facing an issue in displaying a calendar popup on click of a calendar icon in one of my JSP pages.
In my JSP page I have 3 calendar icons in a horizontally scrollable table.
If I click the 1st calendar icon, the calendar gets popped up. Then if I click the 2nd calendar icon, the image gets popped up properly. Now I have to scroll to the right to view the 3rd calendar icon. Now when I click the 3rd calendar icon, the calendar image gets popped up in the extreme right end where the calendar image would have been displayed if scrollable is not implemented.
I want the popups to be displayed in relative to the current position of the icon.

Any pointers to this would help.

Thanks in advance.
Nov 20 '07 #1
Share this Question
Share on Google+
3 Replies


Dasty
Expert 100+
P: 101
I am facing an issue in displaying a calendar popup on click of a calendar icon in one of my JSP pages.
In my JSP page I have 3 calendar icons in a horizontally scrollable table.
If I click the 1st calendar icon, the calendar gets popped up. Then if I click the 2nd calendar icon, the image gets popped up properly. Now I have to scroll to the right to view the 3rd calendar icon. Now when I click the 3rd calendar icon, the calendar image gets popped up in the extreme right end where the calendar image would have been displayed if scrollable is not implemented.
I want the popups to be displayed in relative to the current position of the icon.

Any pointers to this would help.

Thanks in advance.
How did you make your popup? Is it just div? How is it positioned?
Please provide us some code ...
Nov 20 '07 #2

P: 2
Hi, here is the sample code

[HTML]<div id="tbl-container" style = "width: 980px; height:100%; overflow-x:auto; overflow-y:hidden; ">
<table>
<tr>
<td>
<input type="text" id="date">
<input onclick="showCalendar('date','mm/dd/y')" src="calendar.gif" />
</td>
<td>
<input type="text" id="date1">
<input onclick="showCalendar('date1','mm/dd/y')" src="calendar.gif" />
</td>

<td>
<input type="text" id="date2">
<input onclick="showCalendar('date2','mm/dd/y')" src="calendar.gif" />
</td>

</tr>
</table>
</div>
[/HTML]
Here showCalendar() is in calendar_js_form.js
Nov 21 '07 #3

acoder
Expert Mod 15k+
P: 16,027
What about the showCalendar() function?
Nov 21 '07 #4

Post your reply

Sign in to post your reply or Sign up for a free account.