سوال: ساخت منو با قابلیت مشخص بودن گزینه انتخاب شده [بایگانی]

malloc

شنبه 19 اسفند 1391, 22:01 عصر

سلام دوستان من.

یه سوال داشتم که خوب فکر میکنم برای شما عزیزان حرفه ای خیلی ساده باید باشه.
میخوام یه منو مثل عکس زیر داشته باشم .
101178

کدهای زیر رو هم زدم :

<ul class="hmenu">
<li><a id="1" href="#" class="active">Main</a></li>
<li><a id="2" href="#">Find A Car</a></li>
<li><a id="3" href="#">Sell Your Car</a></li>
<li><a id="4" href="#">Articles</a></li>
<li><a id="5" href="#">Customers Say</a></li>
<li><a id="6" href="Default2.aspx">Contact Us</a></li>
</ul>

من یه کلاس تو css دارم به نام active که استایل رو به گزینه فعال میده . حالا من چه کدی و کجا بزنم که وقتی یه گزینه دیگه رو انتخاب کردم کلاس active برای اون گزینه فعال بشه .

اگه منظورمو متوجه نشدی بگید بیشتر توضیح بدم

omid_student

شنبه 19 اسفند 1391, 22:16 عصر

سلام
چندتا راه دارین
میتونین با جی کوئری خاصیت کلاس هر گزینه رو تغییر بدید
میتونید توی سی اس اس بنویسید لینک هایی که ویزیت شده اند اکتیو شن
میتونی توی هر صفحه لینک مربوطه رو فعال کنی که رایج ترینش همینه

malloc

شنبه 19 اسفند 1391, 22:20 عصر

ممنون که زود جواب دادید/
خوب دوست عزیز من میدونم این روش سوال پرسیدن من اشتباهه.
اما من کدهاشو اصلا بلد نیستم.
در رابطه با گزینه هایی هم که گفتید گزینه سوم رو نمیشه اجرا کرد چون با منطق مسترپیج کد میزنیم نمیتونم تو هر صفحه اونکارو بکنم چون منو فقط تو صفحه مستر پیج نوشته شده

حالا اگه ممکنه یه نمونه خیلی خیلی ساده(که اگه با جی کووری باشه خیلی بهتره) رو به عنوان نمونه برای من بزارید که متوجه بشم.

ممنون میشم کمک کنید

Mohsen.

شنبه 19 اسفند 1391, 23:21 عصر

این کارها رو باید با زبان سمت سرور انجام بدید. به این صورت که هر کدام از صفحه ها که بود منوی مربوط به اون رو کلاس active بهش بدید و چون توی CSS تعریف شده است خودش فعال میشه.

behrozi.ir

شنبه 19 اسفند 1391, 23:36 عصر

سلام
قالب های که با نرم افزار آرتیستر 3 تولید میشوند دارای منوهایی بدین شکل هستند
میتوانید در این نرم افزار یک قالب تولید کنید و سپس کدهای مربوط را تحلیل کنید که از چه تکنیکی استفاده کرده.

malloc

شنبه 19 اسفند 1391, 23:50 عصر

دوست عزیز نرم افزار ارتیستر از همون روش سوم که دوستمون گفت استفاده میکنه که بدرد من نمیخوره چون من مسترپیج دارم

دوستان من میدونم که همتون حداقل یه مورد تو این زمینه کار کردید . اگه میشه یه نمونه کد بزارید . نا سلامتی همکاریم . انقد تو پخش کردن چیزی که بلدید خساست به خرج ندید.

malloc

یک شنبه 20 اسفند 1391, 01:17 صبح

ممنون دوست عزیز

اینم نمونه . ممنون میشم کمکم کنی

101187

tamafi6

یک شنبه 20 اسفند 1391, 12:40 عصر

دوست عزیزازjquery میتونی کمک بگیری ازاین روش استفاده کن

<html>
<head>
<style>
* { margin: 0; padding: 0; }
body { font: 14px Georgia, serif; }
.menu {
text-align: center;
list-style: none;
margin: 200px auto;
padding: 0;
line-height: 28px;
height: 30px;
overflow: hidden;
font-size: 16px;
position: relative;
}
.menu li {
background: #bbb;
display: inline-block;
position: relative;
margin: 0 -5px;
padding: 0 20px;
border:1px solid #000;
}
.menu li:hover {
background: #999933;
}
.menu a {
color: #fff;
text-decoration: none;
}
.menu li.selected {
background: #999933;
color: #000;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
$(function() {
$("li").click(function(e) {
e.preventDefault();
$("li").removeClass("selected");
$(this).addClass("selected");
});
});
</script>
</head>
<body>
<ul class="menu">
<li class="selected"><a href="#">Main</a></li>
<li><a href="#">Find A Car</a></li>
<li><a href="#">Sell Your Car</a></li>
<li><a href="#">Articles</a></li>
<li><a href="#">Customers Say</a></li>
<li><a href="Default2.aspx">Contact Us</a></li>
</ul>
</body>
</html>

Mohsen.

یک شنبه 20 اسفند 1391, 15:32 عصر

بحث بحث خساست نیست.
اول اینکه همه دوستان اونقدر تایم ندارند. دوما نمیدونم چرا بعضی ها همه کارها رو میخوان مثل آب خوردن انجام بدن. دوستان راهنمایی میکنند. شما باید دنبالش باشید اگه توی کد نوشتن دوباره به مشکل برخوردید بیاید بگید. نه اینکه از همون اول تقاضای کد آماده بکنید.

malloc

یک شنبه 20 اسفند 1391, 21:40 عصر

بحث بحث خساست نیست.
اول اینکه همه دوستان اونقدر تایم ندارند. دوما نمیدونم چرا بعضی ها همه کارها رو میخوان مثل آب خوردن انجام بدن. دوستان راهنمایی میکنند. شما باید دنبالش باشید اگه توی کد نوشتن دوباره به مشکل برخوردید بیاید بگید. نه اینکه از همون اول تقاضای کد آماده بکنید.
دوست عزیز اینی که شما میگید و من متوجه هستم اما هرکس بسته به کاری که میکنه انتظار داره . من همیشه اگه چیزی و بلد باشم نمونه کد میزارم . پس همین انتظار و هم دارم . ضمنا منم سره کار میرم .
ولی خوب معذرت میخوام که جسارتی کردم خدمته اساتید گرامی