-
کمک در ساخت منو
سلام من این کد رو گرفتم از این انجمن ولی وقتی میزارمش تو وبم میره بالا سمت راست نمیشه کاریش مرد که بیاد اونجایی که میخوام؟
یه سوال دیگه کسی میدونه چطوری میشه یه منوی زیرمجموعه دار یا تو این مایه ها درست کرد؟ اگه تو انجمن هست بهم ادرسش رو بدید
با تشکر
کد:
<html>
<head>
<title>First menu</title>
<style>
.curhand{cursor:hand}
</style>
<script language="javascript">
function displayit(paragraph,title,imgmenu){
if (document.all[paragraph].style.display=='none')
{document.all[paragraph].style.display="block";
document.all[imgmenu].src="arrow_u2.jpg"}
else {document.all[paragraph].style.display="none";
document.all[imgmenu].src="arrow_d2.jpg"}
}
function setoverstyles(paragraph,imgmenu,title){
if (document.all[paragraph].style.display=='none')
{document.all[imgmenu].src="arrow_d2.jpg";
document.all[title].style.textDecorationUnderline='true'}
else {document.all[imgmenu].src="arrow_u2.jpg";
document.all[title].style.textDecorationUnderline='true'}
}
function setoutstyles(paragraph,imgmenu,title){
if (document.all[paragraph].style.display=='none')
{document.all[title].style.textDecoration='none';
document.all[imgmenu].src="arrow_d1.jpg"}
else {document.all[imgmenu].src="arrow_u1.jpg";
document.all[title].style.textDecoration='none'}
}
sw=0;
function displayall(){
if (sw==0) {swall.innerText="Hide all";document.all['x'].style.display='block';sw=1;
for (i=1;i<=5;i++)
{ xmenu='menu'+i ; ximg='imgmenu'+i ;
if (document.all[xmenu].style.display=='none')
{document.all[xmenu].style.display="block";document.all[ximg].src="arrow_u1.jpg"}}}
else {swall.innerText="Show all";document.all['x'].style.display='none';sw=0;
for (i=1;i<=5;i++)
{xmenu='menu'+i;ximg='imgmenu'+i;
if (document.all[xmenu].style.display=='block')
{document.all[xmenu].style.display="none";document.all[ximg].src="arrow_d1.jpg"}}}
}
function displayinline(text){
if (document.all[text].style.display=="none"){document.all[text].style.display="inline"}
else {document.all[text].style.display="none"}
}
</script>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
<tr>
<td width="598" height="28">
<p align="left">
<span id="swall" onmouseover="this.style.textDecorationUnderline='t rue'" onmouseout="this.style.textDecoration='none'" class="curhand" onclick="displayall()">
Show all</span></td>
<td width="93" height="28">
<p align="right">
</td>
</tr>
</table><br>
<p id='x' style="display:none"></p>
<div onmouseover="setoverstyles('menu1','imgmenu1','tit le1')" onmouseout="setoutstyles('menu1','imgmenu1','title 1')" class="curhand" onclick="displayit('menu1','title1','imgmenu1')" id="title1" style="position:static; width:83; height:19">
<img id="imgmenu1" border="0" src="arrow_d1.jpg" width="12" height="12">First
menu</div>
<blockquote>
<span id="menu1" style="display:none; width: 140">Item 1<br>
Item 2<br>
Item 3<br>
Itrm 4<br>
Item 5<br>
Item 6<br>
Item 7</span>
</blockquote>
<p></p>
<div onmouseover="setoverstyles('menu2','imgmenu2','tit le2')" onmouseout="setoutstyles('menu2','imgmenu2','title 2')" class="curhand" onclick="displayit('menu2','title2','imgmenu2')" id="title2" style="position:static; width:100; height:4">
<img id="imgmenu2" border="0" src="arrow_d1.jpg" width="12" height="12">Second
menu</div>
<p></p>
<blockquote>
<span id="menu2" style="display:none; width: 140">Item 1<br>
Item 2<br>
Item 3<br>
Item 4<br>
Item 5<br>
Item 6<br>
Item 7</span>
</blockquote>
<p></p>
<div onmouseover="setoverstyles('menu3','imgmenu3','tit le3')" onmouseout="setoutstyles('menu3','imgmenu3','title 3')" class="curhand" onclick="displayit('menu3','title3','imgmenu3')" id="title3" style="position:static; width:84; height:19">
<img id="imgmenu3" border="0" src="arrow_d1.jpg" width="12" height="12">Third
menu</div>
<p></p>
<blockquote>
<span id="menu3" style="display:none; width: 140">Item 1<br>
Item 2<br>
Item 3<br>
Item 4<br>
Item 5<br>
Item 5<br>
Item 6</span>
</blockquote>
<p></p>
<div onmouseover="setoverstyles('menu4','imgmenu4','tit le4')" onmouseout="setoutstyles('menu4','imgmenu4','title 4')" class="curhand" onclick="displayit('menu4','title4','imgmenu4');" id="title4" style="position:static; width:93; height:19">
<img id="imgmenu4" border="0" src="arrow_d1.jpg" width="12" height="12">Fourth
menu</div>
<p></p>
<blockquote>
<span id="menu4" style="display:none; width: 140">
Item 1<br>
Item 2<br>
Item 3<br>
Item 4<br>
Item 5<br>
Item 6</span>
</blockquote>
<p></p>
<div onmouseover="setoverstyles('menu5','imgmenu5','tit le5')" onmouseout="setoutstyles('menu5','imgmenu5','title 5')" class="curhand" onclick="displayit('menu5','title5','imgmenu5')" id="title5" style="position:static; width:80; height:19">
<img id="imgmenu5" border="0" src="arrow_d1.jpg" width="12" height="12">Fifth
menu</div>
<p></p>
<blockquote>
<span id="menu5" style="display:none; width: 140">
Item 1<br>
Item 1<br>
Item 2<br>
Item 3<br>
Item 4<br>
Item 5</span>
</blockquote>
</body>
</html>
