PDA

View Full Version : Highlight current page



b.paseban
شنبه 16 بهمن 1389, 15:07 عصر
با عرض سلام خدمت تمامی دوستان. باید چه تنظیماتی روی این منو انجام داد تا لینک کنونی در منو با بقیه لینک ها متفاوت باشه؟

65981

b.paseban
شنبه 16 بهمن 1389, 18:56 عصر
اساتید؟
:متفکر:؟

hossin.esm
شنبه 16 بهمن 1389, 21:16 عصر
با css تنها نمی شه این کار رو کرد
میتونید با css یک کلاس بسازید که مشخص کننده لینک جاری باشه.
مثلا

.current{background-color:#09C;};
بعد طرف سرور چک کنید اگر url برابر لینک جاری بود این کلاس را به ان اضافه کنید.

Javad.Kashi
شنبه 16 بهمن 1389, 22:54 عصر
سلام دوست عزیز
فعلا راهی که به ذهنم می رسه برای وقتیه که می خوای از master page استفاده کنی به این صورت که داخل آن این کدها را وارد کنی:


<div class="menu">
<ul>
<li><a href="#" id="homeMenu" onclick="makeCurrent('#home')">خانه</a></li>
<li><a href="#" id="contactMenu" onclick="makeCurrent('#contact')">ارتباط با ما</a></li>
<li><a href="#" id="historyMenu" onclick="makeCurrent('#history')">تاریخچه سایت</a></li>
<li><a href="#" id="productMenu" onclick="makeCurrent('#product')">محصولات</a></li>
<li><a href="#" id="aboutMenu" onclick="makeCurrent('#about')">درباره ما</a></li>
</ul>
</div>

و بعد هم کد javascript(with Jquery) را وارد می کنی .این طوری :


<script type="text/javascript">
function makeCurrent(page) {
var menu = page + 'Menu';
$('#menu li a').removeClass('active');
$(menu).addClass('active');
}
</script>

اگر مشکلتون این طوری هم حل نمی شود بگید تا مطلب از طرف دوستان ادامه داشته باشه

یا علی

b.paseban
یک شنبه 17 بهمن 1389, 12:42 عصر
با تشکر از دوستان گرامی.
اگر با css میتونید راهنمایی کنید بهتره (من کد منو رو ضمیمه کردم داخل اون تغییرات رو اعمال کنید ممنون میشم)
اگر با css باشه بهتره به اندازه کافی از جاوا استفاده کردم و فکر نمی کنم جواب بده.(از جاوا نمی خوام استفاده کنم)
کدی دارین که یه منوی افقی باشه و این امکان رو برای منو فراهم کنه؟

b.paseban
دوشنبه 18 بهمن 1389, 14:11 عصر
کسی نیست راهنمایی کنه؟

hamiii
دوشنبه 18 بهمن 1389, 14:19 عصر
فقط زمانی میتونید تنها از css بهره ببرید که چند صفحه محدود داشته باشید و برای هر کدوم یه استایل جداگانه در نظر بگیرید.
ساده ترین راه استفاده از جاوااسکریپت است.نیازی هم به استفاده از جی کوئری نیست چون باید برای یه کار کوچیک یه کتابخانه 71 کیلوبایتی هم ضمیه هِدرتون کنید.
کد جاواش هم دقیقا عین کدی که برای تب ها استفاده میشه. تو همین تالار زیاد در موردش بحث شده.

موفق باشی
یاعلی