Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » Присвоить всем ссылкам атрибут rel=

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

Yarlatnem

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Всем доброго времени суток.
Очень нуждаюсь в вашей помощи.
К примеру существует обычная страничка html или PHP в которой например записана ссылка или множество ссылок на изображения в интернете.
 
Еще на страничке к примеру подключен скрипт "Lightbox" (http://lokeshdhakar.com/projects/lightbox2/) который открывает изображения прямо в текущем окне.
 
Если каждой ссылке задать параметр rel="lightbox" скрипт будет работать.
 
Но если таких ссылок очень много, как автоматически всем ссылкам на странице при открытии добавить параметр rel="lightbox" ?
 
Может есть возможность вписать скрипт в страницу который автоматически добавлял бы параметр rel ?
 
Заранее всех благодарю за помощь !

Всего записей: 8 | Зарегистр. 27-06-2013 | Отправлено: 00:15 28-06-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Yarlatnem
либо с помощью php и регулярных выражений берет конечный код страницы и вставляете атрибут, но лучше, если страница генерится с помощью php, изменить код так, чтобы она добавлял этот атрибут сразу.
 
либо с помощью javascript добавляете после загрузки страницы (но до инициализации Lightbox)

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 00:19 28-06-2013 | Исправлено: Cheery, 00:20 28-06-2013
Yarlatnem

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Спасибо ! Могу ли я просить вас помочь мне с кодом на  javascript. Чтобы все корректно работало ?

Всего записей: 8 | Зарегистр. 27-06-2013 | Отправлено: 00:40 28-06-2013 | Исправлено: Yarlatnem, 00:40 28-06-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Yarlatnem

Цитата:
Чтобы все корректно работало ?


Цитата:
Если каждой ссылке задать параметр rel="lightbox" скрипт будет работать.

вы уверены, что у вас нет других ссылок?  
тогда до момента инициализации Lightbox вставить код

Код:
var els = document.getElementsByTagName('a');
for (var i = 0; i < els.length; i++)
els[i].setAttribute('rel', 'lightbox');


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 00:43 28-06-2013 | Исправлено: Cheery, 00:45 28-06-2013
Yarlatnem

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подробнее...

Всего записей: 8 | Зарегистр. 27-06-2013 | Отправлено: 00:56 28-06-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Yarlatnem
вставьте перед </body>, так проще всего (чтобы не ловить события загрузки страницы)

Код:
<script type="text/javascript">
var els = document.getElementsByTagName('a');  
for (var i = 0; i < els.length; i++)  
els[i].setAttribute('rel', 'lightbox');
</script>
</body>


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 01:00 28-06-2013
Yarlatnem

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подробнее...

Всего записей: 8 | Зарегистр. 27-06-2013 | Отправлено: 01:08 28-06-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Yarlatnem
А, так у вас jquery, значит можно еще проще..
<script type="text/javascript">  
$(document).ready(function(){
$('a').attr('rel', 'lightbox');
});</script>
где угодно.
 
но и мой код должен работать без проблем, возможно дело в чем то другом - смотрите лог ошибок в браузере

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 01:40 28-06-2013
Yarlatnem

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Заработало ! Огромное Вам человеческое Спасибо !!! Вы даже не представляете как мне помогли.
Простите, последний вопрос - а можно сделать так чтобы скрипт подставлял атрибут только определенным расширениям файлов. Например только *.jpg, *gif. А остальные ссылки открывались в обычном режиме ?

Всего записей: 8 | Зарегистр. 27-06-2013 | Отправлено: 02:20 28-06-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Yarlatnem
нужно анализировать расширение файла в ссылке
например так
 

Код:
$(document).ready(function(){  
$('a').each(function(){
if ($(this).attr('href').match(/\.(jpg|gif)$/))
$(this).attr('rel', 'lightbox');
});  
});



----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 02:39 28-06-2013
Yarlatnem

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Благодарю ! Вы очень помогли мне !

Всего записей: 8 | Зарегистр. 27-06-2013 | Отправлено: 02:44 28-06-2013
gorelikov

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Здравствуйте. А как добавить не атрибут, а якорь. Типа #disqus_thread

Всего записей: 1 | Зарегистр. 22-12-2007 | Отправлено: 21:58 26-01-2016
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gorelikov
id? так же, как и выше, только заменить rel на id

Всего записей: 15100 | Зарегистр. 20-09-2014 | Отправлено: 05:57 15-04-2016
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » Присвоить всем ссылкам атрибут rel=


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru