ورود

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



shahab2005
چهارشنبه 24 مهر 1387, 18:09 عصر
اگه یک منو با 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>

org.kiani
پنج شنبه 25 مهر 1387, 20:10 عصر
سلام دوست عزیز،
بهتره اینکار رو در سمت سرور انجام بدید، با php ،asp.net ،cgi یا یه چیز دیگه!
این کد رو من تست کردم، درست جواب داد. نمی دونم همه جا درست عمل می کنه یا نه!


<script type="text/javascript">

var pageNames = new Object();
pageNames[ 'about' ] = 'about.html';
pageNames[ 'contact' ] = 'contact.html';
pageNames[ 'home' ] = 'index.html';

var pagePathName = location.pathname.split( "/" );
var pageName = pagePathName[ pagePathName.length - 1 ];
if( pageName == "" ) {
pageName = 'index.html';
}

for( i in pageNames ) {
if( pageName == pageNames[ i ] ) {
document.writeln( '<li id="current"><a href="' + pageNames[ i ] + '">' + i + '</a></li>' );
} else {
document.writeln( '<li><a href="' + pageNames[ i ] + '">' + i + '</a></li>' );
}
}

</script>


اگه احیانا کمبودی یا مشکلی داره مطرح کنید. امیدوارم بدردتون بخوره.