PDA

View Full Version : سوال: تعیین صفحه جاری در منوی اصلی سایت؟



shahab2005
چهارشنبه 24 مهر 1387, 18:05 عصر
اگه یک منو با css طراحی کنیم و در header سایت در مسترپیج قرار دهیم.
و یک خصوصیات li آن را مثلا current بدهیم با نمای متفاوت از سایر گزینه های منو.
چه طور می تونیم اگه از مثلا صفحه اصلی که گزینه منوش current هست، صفحه درباره ما را زدیم این خاصیت Curent به اون منتقل بشه و معلوم بشه در صفحه درباره ما هستیم. یه چیزی مثل Tab ولی خود همین منو :لبخندساده:

#menuu ul li#current a {ackground: url(Images/Top/menu-current-bg.gif) repeat-x;

<li id="current"><a href="#></a>Home</li>
<li><a href="#"></a>About US</li>

kiosksoft
چهارشنبه 24 مهر 1387, 18:09 عصر
دوست عزیز از چه منویی استفاده کردید ؟ جاوا اسکریپت ؟ یا منوی خود دات نت ؟ یا .. ؟

shahab2005
چهارشنبه 24 مهر 1387, 18:15 عصر
خودم کدشو نوشتم از سمپل های css استفاده کردم
20 خط کد css داره با 5 خط کد html قسمت بارزش هم قرار دادم. از منو دات نت و جاوا غیره هم استفاده نکردم. ولی شستم خبر دار شد که برای این کارم باید از جاوا اسکریپت استفاده کنم چون این منو سمت کلاینت هست و نباید کدسروری داشته باشه. حالا اگه یکی کد جاوااسکرپیتشو کمک کنه. فکر کنم حل بشه ؟ :خجالت:

kiosksoft
چهارشنبه 24 مهر 1387, 18:43 عصر
خوب پس یه css تعریف کن مثلا با افکت خاص .

بعد بیا با جاوا اسریپت صفحه ی جاری رو چک کن با هر کدام از آیتمها برابر بود این css رو بهش بده .

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

ضمنا اگه میخوای سمت سرور باشه میتونی از session استفاده کنی.من خودم این کار رو کردم .چون منو رو خودم ساختم و اینکه تو هر آیتم کد نویسی خاصی رو برای انجام عملیات انجام دادم .

shahab2005
چهارشنبه 24 مهر 1387, 18:47 عصر
لطف می کنی کدجاوااسکریپتشو خودتو بذاری: لبخندساده:
این که چه جوری صفحه جاری و چک می کنه و بعدش چه طوری اون فایل css رو با جاوااسکریپت مقداردهی می کنیم

kiosksoft
چهارشنبه 24 مهر 1387, 18:56 عصر
خوب این برای تعیین صفحه جاری :

var sPath = window.location.pathname;
var sPage = sPath.substring(sPath.lastIndexOf('/') + 1);
alert(sPage);

kiosksoft
چهارشنبه 24 مهر 1387, 19:04 عصر
این هم کد نشان دادن موقعیت با رنگی دیگر .
<div onclick = "document.getElementById('div1').style.background=' red';" >Click me</div>

موفق باشید