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

Flip-Down Menu Help ?

P: n/a
JC
Can someone send me a link where I can make the flip-down menu on this
page ?
http://www.renzifoodservice.com/service_solutions.asp

Or, does anyone do that, and would be willing to create something like
that for me ?
Let me know your fee.

Sep 25 '06 #1
Share this Question
Share on Google+
2 Replies


P: n/a
On 25 Sep 2006 04:42:23 -0700, in comp.lang.javascript "JC"
<we********@aol.com>
<11**********************@d34g2000cwd.googlegroups .comwrote:
>| Can someone send me a link where I can make the flip-down menu on this
| page ?
| http://www.renzifoodservice.com/service_solutions.asp
|
| Or, does anyone do that, and would be willing to create something like
| that for me ?
| Let me know your fee.
http://www.projectseven.com/viewer/index.asp?demo=mm1
---------------------------------------------------------------
jn******@yourpantsyahoo.com.au : Remove your pants to reply
---------------------------------------------------------------
Sep 25 '06 #2

P: n/a
JC wrote:

Hi,
Can someone send me a link where I can make the flip-down menu on this
page ?
Check the following script:
<URL:http://groups.google.fr/group/comp.lang.javascript/msg/6caa4b5950aae96c>

Edit the following three things:
- define "left:1%;top:1%" instead of "right:10%;top:10%",
- append "position:relative" inside "div#menu ul",
- substitute the setVisible function by the following one.

You can then adjust the step/interval parameters to your needs.

---
function setVisible(el,bVis){
var step=40;
var interval=10;
if(bVis){
el.style.display="";
el.style.left=(-(getAbsolutePosition(el).x+el.offsetWidth))+"px";
setTimeout(
function(){
var left=Math.min(0, parseInt(el.style.left)+step);
el.style.left=left+"px";
if(left!=0) {
setTimeout(arguments.callee, interval);
}
},
interval
);
}else
el.style.display="none";

function getAbsolutePosition(el){ // no borders, no overflows
var x=0, y=0;
do {
x+=el.offsetLeft|0;
y+=el.offsetTop|0;
el=el.offsetParent;
} while(el);
return {x:x,y:y};
}
}
---

HTH.
Sep 25 '06 #3

This discussion thread is closed

Replies have been disabled for this discussion.