Получить ссылку из href. Возможно ли?
Здравствуйте. Меня интересует решение следующей задачи.
Возможно ли по id тега <a ....></a> узнать содержимое его href? И под содержимому href загрузить содержимое уже самой ссылки и вывести её в каком-нибудь dive? То есть есть сайт, и я хочу, чтобы при нажатии на его ссылки он весь не перезагружался, а менялся лишь его контейнер посередине (а шапка, футер, сайдбары не менялись). Ссылок на сайте слишком много. Поэтому не разумно для каждой ссылки прописывать всё отдельно. А например задать class в тегах <a ...></a>, а javasript сам определит на какую ссылку именно был onclick и прочет содержимое href и на него сошлется. :blink: |
<a id=1 href=http://google.ru>Google</a>
<script>
var href = document.getElementById('1').href
alert( href )
location.href = href
</script>
мой совет, скачайте на народах или депозитах Подробное руководство я её на новогоднюю ночь читал :) |
<!DOCTYPE html>
<meta charset = "utf-8" />
<script type = "text/javascript">
window.onload = function(){
var As = document.getElementsByTagName("A");
for(var i = 0, l = As.length; i < l; i ++){
As[i].onclick = function(href){
return function(){
alert(href);
}
}(As[i].href);
As[i].href = "javascript: void 0";
}
}
</script>
<style type = "text/css">
</style>
<a href = "http://www.yandex.ru">Yandex</a>
<a href = "http://www.google.com">Google</a>
<a href = "http://www.yahoo.com">Yahoo</a>
ПС прошу прощения, не обновил перед отправкой поста, уже показали |
Нет. Не то. Не даром я создал эту тему в разделе jQuery. Меня интересует решение на jQuery. И ещё есть проблема, если хранить ссылки в href. Браузер на них переходит. А как отключить, чтобы браузер на них не переходил, если выполнился js? То есть моя цель такова: если у пользователя отключен js (ну или тот же поисковик например), то он стандартно грузит страницы. А если есть js, то просто загружать данные в div, не меняя остальных элементов страницы. В полных руководствах, в гугле и т.д. куча примеров, но они направлены, если href="#"
|
я же показал
window.onload = function(){ тут получаете нужные вам гиперссылки и подменяете href на "javascript: void(0)" а onclick назначаете обработчик который выполняет какой то js } Если js отключен то гиперссылки не изменятся |
ужас.
ну на тебе jQuery
<a id=1 href=http://google.ru>Google</a>
<script src="http://yandex.st/jquery/1.5.2/jquery.min.js"></script>
<script>
var href = $("a#1").*!*attr('href')*/!*;
alert( href+'\n\n А теперь нажмите на ссылку' )
$("a").click(function(){
alert('Не переходим!');
*!*return false;*/!*
})
</script>
|
Всем отозвавшимся спасибо. В суть дела въехал, заодно и JS и его библиотеку jquery вспомнил, всё что задумал получилось. Плюсики вам в карму.
|
Нужно отлавливать событие клик на элементе и отключать его!
|
melky,
У меня возник такой вопрос, как я поглядел на ваш пример, Цитата:
Даже не знаю в чем вопрос, наверно, правильно ли сделал автор jquery, что позволил делать такие выборки, ведь по сути это синтаксическая ошибка |
Цитата:
|
Kolyaj,
Спасибо. Раз любой кроме пробела, то так тому и быть. А что тогда делать с querySelectorAll? Хочется им пользоваться если он поддерживается, но он как видимо не допускает #1 Такого (я только в ff4 проверил) значит
try{
document.querySelectorAll("#1");
}catch(e){
//выбрать по-другому
}
|
Можно не значит нужно. Не используйте только цифры в качестве id, и проблем не будет.
|
Цитата:
А раз как вы говорили что document.getElementById не ругается на цифру, то и запрос $('#id') получается что не ругается. |
walik,
Да это и так понятно :) Кстати document.getElementById даже на пробелы не ругается, но в Jquery регулярка для id /^#[\w\-]+/ так что она не примет другие символы, и это, наверное, правильно, хоть она и обрабатывает все возможные варианты ввода во все свои методы, и поправляет за пользователем ошибки ввода, но совсем уж вольностей не позволяет, хотя и могла бы принимать как для id наборчик побольше (см пост Kolyaj со ссылкой на тему, где он говорит что использует id вида ":myid", чтобы ie не засорял глобальное пространство), исключили бы пробел(раз не положено) и запятую (чтобы разделять селекторы, перечисленные через запятую) |
| Часовой пояс GMT +3, время: 05:46. |