مشکل در استفاده از منوهای جی کوئری در مسترپیج

[alighorbanip]

با سلام
من می خواهم از یک منوی jquery در صفحات سایتم استفاده کنم.برای مثال اگر منوی من سه صفحه باعنوان های صفحه اصلی و تماس با ما و درباره ما داشته باشد ،در حالتی که از مسترپیچ استفاده نکنم وقتی وارد صفحه تماس با ما می شوم در منو بخش تماس با ما به صورت برجسته و با رنگی متفاوت نمایش داده می شود و در صفحات دیگر نیز اینچنین است.
ولی در صورتی که بخواهم منو را در مستر پیج قرار دهم دیگر این خاصیت از بین می رود.
با content place holder هم کار کردم ولی نشد.
مشکل اینه که <li class="current_page_item"> دقیقا باید به چه صورت و در کجا عمل بشه؟
دوستان لطفا راهنمایی کنید.

[parvizwpf]

مطمئنید که مستر پیج به اطلاعات حاوی کدهای css دسترسی صحیحی داره؟ اگه این کار داره توی صفحات درست انجام میشه پس نباید تو مستر فرقی کنه مگر مشکل آدرس دهی فایلهای css

[forestasphalt]

این کار با جاواسکریپت یا جی کوئری قابل حل هست
مثلا



<script src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function () {

var Active = $('a[href^="AboutUs.aspx"]');
$(Active).parent().addClass("active");
});
</script>

این کد رو در صفحه مثلا aboutus قرار بده میاد میاد میگه مثلا اگه تگ a وجود داشت که با href=aboutus شروع شده بود بیا به کلاس پدرش که معمولا li هست فلان کلاس رو اضافه کن

[alighorbanip]

<li> <a href="index.aspx" title=""> صفحه اصلي </a> <span> </span>
<ul>
<li> <a href="index1.aspx" title=""> زيرمنو1 </a> </li>
<li> <a href="index2.aspx" title=""> زيرمنو2 </a> </li>
<li> <a href="index3.aspx" title=""> زيرمنو3 </a> </li>
<li> <a href="index4.aspx" title=""> زيرمنو4 </a> </li>
</ul>
</li>

<li> <a href="about.aspx" title=""> درباره ما </a> <span> </span> </li>

<li> <a href="contact.aspx" title=""> تماس با ما </a> <span> </span> </li>


کد بالا رو در مستر پيج وارد کردم اگر بخوام اين کلاس class="current_page_item" براي تک تک صفحات در نظر گرفته بشه به چه صورت ميشه عمل کرد با کد جاوا اسکريپتي که نوشتيد؟

[forestasphalt]

این کد رو در صفحه about بنویس


<script src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function () {

var Active = $('a[href^="about.aspx"]');
$(Active).parent().addClass("active");
});
</script>


این کد در صفحه contact بنویس


<script src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function () {

var Active = $('a[href^="contact.aspx"]');
$(Active).parent().addClass("active");
});
</script>

یادت باشه اون سلکتوری که برای active نوشتیم بر روی همه تگ های a که دارای href مربوطه هستن اعمال میشه اگه میخوای فقط به منوی خودت مربوط بشه اینجوری بنویس


#menu li a ...

#menu آیدی ul مورد نظره شما که منوی بالای صفحه هست میباشد

[alighorbanip]

دوست عزیز درست نشد. من میخوام وقتی وارد هر صفحه مثلا "صفحه اصلی" شدم منو همون صفحه رنگش با سایر منوها تغییر کنه. در صفحات html که باز میکنم کلاس class="current_page_item" که در هر قسمت از منو باشه رنگی میشه ولی چون در asp.net منوهارو در مسترپیج قرار دادم نمیدونم باید کلاس class="current_page_item" رو به چه صورت در نظر بگیرم.
لطفا بیشتر راهنمایی کنید.

[forestasphalt]

نمونه صفحات رو برام یه جاآپلود کن تا برات درست کنم