Ссылка на елемент сайта

[pudge]

В прошлой теме мне помогли создать спойлер:

<a href="javascript:;" class="videoA">klick</a><div class="videoJS">скрытый текст</div><script>$(".videoA").click(function () {$(this).next(".videoJS").toggle();$(this).toggleClass("active");return false; });</script>

который отлично работает,которого на странице у меня более 20 штук,но вот я увидел что не все так хорошо как хотелось бы...

 

Когда по спойлеру нажимаешь ПКМ и копировать адрес страницы,то оно копирует javascript:; а не адрес самого спойлера на этой странице.Аналогичное я видел с постами,ну когда на форумах нажимаешь пкм на номер поста,копировать адрес ссылки и копируется адрес текущей страницы и вконце приписывается /#3 например.

 

Вот мне нужно что то подобное что идентифицировало бы каждый спойлер как "отдельный пост" но как это осуществить(или с помощью чего)я пока не знаю...

[Vlad]

Вместо a используй другой тег, тогда не придётся прописывать адрес ссылки, копироваться тоже, соответственно, он не будет.

[pudge]

  On 11/21/2013 at 3:49 AM, Vlad said:

Вместо a используй другой тег, тогда не придётся прописывать адрес ссылки, копироваться тоже, соответственно, он не будет.

за совет использовать другой тег спасибо,я уже и забыл что href можно использовать не только с тегом а,но вот вторая часть поста(выделил)стремная... и не понятная

[Vlad]

Что тут непонятного? Ты ведь сам написал: "Когда по спойлеру нажимаешь ПКМ и копировать адрес страницы,то оно копирует javascript:; ". Если спойлер делается не через <a>, то копироваться адрес страницы не будет.

Ах, да, потренируйся перед зеркалом произносить элемент через Э. Много раз.

[pudge]

  On 11/21/2013 at 5:10 AM, Vlad said:

Что тут непонятного? Ты ведь сам написал: "Когда по спойлеру нажимаешь ПКМ и копировать адрес страницы,то оно копирует javascript:; ". Если спойлер делается не через <a>, то копироваться адрес страницы не будет.

 

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

например адрес страницы blablabla.ru/kkk на этой странице штук 50 спойлеров,и например что бы у первого спойлера был адрес blablabla.ru/kkk#1 или что то вроде этого,я просто не знаю как такая ссылка называется и как её сделать...

[Vin]

http://htmlbook.ru/samhtml/yakorya

http://api.jquery.com/event.preventDefault/

[pudge]

  On 11/21/2013 at 7:29 AM, Vin said:

http://htmlbook.ru/samhtml/yakorya

вот что я искал,спасибо!счас буду разбиратся  

[pudge]

Якорь на спойлер получилось повесить,но сам спойлер перестал открыватся,почему?

 

В общем вот как все у меня выглядит:

<a href="#1" name="1"><div href="javascript:;" class="videoA"><ul class="videoUL"><li class="titleMOVIES">11111</li><li class="dateMOVIES">07 Сен 2011 г.</li></ul></div></a><div class="videoJS">скрытый текст</div><script>$(".videoA").click(function () {      $(this).next(".videoJS").toggle();      $(this).toggleClass("active");      return false; });</script>

[Radiocity]

Потому что клик мышки срабатывает на якорь, а не на слой. 

PS Нельзя такие страсти на ночь показывать.

Edited November 21, 2013 by Radiocity

[pudge]

  On 11/21/2013 at 8:18 PM, Radiocity said:

Потому что клик срабатывает на якорь, а не на слой.

 

под слоем я так понял вы подразумеваете спойлер?ну хорошо,а как тогда сделать так что бы клик срабатывал и на "слой" и на якорь одновременно?

[Radiocity]

Необходимо исправить верстку, убрав лишнее. У нас есть ссылка. Зачем использовать слой со схожим функционалом? Добавим магический класс disabled, который будет управлять отображением спойлера. Если js не загружается или отключен, все спойлеры раскроют вложенные данные. Поперчим красивым оформлением. Наш велосипед готов.

 

http://jsfiddle.net/Radiocity/VFmd9/

Edited November 21, 2013 by Radiocity

[pudge]

Radiocity #11 шикарна!!!11

 

Вот только ещё бы один момент,как сделать что бы при переходе на ссылку какогото из спойлеров например file://localhost/C:/Documents%20and%20Settings/Jenya/Рабочий%20стол/test/test.html#anch2  не просто открывалась эта страница,а что бы ещё на ней открывался спойлер по которому ссылаются,такое возможно осуществить?

[Radiocity]

В момент загрузки скрипта, когда "сворачиваете" все спойлеры, проверяете значение якоря. Если существует спойл с таким же id, то его оставляете раскрытым. Окно браузера само прыгнет до нужного места на странице.

Потребуется узнать якорь, который передается в URL. Для этого в браузерах существует свойство location.hash.

Edited November 21, 2013 by Radiocity

[pudge]

  On 11/21/2013 at 10:44 PM, Radiocity said:

В момент загрузки скрипта, когда "сворачиваете" все спойлеры, проверяете значение якоря. Если существует спойл с таким же id, то его оставляете раскрытым. Окно браузера само прыгнет до нужного места на странице.

Потребуется узнать якорь, который передается в URL. Для этого в браузерах существует свойство location.hash.

а можно простыми словами?

[Radiocity]

Если бы Вы разобрались с кодом, который представлен, то все бы было понятно.

[pudge]

  On 11/22/2013 at 11:07 AM, Radiocity said:

Если бы Вы разобрались с кодом, который представлен, то все бы было понятно.

 

 

так я и разобрался в коде,но в вашем посте #13 я мало что понял(на то он и и 13-й).

 

Я понял что спойлер должен менятся на $(".videoB").toggleClass("enabled"); во время перехода по ссылке,но как это сделать не знаю,а в вашем лок. не смог разобратся,точнее суть я понял из статьи но так как яваскрипт не учил я не могу осуществить window.location у себя.

[Radiocity]

  On 11/22/2013 at 4:00 PM, pudge said:

Я понял что спойлер должен менятся на $(".videoB").toggleClass("enabled");

Нет. Откуда Вы вообще взяли .enabled? Просто не устанавливается флаг .disabled для активного элемента. Это достигается сравнением id спойлера и значением location.hash.

  On 11/22/2013 at 4:00 PM, pudge said:

суть я понял из статьи но так как яваскрипт не учил я не могу осуществить window.location у себя.

Jquery - это js фреймворк. Изучайте js.

Edited November 22, 2013 by Radiocity

[pudge]

  On 11/22/2013 at 7:01 PM, Radiocity said:

 

  On 11/22/2013 at 4:00 PM, pudge said:

Я понял что спойлер должен менятся на $(".videoB").toggleClass("enabled");

Нет. Откуда Вы вообще взяли .enabled?

 

 

Ну если стоит enabled то спойлер изначально открытый,вот мне и нужно что бы при переходе по адресу спойлера(например #anch2)спойлер был открытым,поэтому и пришло мне в голову это... как сделать что бы при переходе на адрес спойлера,он становился открытым?

[Radiocity]

Вы ждете кода? Его не будет. Алгоритм уже описан.

[pudge]

  On 11/22/2013 at 9:09 PM, Radiocity said:

Вы ждете кода? Его не будет. Алгоритм уже описан.

Где?Если вы описали алгоритм в посте #13 то прочитайте сами свой пост и задумайтесь,как может новичек понять что вы написали?

  On 11/21/2013 at 10:44 PM, Radiocity said:

Потребуется узнать якорь, который передается в URL. Для этого в браузерах существует свойство location.hash.

 

перечитал ту статью уже второй раз,вроде и понял всю суть,но по примеру осуществить у себя никак не могу,вот второй пример из статьи:

 

 

function sendData(dat)

{

window.location.search = dat;

}

мне следует заменить search на hash верно?но а что дальше делать я не зна...................

[pudge]

  On 11/22/2013 at 9:09 PM, Radiocity said:

Вы ждете кода? Его не будет. Алгоритм уже описан.

 

Ну дайте ещё хоть одну подсказку...

[BSandro]

а может сразу за тебя все выучить?

[pudge]

  On 11/24/2013 at 7:17 AM, BSandro said:

а может сразу за тебя все выучить?

 

если бы я хотябы знал что именно нужно "выучить" для решения проблемы данного сабжа...

[Николя223]

думай чё... А то так весь сайт за тебя сделают

[BSandro]

  On 11/24/2013 at 8:09 AM, Николя223 said:

думай чё... А то так весь сайт за тебя сделают

Вот именно, как я поглядел он одни топики создает 1 за другим...

так любой может...

 

Надо как минимум перепробовать все варианты, подумать своей головой, а если уж не получится писать на форум.

А не думая каждый пост писать, у меня это не получается, это почему, это как....

[pudge]

  On 11/24/2013 at 8:09 AM, Николя223 said:

думай чё... А то так весь сайт за тебя сделают

 

Я и не прошу готовый код,я б с удовольствием выучил то что помогло бы решить данную задачу(напомню открытый спойлер на которой перешли по ссылке),но я прошу что бы мне хотя бы сказали что именно учить,не садится же учить джаваскрипт с первой главы и до последней(или пока не наткнусь на то что нужно)..