Javascript

If anyone knows of a javascript that will float a menu within
a table or table cell I would be grateful if you point me in the right direction.
I have found scripts that float menus on a whole page & beyond
but this is not what I want.
I'm not a programmer so I can't amend the ones I've found but could post if this helps.
 
I am not sure what you mean exactly. You can take some of the free menus out there and you will find that you can position them using CSS-p easily to appear when you chose in a position relative to some other layer, just make sure the menu is in its own layer and change its status on click of some other item to visible.

Perhaps if you provided a before and after graphic we could be more clear.

Stuart
 
Upvote 0
I don't use CSS although I know I should but when I tried a very basic set up the result were completely different between the browsers I use for testing i.e. some were all over the place so I decided to stick to html & javascript.

So the free javascripts I have found tend to float menus or navigation buttons down a whole page with only the starting position tailorable. I want a javascript that floats just within a table or table cell if at all possible so that the menu doesn't go over into a table or cell I don't want it to. If you are interested I can dig out one of the scripts or maybe you can post how to do it with CSS.

As I say I'm not really a web programmer but know enough to get by.
 
Upvote 0
Tommy

thanks for the offer

heres one of the free scripts I have available.

If you can show me how to make it move within a cell or table I would be extremely grateful.
script / notes follow
----------------


<!-- *********************************************************
* You may use this code for free on any web page provided that
* these comment lines and the following credit remain in the code.
* Floating Div from http://www.javascript-fx.com
******************************************************** -->
*<div id="divTopLeft" style="position:absolute">
*
*Your Content Here
*
*</div>

* Put your content in place of the "Your Content Here" content
* Change JSFX_FloatDiv("divTopLeft", 10 ,30).floatIt(); where
* 10 is the x-coordinate of the menu (distance from left of window)
* 30 is the y-coordinate of the menu (distance from right of window)


*<script type="text/javascript">

var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;

function JSFX_FloatDiv(id, sx, sy)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
var px = document.layers ? "" : "px";

window[id + "_obj"] = el;

if(d.layers)el.style=el;
el.cx = el.sx = sx;el.cy = el.sy = sy;
el.sP=function(x,y){this.style.left=x+px;this.style.top=y+px;};

el.floatIt=function()
{
var pX, pY;
pX = (this.sx >= 0) ? 0 : ns ? innerWidth :

document.documentElement && document.documentElement.clientWidth ?
document.documentElement.clientWidth : document.body.clientWidth;

pY = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ?

document.documentElement.scrollTop : document.body.scrollTop;

if(this.sy<0)
pY += ns ? innerHeight : document.documentElement && document.documentElement.clientHeight ?

document.documentElement.clientHeight : document.body.clientHeight;

this.cx += (pX + this.sx - this.cx)/8;this.cy += (pY + this.sy - this.cy)/8;
this.sP(this.cx, this.cy);

setTimeout(this.id + "_obj.floatIt()", 40);
}
return el;
}
JSFX_FloatDiv("divTopLeft", 10,30).floatIt();

*</script>


-------
end
 
Upvote 0
Hello,

I am using the exact same script as MarkD, and would like to be able to keep the floater within a set field (table/cell). As MarkD stated, all the floater scripts that I've seen/tried only allow the floater to cover the entire document and not stay confined within a table/cell. I've tried manipulating the code, but have not gotten favorable results.
Any assistance would be greatly appreciated.

Best Regards.
 
Upvote 0

Latest Articles

Join UK Business Forums for free business advice