/    Sign up×
Community /Pin to ProfileBookmark

What is this ?

Copy linkTweet thisAlerts:
Jul 27.2005

I want to “duplicate” the “sliding” menu on the bottom of this page ( [COLOR=Plum][URL=http://www.hedkandi.com/]http://www.hedkandi.com/[/URL][/COLOR] ) but instead of flash i want it in Javascript, unfortunetly i don’t know what it’s called so i can’t search for it, does anyone know what the menu is called or how i search for it or a URL were i can download the script?

Thankful for any help you could give 😮
Orchide

to post a comment
JavaScript

4 Comments(s) ↴

Copy linkTweet thisAlerts:
@BigMoosieJul 27.2005 — Looks like something you would have to write yourself. Seems a little too obscure to easily find a generic script for.
Copy linkTweet thisAlerts:
@orchideauthorJul 27.2005 — Looks like something you would have to write yourself. Seems a little too obscure to easily find a generic script for.[/QUOTE]

But isn't there any script that has the same funtion that i can base my script on cause i don't even know were to start ... i need something that is similar to be able to write one ...isn't there any script were you move object by pressing anything linked ? :eek: ?
Copy linkTweet thisAlerts:
@KorJul 27.2005 — here a simple example
[code=php]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<style type="text/css">
<!--
#menu {
position:relative;
font-family: Arial, Helvetica, sans-serif;
width:100px;
}
a {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
}
a:visited {
color: #000000;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
subcol='#e5e5e5';//set here the sublinks bgcolor
indent=5;//set here the left sublinks indent in pixels
function coll(){
var dd=document.getElementById('menu').getElementsByTagName('div');
for (var i=1;i<dd.length;i=i+2){
dd[i].style.position='relative';
dd[i].style.display='none';
dd[i].style.backgroundColor=subcol;
dd[i].style.left=indent+'px';
}
}
function activ(w){
var d=w.parentNode.getElementsByTagName('div')[0];
if(d.style.display=='none'){coll();d.style.display='inline'}
else{d.style.display='none'}
return false
}
onload=coll;
</script>
</head>
<body>
<!-- Menu -->
<div id="menu">
<!-- Link1 -->
<div> <a href="#" onclick="activ(this)">LINK 1</a><br>
<div> <a href="#" >sub 1.1</a><br>
<a href="#" >sub 1.2</a> </div>
</div>
<!-- END Link1 -->
<!-- Link2 -->
<div> <a href="#" onclick="activ(this)">LINK 2</a><br>
<div> <a href="#" >sub 2.1</a><br>
<a href="#" >sub 2.2</a><br>
<a href="#" >sub 2.3</a> </div>
</div>
<!-- END Link2 -->
<!-- Link3 -->
<div> <a href="#" onclick="activ(this)">LINK 3</a><br>
<div> <a href="#" >sub 3.1</a><br>
<a href="#" >sub 3.2</a> </div>
</div>
<!-- END Link3 -->
</div>
<!-- END Menu -->
</body>
</html>
[/code]
Copy linkTweet thisAlerts:
@orchideauthorJul 27.2005 — here a simple example
[code=php]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<style type="text/css">
<!--
#menu {
position:relative;
font-family: Arial, Helvetica, sans-serif;
width:100px;
}
a {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
}
a:visited {
color: #000000;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
subcol='#e5e5e5';//set here the sublinks bgcolor
indent=5;//set here the left sublinks indent in pixels
function coll(){
var dd=document.getElementById('menu').getElementsByTagName('div');
for (var i=1;i<dd.length;i=i+2){
dd[i].style.position='relative';
dd[i].style.display='none';
dd[i].style.backgroundColor=subcol;
dd[i].style.left=indent+'px';
}
}
function activ(w){
var d=w.parentNode.getElementsByTagName('div')[0];
if(d.style.display=='none'){coll();d.style.display='inline'}
else{d.style.display='none'}
return false
}
onload=coll;
</script>
</head>
<body>
<!-- Menu -->
<div id="menu">
<!-- Link1 -->
<div> <a href="#" onclick="activ(this)">LINK 1</a><br>
<div> <a href="#" >sub 1.1</a><br>
<a href="#" >sub 1.2</a> </div>
</div>
<!-- END Link1 -->
<!-- Link2 -->
<div> <a href="#" onclick="activ(this)">LINK 2</a><br>
<div> <a href="#" >sub 2.1</a><br>
<a href="#" >sub 2.2</a><br>
<a href="#" >sub 2.3</a> </div>
</div>
<!-- END Link2 -->
<!-- Link3 -->
<div> <a href="#" onclick="activ(this)">LINK 3</a><br>
<div> <a href="#" >sub 3.1</a><br>
<a href="#" >sub 3.2</a> </div>
</div>
<!-- END Link3 -->
</div>
<!-- END Menu -->
</body>
</html>
[/code][/QUOTE]

Thank you ?

Of course i will ..i have a cousin in cluj napoka ?
×

Success!

Help @orchide spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.20,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...