Добро пожаловать, Гость. Пожалуйста, выберите Вход или Регистрация
Привет.лв Главная Справка Поиск Вход Регистрация
Страниц: 1
Печать Bookmark and Share
Удалить этот блок рекламы?
Удали рекламу
Einplac Cms - Выделенный пункт меню (Прочитано 4700 раз)
Ivan34
Никем не отмечен
*
Вне Форума

Я люблю
www.privet.lv

Сообщений: 35

Пол: male
Einplac Cms - Выделенный пункт меню
04.11.2012 :: 18:56:13
 
Добрый день,

Вот сталкнулся с такой ситуацией, когда хотелось бы что бы выделенный пункт меню выделялся.
По стандарту в einplac cms при навидении на категорию меню, он меняет цвет, а вот когда нажимаешь на категорию не оставляет его выделенным. Впринципе в html + css я мог такое реализовать, а вот возможно его реализовать через ява или тут можно как-то по другому?

Спасибо, за отзывчивать.
Наверх
 
 
  IP записан
Ramzies
Администратор
*****
Вне Форума

Все что случается
имеет причину.

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Re: Einplac Cms - Выделенный пункт меню
Ответ #1 - 04.11.2012 :: 22:43:42
 
По моему я где-то что-то подобное уже писал на форуме. К сожалению не смог найти той темы. Насколько я понял вы хотите как-то выделить раздел в навигации в котором находится посетитель. Это можно сделать но там не так все просто. Самое простое что сейчас приходит в голову это открыть навигацию Код:
	  <ul id="menu">
	    <li><a href="./">Home</a></li>
	    <li><a href="./?page=tutorials">Tutorials</a></li>
	    <li><a href="./?page=forum">Forum</a></li>
	    <li><a href="./?page=social">Social Networks</a></li>
	    <li><a href="./?page=about">About Us</a></li>
	    <li><a href="./?page=contact">Contact Us</a></li>
	  </ul> 



и каждому li добавить свой class, который равен названию страницы, вот так Код:
	  <ul id="menu">
	    <li><a href="./">Home</a></li>
	    <li class="tutorials"><a href="./?page=tutorials">Tutorials</a></li>
	    <li class="forum"><a href="./?page=forum">Forum</a></li>
	    <li class="social"><a href="./?page=social">Social Networks</a></li>
	    <li class="about"><a href="./?page=about">About Us</a></li>
	    <li class="contact"><a href="./?page=contact">Contact Us</a></li>
	  </ul> 




А далее просто через JavaScript смотрим какая у нас страница открыта - она равна нашему добавленному class в li, и присваиваем этому классу, дополнительный класс. То есть вот так Код:
  <script type="text/javascript">
	 $(document).ready(function() {
	 $("."+window.location.search.substring(6)).addClass("active");
	});
  </script> 




Не забудьте в css файле создать новый class под названием active, - в нем будут стили раздела в котором находится посетитель, например Код:
.active {background:#ff6600;} 



Этот JavaScript должен работать с стандартными ссылками. Но насколько я помню вы используете ЧПУ - ссылки без "./?page=", у вас этот код работать не будет.
Попробуйте использовать вот такой Код:
  <script type="text/javascript">
	 $(document).ready(function() {
	 $("."+window.location.search).addClass("active");
	});
  </script> 


В 100% работоспособности его не уверен, попробуйте.
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...
WWW Ramzies renat2985   IP записан
Ivan34
Никем не отмечен
*
Вне Форума

Я люблю
www.privet.lv

Сообщений: 35

Пол: male
Re: Einplac Cms - Выделенный пункт меню
Ответ #2 - 04.11.2012 :: 23:24:21
 
неа, не работает. И так и сяк пробывал. Я пока что ЧПУ не включал. Просто любопытствовал за ранее.

На форуме везде смотрел, было только выподающее меню: Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!

ну там впринципе всё понятно. А как зафиксировать выбранное.. вот в чем вопрос
Наверх
 
 
  IP записан
Ramzies
Администратор
*****
Вне Форума

Все что случается
имеет причину.

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Re: Einplac Cms - Выделенный пункт меню
Ответ #3 - 05.11.2012 :: 09:30:27
 
Цитата:
неа, не работает. И так и сяк пробывал. Я пока что ЧПУ не включал. Просто любопытствовал за ранее.


Сейчас проверил у себя. Все работает. Видимо что-то вы не туда вставили. Возможно JavaScript, я забыл написать ранее, его нужно в ваш *.tpl файлик добавлять, желательно сразу после тега <body>.

Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...
WWW Ramzies renat2985   IP записан
Ivan34
Никем не отмечен
*
Вне Форума

Я люблю
www.privet.lv

Сообщений: 35

Пол: male
Re: Einplac Cms - Выделенный пункт меню
Ответ #4 - 05.11.2012 :: 14:02:58
 
Страно, делал всё по шагово. Даже на исходном шаблоне, который уже идет с цмс. Нет ни какой реакции =(.


Сегодня опять всё проделал несколько раз на чистой Einplac cms без результатов. =(
Наверх
 
« Последняя редакция: 06.11.2012 :: 09:14:53 от Ramzies »  
  IP записан
Ramzies
Администратор
*****
Вне Форума

Все что случается
имеет причину.

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Re: Einplac Cms - Выделенный пункт меню
Ответ #5 - 06.11.2012 :: 09:14:34
 
Я вам не смогу помочь без ссылки на ваш сайт. Т.к. к сожалению не вижу что и как вы там сделали.
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...
WWW Ramzies renat2985   IP записан
Ramzies
Администратор
*****
Вне Форума

Все что случается
имеет причину.

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Re: Einplac Cms - Выделенный пункт меню
Ответ #6 - 03.02.2013 :: 22:35:22
 
Предложенных выше 2 примера не работают с мультиязычными сайтами.
Сегодня пришло в голову еще 1 решение, которое хорошо работает как с ЧПУ ссылками так и с стандартными и с мультиязычными сайтами.

Код:
 <script type="text/javascript">
	 $(document).ready(function() {
	 $(".<?php echo $page; ?>").addClass("active");
	});
  </script>  

Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...
WWW Ramzies renat2985   IP записан
Страниц: 1
Печать Bookmark and Share
www.privet.lv

Privet.lv/forum » Powered by YaBB 2.2.3 (fix)!
YaBB © 2000-2012. Все права защищены.
Valid RSS Valid XHTML Valid CSS Powered by Perl Source Forge