Перейти к содержимому


Переадресация На Определенный Участок Страницы

Автор odissei, 19 дек. 2012 11:38

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 19

#1 odissei

odissei

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 382 сообщений
  • ГородАм. Область

Отправлено 19 Декабрь 2012 - 11:38

Доброго времени суток!

Возник следующий вопрос:

Есть главная страница, на этой странице есть ссылки.

Ссылки эти должны вести на одну страницу (к примеру ЧаВо название), но в разные места на этой странице. Т.е. страница ЧаВо, - она большая, довольно большая, и пользователь должен сразу попадать на нужный участок, переходя по ссылке.

Думаю еще здесь спойлеры применить: По умолчанию (при простом открывании страницы ЧаВо) весть текст скрыт в спойлерах-заголовках. При переходе на данную страницу по ссылке с главной (там несколько ссылок будет), перед пользователем должен автоматически раскрываться нужный спойлер.

В поиске даже не знаю как искать, формировал запросы по разному - ничего дельного не нашел.

#2 ALEXp

ALEXp

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 194 сообщений

Отправлено 19 Декабрь 2012 - 13:17

присоединяюсь, иногда это нужно

#3 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 19 Декабрь 2012 - 15:06

Просмотр сообщенияodissei (19 Декабрь 2012 - 11:38) писал:

Доброго времени суток!

Возник следующий вопрос:

Есть главная страница, на этой странице есть ссылки.

Ссылки эти должны вести на одну страницу (к примеру ЧаВо название), но в разные места на этой странице. Т.е. страница ЧаВо, - она большая, довольно большая, и пользователь должен сразу попадать на нужный участок, переходя по ссылке.

Думаю еще здесь спойлеры применить: По умолчанию (при простом открывании страницы ЧаВо) весть текст скрыт в спойлерах-заголовках. При переходе на данную страницу по ссылке с главной (там несколько ссылок будет), перед пользователем должен автоматически раскрываться нужный спойлер.

В поиске даже не знаю как искать, формировал запросы по разному - ничего дельного не нашел.

Адрес сайта -   bel-mag.ru
Шаблон -    Пластик.

У Вас пока нет конкретного примера и ссылки при нажатии на которую нужно, чтобы переходило на определенную страницу, в определенное место, и также у Вас не указано где именно Вы хотите сделать спойлер, поэтому объясню в теории:
1. Для того, чтобы при нажатии на определенную ссылку переходило на нужное место другой страницы, нужно в этой ссылке, пример: http://bel-mag.ru/  добавить #bar. У Вас получится примерно так
http://bel-mag.ru/#bar

Эта строчка показывает что нужно перейти по данной ссылке в место где будет так называемая метка bar
Теперь нужно на ту страницу, куда переходит эта ссылка поставить эту метку. Для этого перейдите на ту страницу, где должна быть эта метка и перед строчкой, на которую на которую должна переходить ссылка поставьте 
<a id="bar"></a>

Если Вам нужно, чтобы на одной и той же странице было несколько меток и при переходе на разные ссылки они ссылались на одну и ту же страницу, но в разные места, тогда можете указывать в ссылках
http://bel-mag.ru/#bar

http://bel-mag.ru/catalog/#bar1

и на самих страницах
<a id="bar"></a>
<a id="bar1"></a>

2. Спойлер.
Его можно выполнить либо с помощью javascript, либо через стили (css). Могу Вам предложить несколько статей, которые помогают сделать спойлер
статья 1, статья 2

#4 odissei

odissei

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 382 сообщений
  • ГородАм. Область

Отправлено 20 Декабрь 2012 - 08:12

Цитата

Эта строчка показывает что нужно перейти по данной ссылке в место где будет так называемая метка bar
Теперь нужно на ту страницу, куда переходит эта ссылка поставить эту метку. Для этого перейдите на ту страницу, где должна быть эта метка и перед строчкой, на которую на которую должна переходить ссылка поставьте
<a id="bar"></a>

Вот такая у меня проблема:

Страницу редактирую (редактирование контент страницы), вставляю этот код перед нужной мне строчкой и нажимаю сохранить.

После этого код ломается и остается только id="bar">

И тут по идее, движок это за код не признает, и потому как обычные текст этот кусок появляется на странице.

Браузер firefox 16.0.2

В чем может быть проблема?

#5 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 20 Декабрь 2012 - 09:25

Просмотр сообщенияodissei (20 Декабрь 2012 - 08:12) писал:

Вот такая у меня проблема:

Страницу редактирую (редактирование контент страницы), вставляю этот код перед нужной мне строчкой и нажимаю сохранить.

После этого код ломается и остается только id="bar">

И тут по идее, движок это за код не признает, и потому как обычные текст этот кусок появляется на странице.

Браузер firefox 16.0.2

В чем может быть проблема?

При редактировании страницы откройте ее в редакторе HTML кода

#6 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 20 Декабрь 2012 - 09:31

Попробуйте другой код:

<p><a href="#bar">Наверх</a></p>

#7 odissei

odissei

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 382 сообщений
  • ГородАм. Область

Отправлено 20 Декабрь 2012 - 09:56

Делал в редакторе html.
Пробовал оба кода, последний
<p><a href="#bar">Наверх</a></p>
Определяется как ссылкой, с адресом bar.

Но все равно не работает.
На главной такая ссылка есть (Как выбрать товар)

Что еще попробовать?

#8 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 20 Декабрь 2012 - 10:42

На той страницы где должна произойти прокрутка на определенный участок кода добавить код:
id="bar"
к любому тегу, и при этом будет производиться прокрутка именно для этого тега с id bar.
пример.
<p id="bar">какой то текст</p>

#9 odissei

odissei

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 382 сообщений
  • ГородАм. Область

Отправлено 20 Декабрь 2012 - 10:47

Просмотр сообщенияKoderhan (20 Декабрь 2012 - 10:42) писал:

На той страницы где должна произойти прокрутка на определенный участок кода добавить код:
id="bar"
к любому тегу, и при этом будет производиться прокрутка именно для этого тега с id bar.
пример.
<p id="bar">какой то текст</p>

О_о, все заработало, как просто то оказалось - поместил такой простой код в редакторе html и все ок.
Спасибо)

#10 Дмитрий К

Дмитрий К

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 79 сообщений
  • ГородМосква

Отправлено 13 Февраль 2013 - 12:59

Просмотр сообщенияodissei (19 Декабрь 2012 - 11:38) писал:

Доброго времени суток!

Возник следующий вопрос:

Есть главная страница, на этой странице есть ссылки.

Ссылки эти должны вести на одну страницу (к примеру ЧаВо название), но в разные места на этой странице. Т.е. страница ЧаВо, - она большая, довольно большая, и пользователь должен сразу попадать на нужный участок, переходя по ссылке.

Думаю еще здесь спойлеры применить: По умолчанию (при простом открывании страницы ЧаВо) весть текст скрыт в спойлерах-заголовках. При переходе на данную страницу по ссылке с главной (там несколько ссылок будет), перед пользователем должен автоматически раскрываться нужный спойлер.

В поиске даже не знаю как искать, формировал запросы по разному - ничего дельного не нашел.

Адрес сайта -   bel-mag.ru
Шаблон -    Пластик.

Просмотр сообщенияsupport 2.0 (19 Декабрь 2012 - 15:06) писал:

У Вас пока нет конкретного примера и ссылки при нажатии на которую нужно, чтобы переходило на определенную страницу, в определенное место, и также у Вас не указано где именно Вы хотите сделать спойлер, поэтому объясню в теории:
1. Для того, чтобы при нажатии на определенную ссылку переходило на нужное место другой страницы, нужно в этой ссылке, пример: http://bel-mag.ru/  добавить #bar. У Вас получится примерно так
http://bel-mag.ru/#bar

Эта строчка показывает что нужно перейти по данной ссылке в место где будет так называемая метка bar
Теперь нужно на ту страницу, куда переходит эта ссылка поставить эту метку. Для этого перейдите на ту страницу, где должна быть эта метка и перед строчкой, на которую на которую должна переходить ссылка поставьте
<a id="bar"></a>

Если Вам нужно, чтобы на одной и той же странице было несколько меток и при переходе на разные ссылки они ссылались на одну и ту же страницу, но в разные места, тогда можете указывать в ссылках
http://bel-mag.ru/#bar

http://bel-mag.ru/catalog/#bar1

и на самих страницах
<a id="bar"></a>
<a id="bar1"></a>

2. Спойлер.
Его можно выполнить либо с помощью javascript, либо через стили (css). Могу Вам предложить несколько статей, которые помогают сделать спойлер
статья 1, статья 2

А можно мини инструкцию как прикрутить спойлер из второй статьи?
Вставил в верху HTML две строчки
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"> </script>
  <script type="text/javascript" src="{ASSETS_JS_PATH}spoler.js"></script>
Создал и залил фаил spoler.js с текстом
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>
Добавил строчку 
.splCont{display:none; padding:3px 5px;}
в css
Добавляю на страницу код
<a href="javscript://" class="splLink"><strong>Спойлер:</strong>пример</a>
<div class="splCont">
Это примерный текст!
</div>
Не работает. Где ошибка?

#11 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 14 Февраль 2013 - 02:00

Подключать файл jquery.min.js не нужно. Вам не нужно добавлять строку

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"> </script>

#12 Дмитрий К

Дмитрий К

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 79 сообщений
  • ГородМосква

Отправлено 14 Февраль 2013 - 12:51

Просмотр сообщенияVaccina (14 Февраль 2013 - 02:00) писал:

Подключать файл jquery.min.js не нужно. Вам не нужно добавлять строку

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"> </script>

Удалил строчку 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"> </script>
и нашел ошибку, в коде
<a href="javascript://" class="splLink"><strong>Спойлер:</strong>пример</a>
<div class="splCont">
Это примерный текст!
</div>
Спойлер всеравно не работает.

#13 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 15 Февраль 2013 - 01:24

Вам необходимо в вашем файле spoler.js найти

<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>

и заменить на

$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});

#14 Дмитрий К

Дмитрий К

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 79 сообщений
  • ГородМосква

Отправлено 15 Февраль 2013 - 11:54

Просмотр сообщенияVaccina (15 Февраль 2013 - 01:24) писал:

Вам необходимо в вашем файле spoler.js найти

<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>

и заменить на

$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});

Поменял, не работает.
Страница со спойлером

#15 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 15 Февраль 2013 - 21:32

Попробуйте заменить в файле spoler.js

$(this).parent().children('div.splCont').toggle('normal');

на

$(this).parent().find('.splCont').toggle('slow');

или

$(this).parent().next('.splCont').toggle('slow');

#16 Дмитрий К

Дмитрий К

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 79 сообщений
  • ГородМосква

Отправлено 15 Февраль 2013 - 22:14

Просмотр сообщенияVaccina (15 Февраль 2013 - 21:32) писал:

Попробуйте заменить в файле spoler.js

$(this).parent().children('div.splCont').toggle('normal');

на

$(this).parent().find('.splCont').toggle('slow');

или

$(this).parent().next('.splCont').toggle('slow');

С
$(this).parent().next('.splCont').toggle('slow');
заработало!
Спасибо!

#17 marykvoffll

marykvoffll

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 119 сообщений

Отправлено 24 Февраль 2013 - 20:07

Просмотр сообщенияsupport 2.0 (19 Декабрь 2012 - 15:06) писал:

У Вас пока нет конкретного примера и ссылки при нажатии на которую нужно, чтобы переходило на определенную страницу, в определенное место, и также у Вас не указано где именно Вы хотите сделать спойлер, поэтому объясню в теории:
1. Для того, чтобы при нажатии на определенную ссылку переходило на нужное место другой страницы, нужно в этой ссылке, пример: http://bel-mag.ru/  добавить #bar. У Вас получится примерно так
http://bel-mag.ru/#bar

Эта строчка показывает что нужно перейти по данной ссылке в место где будет так называемая метка bar
Теперь нужно на ту страницу, куда переходит эта ссылка поставить эту метку. Для этого перейдите на ту страницу, где должна быть эта метка и перед строчкой, на которую на которую должна переходить ссылка поставьте
<a id="bar"></a>

Если Вам нужно, чтобы на одной и той же странице было несколько меток и при переходе на разные ссылки они ссылались на одну и ту же страницу, но в разные места, тогда можете указывать в ссылках
http://bel-mag.ru/#bar

http://bel-mag.ru/catalog/#bar1

и на самих страницах
<a id="bar"></a>
<a id="bar1"></a>

2. Спойлер.
Его можно выполнить либо с помощью javascript, либо через стили (css). Могу Вам предложить несколько статей, которые помогают сделать спойлер
статья 1, статья 2

Вот мой код. И как мне сделать чтобы при нажатии на КАК ОПРЕДЕЛИТЬ СВОЙ РАЗМЕР ОДЕЖДЫ? у меня переход был на <p><a><strong>КАК ОПРЕДЕЛИТЬ СВОЙ РАЗМЕР ОДЕЖДЫ</strong></a><a><strong>?</strong></a></p>


<p><strong>КАК ОПРЕДЕЛИТЬ СВОЙ РАЗМЕР ОДЕЖДЫ?&nbsp;</strong>#bar</p>
<p><strong>КАК ОПРЕДЕЛИТЬ РАЗМЕР НИЖНЕГО БЕЛЬЯ?&nbsp;</strong></p>
<p><strong>КАК ОПРЕДЕЛИТЬ РАЗМЕР ОБУВИ? &nbsp;</strong></p>
<pre class="prettyprint">&nbsp;</pre>
<p><a><strong>КАК ОПРЕДЕЛИТЬ СВОЙ РАЗМЕР ОДЕЖДЫ</strong></a><a><strong>?</strong></a></p>

#18 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 25 Февраль 2013 - 12:50

Просмотр сообщенияmarykvoffll (24 Февраль 2013 - 20:07) писал:

Вот мой код. И как мне сделать чтобы при нажатии на КАК ОПРЕДЕЛИТЬ СВОЙ РАЗМЕР ОДЕЖДЫ? у меня переход был на <p><a><strong>КАК ОПРЕДЕЛИТЬ СВОЙ РАЗМЕР ОДЕЖДЫ</strong></a><a><strong>?</strong></a></p>


<p><strong>КАК ОПРЕДЕЛИТЬ СВОЙ РАЗМЕР ОДЕЖДЫ?&nbsp;</strong>#bar</p>
<p><strong>КАК ОПРЕДЕЛИТЬ РАЗМЕР НИЖНЕГО БЕЛЬЯ?&nbsp;</strong></p>
<p><strong>КАК ОПРЕДЕЛИТЬ РАЗМЕР ОБУВИ? &nbsp;</strong></p>
<pre class="prettyprint">&nbsp;</pre>
<p><a><strong>КАК ОПРЕДЕЛИТЬ СВОЙ РАЗМЕР ОДЕЖДЫ</strong></a><a><strong>?</strong></a></p>


Итак, у Вас должен быть список ссылок
<a href="ссылка/#bar"> <strong>КАК ОПРЕДЕЛИТЬ СВОЙ РАЗМЕР ОДЕЖДЫ?</strong> </a>
<a href="ссылка/#bar1">  <strong>КАК ОПРЕДЕЛИТЬ РАЗМЕР НИЖНЕГО БЕЛЬЯ?</strong> </a>
<a href="ссылка/#bar2"> <strong>КАК ОПРЕДЕЛИТЬ РАЗМЕР ОБУВИ?</strong></a>

теперь у Вас есть страница с текстом посвященный размерам. И перед(или сразу после) заголовком про размер ОДЕЖДЫ Вы вставляете 
<a id="bar"></a>

теперь перед или сразу после заголовка про размер НИЖНЕГО БЕЛЬЯ ставите 
<a id="bar1"></a>

и наконец перед заголовком или сразу после про размер ОБУВИ, ставите 
<a id="bar2"></a>

#19 marykvoffll

marykvoffll

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 119 сообщений

Отправлено 01 Март 2013 - 12:10

Что-то не так вышло. Вот посмотрите http://agatastyle.ru...e/Размеры/#bar2

Код приложила сюда

Прикрепленные файлы

  • Прикрепленный файл  код.doc   60К   374 Количество загрузок:

#20 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 01 Март 2013 - 12:47

вставьте этот код на страницу размеров (через редактор html)

Прикрепленные файлы


Обратно в Другое


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Пластик
  5. → Другое
  6. Privacy Policy