Wow, that's a very detailed solution, thanks for the help!
i'll
definitely be trying that out
On Oct 30, 5:46 am, "Torsten M. Walter"
<twalte... googlemail.com>
wrote:
> Hi Mikey,
>
> your best bet is to attach the popups to an element in
the dom tree
> that is above the table.
>
> I too have a table with popups, setting the table to
overflow auto
> draws the scroll widgets above the popups, essentially
hiding a stripe
> of the popup.
>
> I don't know how your popups work, but in my case I
would clone the
> hidden popup element, attach it to a div that surrounds
the table (or
> the document), move it to the mouse position and show
it. On mouseout
> you can destroy the popup you've just created.
>
> function toolTip(evt) {
> var e = (!evt) ? window.event : evt;
> // gather all relevant information from the
event
> var pos = getMousePos(e);
> var target = (e.target)
> var elClass = evt.target.classname;
> var elementId =
elClass.substring(elClass.lastIndexOf('[')+1,
> elClass.lastIndexOf(']')-1);
> var tip = document.getElementById(elementId);
>
> // clone original tooltip and apply styles
> var elClone = tip.cloneNode();
> elClone.id = 'currentTip';
> el.Clone.style.top = pos.top;
> el.Clone.style.left = pos.left;
> elClone.style.display = 'block';
>
> document.appendChild(elClone);
>
> }
>
> var getMousePos = function(evt) {
> /**
> * params: event e
> * returns: position object {left:n, top:n,
x:n, y:n}
> * x equals absolute screen position from the
left of the document
> * y equals absolute screen position from the
top of the document
> * note that the position is calculated
RELATIVE TO THE DOCUMENT,
> * rather than relative to the window
> */
> var e = (!evt) ? window.event : evt;
> var pos = {left:0, top:0,x:0, y:0};
>
> if (e.pageX || e.pageY) {
> pos.x = e.pageX;
> pos.y = e.pageY;
> }
> else if (e.clientX || e.clientY) {
> pos.x = e.clientX +
document.body.scrollLeft
> + document.documentElement.scrollLeft;
> pos.y = e.clientY +
document.body.scrollTop
> + document.documentElement.scrollTop;
> }
> pos.left = pos.x;
> pos.top = pos.y;
> return pos;
>
> }
>
> var checkBrowser = function() {
> // check if browser is mozilla compliant
> if (document.getElementById &&
!document.all) {
> return true;
> } else if (document.all) {
> return false;
> }
> return false;
>
> }
>
> /**
> * hideToolTip
> */
> function hideToolTip (evt) {
>
document.removeChild(document.getElementById('currentTip'));
>
> }
>
> On Oct 29, 8:54 pm,MikeyJ<ij... yahoo.com> wrote:
>
> > Hi, I'm having a problem that is driving me insane
and I'm hoping you
> > lot can help me out!
>
> > I'm working on a project that has quite the
considerable table
> > structure and is set to fill the computer screen
variably depending on
> > the resolution of the user. I have a table that
has an overflow value
> > set as overflow:auto; which needs to stay that way
to hold the
> > integrity of the page; However I also have
mouseover pop-up menus. At
> > the bottom of my table with the overflow the
pop-up menu gets cut off
> > and held within the overflow of the table. Is
there any way that you
> > know that i can bring the pop-up OUT of the
overflow so it is clearly
> > visible without getting cut off?
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the
Google Groups "JavaScript Forum" group.
To post to this group, send email to
JavaScript-Information googlegroups.com
To unsubscribe from this group, send email to
JavaScript-Information-unsubscribe googlegroups.com
For more options, visit this group at http://groups.google.com/group/JavaScript-Information
?hl=en
-~----------~----~----~----~------~----~------~--~---
|