powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Переход по метке <a href = #metka> с нажатием в <ul><li>
5 сообщений из 5, страница 1 из 1
Переход по метке <a href = #metka> с нажатием в <ul><li>
    #38762466
Pavel777888
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Нужно сделать чтобы переход по метке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
Переход по метке <a href = #metka> с нажатием в <ul><li>
    #38762485
brbrbr
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Во-первых, документ невалидный - внутри списка ul могут быть только элементы li, а никак не div-ы. У boxShadow4 почему-то два раза class указан. Все параметры в кавычках, а name без.

Во-вторых, абсолютно не понял, куда жать и переходить.
Сейчас при нажатии на ссылку "ПЕРЕХОД ПО 1 МЕТКЕ" происходит переход к метке "metka", при нажатии на ссылку "ПЕРЕХОД ПО 2 МЕТКЕ" - к метке "metka2". А надо как?
...
Рейтинг: 0 / 0
Переход по метке <a href = #metka> с нажатием в <ul><li>
    #38762701
Pavel777888
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
С обычной меткой я реализовал по адресу: 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
Переход по метке <a href = #metka> с нажатием в <ul><li>
    #38762851
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Pavel777888 , ты нормальный (полный) тестовый пример осилишь сделать? Что вы все огрызками кидаетесь?
...
Рейтинг: 0 / 0
Переход по метке <a href = #metka> с нажатием в <ul><li>
    #38763419
Pavel777888
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
krvsa, Тему перенес и правильно сформулировал: http://www.sql.ru/forum/1118603-a/perehod-po-ssylke-s-yakorem-aktiviraciya-sootvetstvuushhego-taba
...
Рейтинг: 0 / 0
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Переход по метке <a href = #metka> с нажатием в <ul><li>
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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