دسته بندی و نمایش موضوعات [بایگانی]

maryam_f

شنبه 18 فروردین 1386, 15:42 عصر

سلام
من در بالای صفحه ام مثلا 3 تا (موضوع) لینک دارم که هر کدومشون شامل چند تا زیر دسته اند.حالا می خوام وقتی با موس روی هر یک از این لینک ها میرم، زیردسته های مربوط بهش که اونا هم هر کدوم یک لینک هستند نمایش داده بشه و کاربر بتونه هر کدوم رو انتخاب کنه، در صورتی که موس از روی هریک از موضوعات کنار رفت، دیگه زیردسته اش هم نمایش داده نشه. کسی میتونه کمکم کنه؟ خیلی ممنون میشم.

peyman1987

دوشنبه 20 فروردین 1386, 00:12 صبح

باید با جاوااسکریپت براش کدنویسی کنین اگه بگردین توی تاپیکهای قبلی خیلی در این مورد بحث شده.
برای راهنمایی هم میگم که باید از تگ Div ، خصوصیت visibility و رویدادهای onMouseOver و onMouseOut استفاده کنین.
اگه خودتون پیداش کنین تا ابد توی ذهنتون میمونه.

maryam_f

دوشنبه 20 فروردین 1386, 12:15 عصر

ممنون؛ اما نمی تونین کدش رو بهم بدین؟ مطمئن باشین یادم نمیره! خیلی ممنون می شم...

peyman1987

سه شنبه 21 فروردین 1386, 07:14 صبح

<HTML>
<HEAD>
<SCRIPT>
function ShowSubMenu(strObject)
{
var objObject = document.getElementById(strObject);
objObject.style.display = 'inline';
}
function HideSubMenu(strObject)
{
var objObject = document.getElementById(strObject);
objObject.style.display = 'none';
}
</SCRIPT>
</HEAD>
<BODY>
<TABLE Width=100 Align="Center">
<TR Align="Center">
<TD>
<P onMouseOver="ShowSubMenu('Link1');" onMouseOut="HideSubMenu('Link1');">Link1</P>
</TD>
<TD>
<P onMouseOver="ShowSubMenu('Link2');" onMouseOut="HideSubMenu('Link2');">Link2</P>
</TD>
<TD>
<P onMouseOver="ShowSubMenu('Link3');" onMouseOut="HideSubMenu('Link3');">Link3</P>
</TD>
<TD>
<P onMouseOver="ShowSubMenu('Link4');" onMouseOut="HideSubMenu('Link4');">Link4</P>
</TD>
</TR>
<TR Align="Center">
<TD>
<DIV Style="display:none" ID="Link1">
1<BR>2<BR>3
</DIV>
</TD>
<TD>
<DIV Style="display:none" ID="Link2">
4<BR>5<BR>6
</DIV>
</TD>
<TD>
<DIV Style="display:none" ID="Link3">
7<BR>8<BR>9
</DIV>
</TD>
<TD>
<DIV Style="display:none" ID="Link4">
10<BR>11<BR>12
</DIV>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>

این یه کد خیلی ساده از اینکار هست که میتونین روش کار کنین و به دلخواه خودتون تغییرش بدین.

alireza_farshid

جمعه 24 فروردین 1386, 03:39 صبح

راحت تر از این کار اینه که برای این کار شما برای هر کدوم از اینها ( زیرمنوها) یک لایه درست کنید و ویزیبیلیتی اون رو هاید کنید و با mouse over روی لینک منوی اصلی حالت visible لایه گفته شده به show تغییر کنه

ازاین هم راحتتر اینه که شما از برنامه Sothink DHTML menu bilder استفاده کنید که افکتهای بسیار زیبایی هم داره