List Info

Thread: Re: Please Help




Re: Please Help
user name
2007-11-06 23:50:56
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-Informationgooglegroups.com
To unsubscribe from this group, send email to
JavaScript-Information-unsubscribegooglegroups.com
For more options, visit this group at http://groups.google.com/group/JavaScript-Information
?hl=en
-~----------~----~----~----~------~----~------~--~---


[1]

about | contact  Other archives ( Real Estate discussion Medical topics )