select شدن منو در صفحه ی جاری

[e_a_23]

سلام
کد جی کوئری میخوام که وقتی مثلا در صفحه اصلی هستیم، توی منو اون گزینه ی صفحه اصلی یه جوری مشخص بشه مثلا رنگش تغییر کنه.

[دانیال دزفولی]

$(document).ready(function (e) {
$("li").click(
function () {
$("li").removeClass("active");
$(this).addClass("active");
})
});

[e_a_23]

توی کلاس active همون افکت هاور رو گذاشتم. عمل نکرد.

[دانیال دزفولی]

کد رو بده تا درستش کنم

[e_a_23]

کد منو رو بذارم؟ کافیه؟

[e_a_23]

www.hotelkade.com رو ببین. البته یه جاهاییش رو از جمله هاور رو اصلاح کردم که آپلودش نکردن. فقط اون چیزی که گفتم رو می خوام ببینم راهش چیه.

[دانیال دزفولی]

* حجمش زیاده






$(document).ready(function (e) {
$(".menuItem").click(
function () {
$(".menuItem").removeClass("active");
$(this).addClass("active");
})
});


<div class="menu">
<ul>
<li class="menuItem firstItem active"><a href="#">هتل کده</a></li>
<li class="menuItem mrgRight"><a href="#">لیست هتل ها</a></li>
<li class="menuItem"><a href="#">عضویت مسافران</a></li>
<li class="menuItem"><a href="#">راهنمای رزرو اتاق</a></li>
<li class="menuItem mrgRight margin"><a href="#">محدوده اعضا</a></li>
<li class="menuItem lastItem"><a href="#">ارتباط با ما</a></li>
</ul>
</div>

<style>

.active{
background:#33C;


}

</style>

[cancerr]

از url ادرس رو دریافت کنید . و split کنید . به منو ها هم آی دی بدین
با اون رشته که از url گرفتین . المنت رو سلکت کنید و به اون کلاس اکتیو رو بدین . البته این روش فقط برای html خالی خوبه
اگه سمت سرور هم دارید خیلی راحت تر و سریع تر از سمت سرور میشه کلاس درست رو اضافه کرد




var $id = document.URL.split("/")[1];
$("#" + $id + "").addClass('active');

[cancerr]

* حجمش زیاده






$(document).ready(function (e) {
$(".menuItem").click(
function () {
$(".menuItem").removeClass("active");
$(this).addClass("active");
})
});


<div class="menu">
<ul>
<li class="menuItem firstItem active"><a href="#">هتل کده</a></li>
<li class="menuItem mrgRight"><a href="#">لیست هتل ها</a></li>
<li class="menuItem"><a href="#">عضویت مسافران</a></li>
<li class="menuItem"><a href="#">راهنمای رزرو اتاق</a></li>
<li class="menuItem mrgRight margin"><a href="#">محدوده اعضا</a></li>
<li class="menuItem lastItem"><a href="#">ارتباط با ما</a></li>
</ul>
</div>

<style>

.active{
background:#33C;


}

</style>




منظور ایشون کلیک نیست . وقتی صفحه عوض شد میخواد او منویی که الان اون صفحه رفته اکتیو باشه

[دانیال دزفولی]

کدتون رو میشه تشریح کنید؟

[دانیال دزفولی]

منظور ایشون کلیک نیست . وقتی صفحه عوض شد میخواد او منویی که الان اون صفحه رفته اکتیو باشه

hum ...........

[e_a_23]

بازم نشد :(

[cancerr]

کجاش رو متوجه نشدین ؟
document.URL دریافت url
split جدا کردن رشته با هزچیزی که ما / بک اسلش نیاز داریم
[1] وقتی اسپلیت میکنید به آرایه تبدیل مشه .
دقیق نمی دونم شما خوته چندم رو نیاز دارید ولی آلرت بزنین اگه 1 اشتباه بود عوض کنید . توچه کنید جاوا اسکریپت زیرو بیس نیست یعنی از صفر شروع نمیشه

ادامه هم که مشخص هست
وقت این کد ها باید در


$(document).ready(function() {

//code

});

باشه

[cancerr]

بازم نشد :(

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

[e_a_23]

بله منظورم همونه که جناب cancerr گفتن.

[دانیال دزفولی]

سایت رو تو یه فایل زیپ بذارید بدین به ایشون

[e_a_23]

ایمیلتونو بدین تا بفرستم واستون.

[دانیال دزفولی]

برو براش پیام خصوصی بذار

[qartalonline]

معمولا برای تغییر ظاهر لینک انتخاب شده یه class به لینک اضافه میکنن و اضافه کردن class نیز معمولا در سمت سرور انجام میشه ولی اگه میخواین با jQuery یا JS انجام بدین باید آدرس صفحه رو پردازش کنید در صورت مطابقت کلاس مورد نظرتون رو به لینک اضافه کنید.

[cancerr]

بفرماید دوست عزیز
anushiravani@psi-co.net

یک روش دیگه به ذهنم اومد .
با دیتا . دیگه نیازی به آیدی و ادرس هم نیست

[refugee]

بفرماید دوست عزیز
anushiravani@psi-co.net

یک روش دیگه به ذهنم اومد .
با دیتا . دیگه نیازی به آیدی و ادرس هم نیست

سلام ؛

اگر امکانش است یک منو پیشفرض (دمو) درست کنید و این عمل رو روش اعمال کنید .

بقیه هم یاد بگیرن . اینجوری بهتر نیست ؟

تشکر

[cancerr]

سلام ؛

اگر امکانش است یک منو پیشفرض (دمو) درست کنید و این عمل رو روش اعمال کنید .

بقیه هم یاد بگیرن . اینجوری بهتر نیست ؟

تشکر

چرا بهتره فقط الان وفت نمی کنم 2تا پروژه بزرگ دارم .

فعلا این مقالامو بخونید بدرد می خوره . سوس کد هم داره

با این 15 کد استایل های خود را متحول کنید (psi-co.net/blog/posts/15-LESS-CSS-Examples-You-Should-Steal-for-Your-Projects)

[e_a_23]

اصولا این کار بر عهده برنامه نویسه یا طراح؟

[qartalonline]

بر عهده برنامه نویس هستش.