Ссылка из id

@Нави · Регистрация: 07.07.2010

Author24 — интернет-сервис помощи студентам

Добрый день!
Возможно ли сделать ссылку из id т.е

HTML5

1	Текст текст текст <div id="href">Ссылка</div> текст текст

Что бы "Ссылка" выполняла свойства

HTML5

1	<a target='_blank' href='http://www.mysite.ru/'>Ссылка</a>

Спасибо

@Tatikoma · 09.07.2014, 13:16

Да, используйте якоря.

Код

href="http://example.org/#anchor"

@Нави · 09.07.2014, 13:22 **[ТС]**

Наверно не так поняли.
Надо, что бы при килике на <div id="hr">Ссылка</div> осуществлялся переход по ссылке на другую страницу.

zhibirc · 09.07.2014, 13:34

Tatikoma, мне кажется, ТС имел/а ввиду несколько иное.

Однако я бы хорошо подумал, прежде чем реализовывать это. Это может иметь слабые места и по части SEO и по части семантики и соответствия страницы стандартам. Правила вложенности для HTML 5 определены достаточно лояльно, то есть вы можете вложить как <a> внутрь <div>, так и наоборот (если не ошибаюсь, там есть некоторые исключения, но приводимый вариант допустим). Стилизация проблем представлять не должна. Кроме того, реализованный с помощью скриптов механизм базовой логики, каковой можно считать возможность перехода по ссылкам, будет недоступен при отключенных и незагруженных скриптах. То есть может вполне получиться ситуация, когда на отрендеренной и, соответственно, видимой пользователю странице будут недоступны ссылки, а потом возможно неожиданно станут доступны. Это может ударить по юзабилити. Так что ищите оптимальное решение, а навесить по onclick location.assign('url') успеется.

@Нави · 09.07.2014, 14:05 **[ТС]**

zhibirc, от этого ни чего не пострадает, по скольку данные ссылки не играют ключевую роль и не должны и не смогут влиять на SEO.
Суть действия. Сократить количество символов. т.е. <div id="hr">Ссылка</div> короче чем <a target='_blank' href='http://www.mysite.ru/javascript/thread1224925.html'>Ссылка</a>

И не важно, что придется прописывать ссылки отдельно в js.

@and_y87 · 09.07.2014, 14:43

Нави,

HTML5

1	<span class="href">http://ajax.example87.ru</span>

JQuery:

Javascript

1
2
3

$('.href').click( function() {
  window.location = $(this).text();
});

Добавлено через 56 секунд
Рабочий пример

@Нави · 09.07.2014, 15:00 **[ТС]**

and_y87, спасибо!

@alexsamos33 · 10.07.2014, 12:52

Javascript

document.getElementById("href").onclick = function() {
    window.location.href = 'http://www.mysite.ru/'; // в текущем окне
//     window.open('http://www.mysite.ru/'); // в новом окне
}

@Tatikoma F́́́́́́́ŕ́́́́́́́é́́́ ́ak 259 / 223 / 109 Регистрация: 07.07.2014 Сообщений: 965
	09.07.2014, 13:16	2
	Да, используйте якоря. Код href="http://example.org/#anchor" 0

@Нави 1 / 1 / 0 Регистрация: 07.07.2010 Сообщений: 47
	09.07.2014, 13:22 [ТС]	3
	Наверно не так поняли. Надо, что бы при килике на <div id="hr">Ссылка</div> осуществлялся переход по ссылке на другую страницу. 0

zhibirc 650 / 235 / 77 Регистрация: 18.02.2013 Сообщений: 784
	09.07.2014, 13:34	4
	Tatikoma, мне кажется, ТС имел/а ввиду несколько иное. Однако я бы хорошо подумал, прежде чем реализовывать это. Это может иметь слабые места и по части SEO и по части семантики и соответствия страницы стандартам. Правила вложенности для HTML 5 определены достаточно лояльно, то есть вы можете вложить как <a> внутрь <div>, так и наоборот (если не ошибаюсь, там есть некоторые исключения, но приводимый вариант допустим). Стилизация проблем представлять не должна. Кроме того, реализованный с помощью скриптов механизм базовой логики, каковой можно считать возможность перехода по ссылкам, будет недоступен при отключенных и незагруженных скриптах. То есть может вполне получиться ситуация, когда на отрендеренной и, соответственно, видимой пользователю странице будут недоступны ссылки, а потом возможно неожиданно станут доступны. Это может ударить по юзабилити. Так что ищите оптимальное решение, а навесить по onclick location.assign('url') успеется. 0

@Нави 1 / 1 / 0 Регистрация: 07.07.2010 Сообщений: 47
	09.07.2014, 14:05 [ТС]	5
	zhibirc, от этого ни чего не пострадает, по скольку данные ссылки не играют ключевую роль и не должны и не смогут влиять на SEO. Суть действия. Сократить количество символов. т.е. <div id="hr">Ссылка</div> короче чем <a target='_blank' href='http://www.mysite.ru/javascript/thread1224925.html'>Ссылка</a> И не важно, что придется прописывать ссылки отдельно в js. 0

@Нави 1 / 1 / 0 Регистрация: 07.07.2010 Сообщений: 47
	09.07.2014, 15:00 [ТС]	7
	and_y87, спасибо! 0

	10.07.2014, 12:52