Как сделать Выбор физического раздела с помощью селект с отображением выбранного раздела, если компонент в шаблоне страницы, как стандартное меню?

Question

[Askfortrue]

Здравствуйте!
Подскажите, есть ли такая возможность организовать меню, то есть навигацию по физическим разделам с помощью селект, с тем условием, чтобы запоминался выбранный раздел после перезагрузки.
Сделал подобное из меню, работает, но не запоминает, на примере vertical multilevel пробовал играться с SELECTED, но ничего не выходит ввиду отсутствия таких знаний и практики. Там, насколько я понял SELECTED присваивается css стиль, он выделяется, но по поводу чтобы он сохранялся в селекте я не додумался, но это скорее всего не в том направелнии.
Цикл не могу сделать, хоть и по примерам, но я чего-то не понимаю пока.
Почему выбрал для этого Меню - потому что можно организовать разное меню, и получается удобная навигация и вроде как не сильно пострадал стандартный компонент. Вот как запомнить выбранную позицию, не могу понять, помогите.

Answer 1

[Кирилл Прогер]

для начало давай сделаем пример html который будет в шаблоне меню

<select id="cd-dropdown" class="cd-select" onchange="top.location=this.value">
        <option value="http://site.ru/papka/silka.html">Выбери меня</option>
        <option value="http://site.ru/papka/silka1.html">Выбери меня 1</option>
        <option value="http://site.ru/papka/silka2.html">Выбери меня 2</option>
      </select>

Тут мы организуем переход по страницам.

Дальше берем Битрикс АПИ
$silka = $APPLICATION->GetCurDir();

которая нам даст получить страницу на которой мы находимся после этого делаем проверку в шаблоне
Если $silka == "ссылки из меню (переменую)" то вставляем в тег option значения selected
что нам даст выбраны элемент

логику я тебе всю расписал, осталось только собрать шаблон компонента меню

Comments

[Askfortrue]

Здравствуйте, а не могли бы вы написать свежий примерчик на коленке.
В битрикс АПИ я пока не могу сообразить.
Вызывает вопрос первая строка
$silka = $APPLICATION->GetCurDir(); , ее начало <? - такое?
далее

<if $silka == "<?=$arResult["ALL_ITEMS"][$itemID]["LINK"]?>

- тут само собой вопрос, как оформить эту переменную, потмоу что эта взята прямо из кода компонента и она там таким образом отображается. И есть ли знаки перед и после $silka , то есть ковычки или одинарные ковычки.
Ну, значение selected в option поставить смогу!))

[Кирилл Прогер]

Скиньте сюда код компонента точнее шаблона меню. я вам накидаю код. там делов на 5 минут

[Askfortrue]

Извините, просмотрел ответ!
Насчет шаблона - будет простой селект, поэтому не знаю что отправить, а вот компонент, отправлю, чтобы не страдать ерундой - отправлю полностью, но выделю пустыми строчками место, где формируется код пунктов.
Сверху с самого селект, внизу заканчивается.

<?if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();?>

<?if (!empty($arResult)):?>
<select id="vertical-multilevel-menu" Onchange="top.location=this.value">

<?
$previousLevel = 0;
foreach($arResult as $arItem):?>

	<?if ($previousLevel && $arItem["DEPTH_LEVEL"] < $previousLevel):?>
		<?=str_repeat("</select></option>", ($previousLevel - $arItem["DEPTH_LEVEL"]));?>
	<?endif?>

	<?if ($arItem["IS_PARENT"]):?>

	<?if ($arItem["DEPTH_LEVEL"] == 1):?>
			<option value="<?=$arItem["LINK"]?>" class="<?if ($arItem["SELECTED"]):?>root-item-selected<?else:?>root-item<?endif?>"><?=$arItem["TEXT"]?></option>
				<ul class="root-item">
					<?else:?>
			<option value="<?=$arItem["LINK"]?>" class="parent<?if ($arItem["SELECTED"]):?> item-selected<?endif?>"><?=$arItem["TEXT"]?></option>
<ul>
<?endif?>

	<?else:?>





		<?if ($arItem["PERMISSION"] > "D"):?>

			<?if ($arItem["DEPTH_LEVEL"] == 1):?>
				<option value="<?=$arItem["LINK"]?>" class="<?if ($arItem["SELECTED"]):?>root-item-selected<?endif?>"><?=$arItem["TEXT"]?></option>
			<?else:?>
				<option value="<?=$arItem["LINK"]?>" <?if ($arItem["SELECTED"]):?> class="item-selected"<?endif?> selected ><?=$arItem["TEXT"]?></option>
			<?endif?>






					<?else:?>

	<?if ($arItem["DEPTH_LEVEL"] == 1):?>
				<li><a href="" class="<?if ($arItem["SELECTED"]):?>root-item-selected<?else:?>root-item<?endif?>" title="<?=GetMessage("MENU_ITEM_ACCESS_DENIED")?>"><?=$arItem["TEXT"]?></a></li>
			<?else:?>
				<li><a href="" class="denied" title="<?=GetMessage("MENU_ITEM_ACCESS_DENIED")?>"><?=$arItem["TEXT"]?></a></li>
<?endif?>

		<?endif?>

	<?endif?>

	<?$previousLevel = $arItem["DEPTH_LEVEL"];?>

<?endforeach?>

<?if ($previousLevel > 1)://close last item tags?>
	<?=str_repeat("</option></select>", ($previousLevel-1) );?>
<?endif?>

</select>
	<?endif?>

В этом выделенном отрезке первая строка с option - в ней формируются ссылки и в ней же текст TEXT - это первая строка с тегом option в выделенном отрывке.
Если что-то не так - извините)))

Вот кусок с другого меню - здесь просто попроще, все так же работает, но лишнее просто убрал:

<select id="ul" onchange="top.location=this.value">
	<?foreach($arResult["MENU_STRUCTURE"] as $itemID => $arColumns):?>     <!-- first level-->
					<option value="<?=$arResult["ALL_ITEMS"][$itemID]["LINK"]?>"><?=$arResult["ALL_ITEMS"][$itemID]["TEXT"]?></option>
	<?endforeach;?>
	</select>

[Кирилл Прогер]

<?if (!empty($arResult)){
$silka = $APPLICATION->GetCurDir();  
?>
    <select id="vertical-multilevel-menu" onchange="top.location=this.value">
        <?foreach($arResult as $arItem){?>
           <option <?if($silka == $arItem["LINK"]){ echo'selected';}?>  value="<?=$arItem["LINK"]?>"><?=$arItem["TEXT"]?></option>
        <?}?>
    </select>
<?}?>

[Кирилл Прогер]

$silka передаеться значения без сайта все что после доменной зоны.
$arItem["LINK"] - нужно точно так же записывать .

[Кирилл Прогер]

Для начало научится нужно использовать Битрикс АПИ https://dev.1c-bitrix.ru/api_help/

Дальше подтянть себя в JS

Answer 2

[Артём Лучников]

Тут обычный компонент меню подойдёт. Нужно только шаблон скопировать в своё пространство имён и заменить там список на select.

Comments

[Askfortrue]

Здравствуйте, немного не понимаю, скопировать в свое пространство имен, у меня стандартный компонент, я его модифицирую, при этом разумеется копирую в свой шаблон, если это имеется ввиду.
Получается примерно такая вот конструкция

<select id="ul_<?=$menuBlockId?>" onchange="top.location=this.value">
	<?foreach($arResult["MENU_STRUCTURE"] as $itemID => $arColumns):?>     <!-- first level-->
	  <option value="<?=$arResult["ALL_ITEMS"][$itemID]["LINK"]?>"><?=$arResult["ALL_ITEMS"][$itemID]["TEXT"]?></option>
	<?endforeach;?>
	</select>

Все работает ок, но как только страница перезагрузилась, само собой, данные в селекте, то есть если представить placeholder - они не остаются, подставляется первый option в списке. Можно седелать "Выберите раздел", но это как-то не комильфо!
Это уже из catalog vertical поделка- то же самое, только без SELECTED в шаблоне меню.
Я путаюсь в этих переменных, которые присутствуют в цикле.
ALL_ITEMS - сами пункты
LINK - ссылка на пункты
TEXT-название пунта визуальное
проверил цикл, там (возможно) все верно, потому что убрать оттуда нельзя ничего.

Другая версия - есть Переключатель сайтов, вот там все как надо и до предела просто. но, там совершенно другие переменные, и вот этот цикл, которы я напсал я составлял как вроде бы там, но, не соответствет пока.

[Артём Лучников]

Судя по вашему коду вы используете какой то нестандартный массив пунктов меню, который сами сделали. Но суть не меняется. Вам нужно SELECTED проверять и проставлять нужному option атрибут selected.

[Askfortrue]

Артём Лучников, здесь использован компонент (именно в этом примере) от catalog vertical, просто href заменен на value для селекта и того чтобы можно было перейти по onchange.
В vertical multilevel такой код формирует ссылки

<?if ($arItem["DEPTH_LEVEL"] == 1):?>
				<option value="<?=$arItem["LINK"]?>" class="<?if ($arItem["SELECTED"]):?>root-item-selected<?else:?>root-item<?endif?>"><?=$arItem["TEXT"]?></option>
			<?else:?>
				<option value="<?=$arItem["LINK"]?>" <?if ($arItem["SELECTED"]):?> class="item-selected"<?endif?>><?=$arItem["TEXT"]?></option>
			<?endif?>

SELECTED здесь- это класс css для выбранного пункта. Он выделяет выбранный пункт. А атрибут для option - selected пишется в самом option.
Здесь класс указан для ордного пункта ИЛИ обычный ИЛИ SELECTED, поэтому он меняется каждый раз. Весь список формируется из 1 строки, в этой строке пункту может быть присвоен класс либо обычный, либо SELECTED, а option всего 1, selected ему не поставить. А если поставить, то selected будут все пункты, но показываться будет последний пункт списка по умолчанию. Можно поставить hidden selected, будет показываться текущий раздел, но не будут видны никакие пункты, то есть выбрать нельзя т.к. у option атрибут hidden.
Короче классы классами, а атрибут я не вижу где поставить в option. Другие option и списки, видимо для других уровней или типов меню, в данном случае все формируется в том коде, в первой строке.
Если делали - подскажите.