• 1255
  • 0
  • Адаптировал: irbees2008
  • Уровень сложности исполнения: это делается простым копированием и нажиманием кнопки

Сегодня мы добавим иконку у внешней ссылки используя jQuery плагин .
Иконка будет показываться рядом с теми ссылками, у которых прописан target="_blank" .
Итак приступим:
1.Подключаем скрипты в head main.tpl:

Код:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" >
(function(a){
a.fn.link_external_icon=function(p){
var p=p||{};
var icon_path=p&&p.icon_path?p.icon_path:"link_external.png";
var n=a(this);
n.find("a[target='_blank']").css("padding-right","13px").css("background-image","url("+icon_path+")").css("background-repeat","no-repeat").css("background-position","center right");
}
})(jQuery);
</script>
Повторно подключать jQuery не надо,если у вас уже подключен.
2.Далее после тега body добавляем :
Код:
<script type="text/javascript">
$(function() {
$("body").link_external_icon({
icon_path:"/link_external_ikonka_dli_vnechnix_ccilok.png"
});
});
</script>
3.Скачать архив с картинкой Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. ,распаковать и залить в корень сайта.
Все насладаемся внешними ссылками.

Можешь почитать и вот эту статейку "Переходы внутри сайта без перезагрузки на javascript history "

mistakes

Это тоже интересно

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

Ваше мнение

Ваше отношение к TWIG
Результаты

Облако тегов

Anything in here will be replaced on browsers that support the canvas element