Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Переход по метке <a href = #metka> с нажатием в <ul><li> / 5 сообщений из 5, страница 1 из 1
30.09.2014, 18:06
    #38762466
Pavel777888
Pavel777888
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Переход по метке <a href = #metka> с нажатием в <ul><li>
Нужно сделать чтобы переход по метке1 и метке2 осуществлялся с нажатием по маркеру в 1-ом списке <ul><li> в разделе <section> и 2-ом списке.
Есть 2 метки на странице:
<!-- ========== КОД ========== --> Или тут можно глянуть: http://help-windows.net/table.html
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
<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">Установка антивируса, 
удаление вирусов</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">Удаленная (онлайн) 
компьютерная помощь</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>


Спасибо.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.09.2014, 18:21
    #38762485
brbrbr
brbrbr
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Переход по метке <a href = #metka> с нажатием в <ul><li>
Во-первых, документ невалидный - внутри списка ul могут быть только элементы li, а никак не div-ы. У boxShadow4 почему-то два раза class указан. Все параметры в кавычках, а name без.

Во-вторых, абсолютно не понял, куда жать и переходить.
Сейчас при нажатии на ссылку "ПЕРЕХОД ПО 1 МЕТКЕ" происходит переход к метке "metka", при нажатии на ссылку "ПЕРЕХОД ПО 2 МЕТКЕ" - к метке "metka2". А надо как?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.09.2014, 23:25
    #38762701
Pavel777888
Pavel777888
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Переход по метке <a href = #metka> с нажатием в <ul><li>
С обычной меткой я реализовал по адресу: http://help-windows.net/table.html
НО, она тупо тупо переходит по якорю не открывая список внутри <section id="options" class="clearfix">

Мне нужно чтобы МЕТКИ перелистывали (открывали) список, например: метка 1 перешла по якорю 1 и открыла список:
Код: html
1.
<li><a href="#filter" name ="metka" data-option-value=".virus">Установка антивируса, удаление вирусов</a></li>



Метка 2 перешла по якорю 2 и открыла список:
Код: html
1.
2.
<div class="boxShadow4" style="float: right; width: 32%;"><li><a href="#filter" data-option-value=".design">Удаленная (онлайн) 
компьютерная помощь</a></li></div>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.10.2014, 09:06
    #38762851
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Переход по метке <a href = #metka> с нажатием в <ul><li>
Pavel777888 , ты нормальный (полный) тестовый пример осилишь сделать? Что вы все огрызками кидаетесь?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.10.2014, 15:17
    #38763419
Pavel777888
Pavel777888
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Переход по метке <a href = #metka> с нажатием в <ul><li>
krvsa, Тему перенес и правильно сформулировал: http://www.sql.ru/forum/1118603-a/perehod-po-ssylke-s-yakorem-aktiviraciya-sootvetstvuushhego-taba
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Переход по метке <a href = #metka> с нажатием в <ul><li> / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 419ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1446672]:
 0ms
get settings:
 4ms
get forum list:
 8ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 135ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 49ms
get tp. blocked users:
 1ms
others: 204ms
total:  419ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]