J
jishnukinwar
------------------------------------------
i have a footer on each JSP(footer.jsp), and that footer displays
important contents.this footer.jsp is made up of a simple table with 1
<tr> and 4 <td> tags, and this entire table is wrapped around a <div>.
footer.jsp is included within every JSP of the application. this footer
is not at the bottom of the page, but alive and visible at all times.
For example if the JSP page is very long, you still see the footer at
all times, and when you are scrolling down the JSP, the footer moves
along with the JSP, no matter which part of the page you are on, you
will see the footer. so the problem comes in when there is a select
box/drop down list. when the select box overlaps the footer, the values
of the drop down comes on top of the footer and hides that section of
the footer, but in case of text fields, it is absolutely fine.
and i am unable to find a solution for this.
i tried increasing the z-index of the select box, but that did not
work, cause i found out that select boxes have the highest z-index
since they are system objects and not window objects.
then the next solution was using iFrames, that did not work too, cause
when using iframes, my javascript(drawerfooter.js) which is used to
keep the footer.jsp alive at all times and hover does not work, so the
footer.jsp comes only at the bottom of the jsp, and you have to scroll
down completely to see the contents of the footer.
the third approach i took was to find the pixel positions of the select
box in respect to the footer, so that i can hide the select boxes,
whenever it is overlapping the footer. But i am unable to do this too,
cause it looks like that the position and location of the select box
which is inside the <Td> will be relative to the <tr> and not <body>,
and on the contrary, the location and position of the footer which is
simple table wrapped around a <div> is relative to the <body>. so the
pixels of the select box will never be within the range of footer.
i have a footer on each JSP(footer.jsp), and that footer displays
important contents.this footer.jsp is made up of a simple table with 1
<tr> and 4 <td> tags, and this entire table is wrapped around a <div>.
footer.jsp is included within every JSP of the application. this footer
is not at the bottom of the page, but alive and visible at all times.
For example if the JSP page is very long, you still see the footer at
all times, and when you are scrolling down the JSP, the footer moves
along with the JSP, no matter which part of the page you are on, you
will see the footer. so the problem comes in when there is a select
box/drop down list. when the select box overlaps the footer, the values
of the drop down comes on top of the footer and hides that section of
the footer, but in case of text fields, it is absolutely fine.
and i am unable to find a solution for this.
i tried increasing the z-index of the select box, but that did not
work, cause i found out that select boxes have the highest z-index
since they are system objects and not window objects.
then the next solution was using iFrames, that did not work too, cause
when using iframes, my javascript(drawerfooter.js) which is used to
keep the footer.jsp alive at all times and hover does not work, so the
footer.jsp comes only at the bottom of the jsp, and you have to scroll
down completely to see the contents of the footer.
the third approach i took was to find the pixel positions of the select
box in respect to the footer, so that i can hide the select boxes,
whenever it is overlapping the footer. But i am unable to do this too,
cause it looks like that the position and location of the select box
which is inside the <Td> will be relative to the <tr> and not <body>,
and on the contrary, the location and position of the footer which is
simple table wrapped around a <div> is relative to the <body>. so the
pixels of the select box will never be within the range of footer.