Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Переход по метке <a href = #metka> с нажатием в <ul><li> (https://javascript.ru/forum/xhtml-html-css/50540-perekhod-po-metke-href-%3D-metka-s-nazhatiem-v-ul-li.html)

papacoca 30.09.2014 17:52

Переход по метке <a href = #metka> с нажатием в <ul><li>
 
Нужно сделать чтобы переход по метке1 и метке2 осуществлялся с нажатием по маркеру в 1-ом списке <ul><li> в разделе <section> и 2-ом списке.
Есть 2 метки на странице:
<!-- ========== КОД ========== --> Или тут можно глянуть: http://help-windows.net/table.html
<a href = #metka>ПЕРЕХОД ПО 1 МЕТКЕ</a>
<a href="" name = metka>
<a href = #metka2>ПЕРЕХОД ПО 2 МЕТКЕ</a>
<a href="" name = metka2>

<div class="lines sub_title text_center">Вся необходимая информация по услугам</div>
<!-- ========== 1 section ========== -->
	<section id="options" class="clearfix">
	<ul id="filters" class="option-set clearfix" data-option-key="filter">
<div class="boxShadow4" style="margin-left: 22%; margin-right: 22%"><li><a href="#filter" class="selected" data-option-value=".vse" class="">Информация о компании и предоставляемых услугах</a></li></div>
<!-- ========== 1 МЕТКА ========== -->
<div class="boxShadow4" style="float: right; width: 32%;"><li><a href="#filter" name = metka data-option-value=".virus">Установка антивируса, <br />удаление вирусов</a></li></div>
<div class="boxShadow4" style="float: right; width: 32%; padding-top:10px; padding-bottom:9px;"><li><a href="#filter" data-option-value=".windows">Установка Windows</a></li></div>
<div class="boxShadow4" style="float: right; width: 32%;"><li><a href="#filter" data-option-value=".design">Удаленная (онлайн) <br />компьютерная помощь</a></li></div>
<div class="boxShadow4" style="float: right; width: 32%;"><li><a href="#filter" data-option-value=".usl3">Установка, настройка Wi-Fi</a></li></div>
<div class="boxShadow4" style="float: right; width: 32%;"><li><a href="#filter" data-option-value=".art">Сборка компьютеров</a></li></div>
<div class="boxShadow4" style="float: right; width: 32%;"><li><a href="#filter" data-option-value=".vostan">Восстановление данных</a></li></div>
	</ul>
	</section>
	
<!-- ========== 2 section ========== -->
            <ul>
	<li><a>1...........</a></li>
	<li><a>2.............</a></li>
	<li><a>3...............</a></li>
	<li><a>4.................</a></li>
	<li><a>5...................</a></li>
	<li><a>6.....................</a></li>
            </ul>
<!-- ========== 2 МЕТКА ========== -->
 <div 1........... ><div class="pricing_table row-fluid"><a href="" name = metka2></div>
 <div class="span4">
 <div class="pt_title">Пакеты:</div>
 <div class="pt_feature"><img src="image/15.png">Удаленная установка, настройка через интернет</div>
 <div class="pt_feature"><img src="image/15.png">Настройка параметров загрузки msconfig</div>
 </div>

Спасибо.

hfts_rider 01.10.2014 01:40

А в чем проблема? Что не получается?
Ставишь ссылку где нужно и метку там куда тебе нужно.

papacoca 01.10.2014 15:09

Тема перенесена: http://javascript.ru/forum/showthrea...983#post332983


Часовой пояс GMT +3, время: 18:21.