Навигация по странице без A HREF

12
S_A_N_T_A
На сайте с 23.11.2009
Offline
154
693

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

Не могу разобраться, а так же найти готовое решение как сделать навигацию по странице не используя A HREF="#blablabla".

Может кто поможет.

Задача сделать навигацию по странице, чтобы поисковик не учитывал ее как ссылку + в адресной строке, чтобы не добавлялось #blablabla.

M
На сайте с 04.10.2011
Offline
90
#2

S_A_N_T_A, onclick && jquery - Вам в помощь. Заменив теги a да хоть на span...

Сдается, обращаться скайп avdesk-it-kmm Верстка, кодинг - контакты в профиле... VPS от 5€ (https://gmhost.com.ua/?partner=10255)
S_A_N_T_A
На сайте с 23.11.2009
Offline
154
#3
mmkulikov:
S_A_N_T_A, onclick && jquery - Вам в помощь. Заменив теги a да хоть на span...

Дело в том, что я не знаю JS. Может есть готовое решение? Пытаюсь прочитать про onclick и сделать это без знаний js, но пока безрезультатно.

В Вашем примере в url добавляется #blablabla

M
На сайте с 04.10.2011
Offline
90
#4
S_A_N_T_A:
что я не знаю JS.

Ну так без этого никак

S_A_N_T_A:
Может есть готовое решение?

Самое "готовое" (общую часть я написал)

А конкретика - это на нужных элементах DOM

отловить onclick (повесить масса способов, выбирается кому как удобно)

И приняв решение (я бы какой-то data-target поставил) скроллировать до нужной точки

Z0
На сайте с 03.09.2009
Offline
756
#5
S_A_N_T_A:

В Вашем примере в url добавляется #blablabla

Вы вообще не понимаете в jquery, как я понял :)

Решетка в jquery обозначает id элемента, к ссылкам и якорям это отношения не имеет. В общем, если вам не понятен мой пример, то вам проще программиста нанять :p

Или читайте учебники по js и jquery :)

M
На сайте с 04.10.2011
Offline
90
#6

Хотя, нафига скролл. Просто location до якоря

S_A_N_T_A
На сайте с 23.11.2009
Offline
154
#7
mmkulikov:
Ну так без этого никак

Самое "готовое" (общую часть я написал)
А конкретика - это на нужных элементах DOM
отловить onclick (повесить масса способов, выбирается кому как удобно)
И приняв решение (я бы какой-то data-target поставил) скроллировать до нужной точки

То, что вы публиковали в статье, можно сделать с помощью обычного якоря. Зачем это нужно, вообще не понимаю.

Ребят, кто-нибудь может помочь по существу? Может готовое решение завалялось или ссылка какае-то?

mmkulikov:
Хотя, нафига скролл. Просто location до якоря

А можно поподробнее?)

M
На сайте с 04.10.2011
Offline
90
#8

S_A_N_T_A, пишу "на коленке", так что ошибок будет...

Суть такова

<span class="js-pseudo-a" data-target="#abc">Кликни меня</span>
.........
<div id="abc">
..........
</div>

jQuery(document).ready(function(){
jQuery('.js-pseudo-a').on('click',function(e){
var link = jQuery(this).data('target');
jQuery.scrollTo(link);
});
});

Сам jQuery.scrollTo http://flesler.blogspot.com/2007/10/jqueryscrollto.html

Z0
На сайте с 03.09.2009
Offline
756
#9
S_A_N_T_A:

Ребят, кто-нибудь может помочь по существу? Может готовое решение завалялось или ссылка какае-то?

По существу я вам ответил в первом посте.

S_A_N_T_A:

А можно поподробнее?)

Как то так, на ошибки не проверял.


<a name="name1"></a>

<script>
$('.element').click(function(){
top.location.href="http://site.ru/page.php#name1"
});
</script>
S_A_N_T_A
На сайте с 23.11.2009
Offline
154
#10
mmkulikov:
S_A_N_T_A, пишу "на коленке", так что ошибок будет...
Суть такова

<span class="js-pseudo-a" data-target="#abc">Кликни меня</span>

.........
<div id="abc">
..........
</div>

jQuery(document).ready(function(){

jQuery('.js-pseudo-a').on('click',function(e){
var link = jQuery(this).data('target');
jQuery.scrollTo(link);
});
});

Не работает :(

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий