Не работает ссылка блоком

Drupal Русскоязычное сообщество

Не работают ссылки в блоке, как текстовые так и картинкой. В чем может быть проблема?

Комментарии

Перекрыто версткой. Либо кодом js который возвращает ложь

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

Да, вполне вероятно, а конкретные действия для исправления этой ситуации не подскажите или это непосредственно смотреть, что там наворочено в админке?

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

Перекрыт блоком содержащий яндекс.счетчик с js кодом.

display:none;

Так, я могу ошибаться, правильно вставил участок кода?

var n = d.getElementsByTagName ( «script» ) [ 0 ] ,
s = d.createElement ( «script» ) ,
f = function ( ) < n.parentNode.insertBefore ( s, n ) ; >;
s.type = «text/javascript» ;
s.async = true ;
s.src = ( d.location.protocol == «https:» ? «https:» : «http:» ) + «//mc.yandex.ru/metrika/watch.js» ;

if ( w.opera == «[object Opera]» ) <
d.addEventListener ( «DOMContentLoaded» , f, false ) ;
> else < f ( ) ; >
> ) ( document, window, «yandex_metrika_callbacks» ) ;
script > noscript > div > img src= «//mc.yandex.ru/watch/25561346» style= «position:absolute; left:-9999px;» alt= «»/> div > noscript > — / Yandex.Metrika counter — > p >
p >& nbsp; p >

Нет.
ПРимерно надо вот так
Я абзац, выделенный красным цветом, других таких на сайте нет

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

Нет.
ПРимерно надо вот так
Я абзац, выделенный красным цветом, других таких на сайте нет

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

Не понял сразу, что имеется ввиду HTML, но при таком варианте все равно блок перекрывает ссылки

var n = d.getElementsByTagName ( «script» ) [ 0 ] ,
s = d.createElement ( «script» ) ,
f = function ( ) < n.parentNode.insertBefore ( s, n ) ; >;
s.type = «text/javascript» ;
s.async = true ;
s.src = ( d.location.protocol == «https:» ? «https:» : «http:» ) + «//mc.yandex.ru/metrika/watch.js» ;

if ( w.opera == «[object Opera]» ) <
d.addEventListener ( «DOMContentLoaded» , f, false ) ;
> else < f ( ) ; >
> ) ( document, window, «yandex_metrika_callbacks» ) ;
script > noscript > div > img src= «//mc.yandex.ru/watch/25561346» style= «position:absolute; left:-9999px;» alt= «»/> div > noscript > — / Yandex.Metrika counter — >
p >& nbsp; p >
p >& nbsp; p >
div >
[ code ]

p > a href .
тега не должно быть
вы посмотрите на оригинал который вам дает яндекс метрика и на то, что вы тут запостили
формат ввода full html не забудьте

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

Я убрал все теги p > проблему это не решило,блок с яндекс.счетчиком все равно перекрывает блок с ссылками.
Да, эти теги добавлял не я, они добавились автоматически.

Источник

Не работает ссылка HTML (не кликается)

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

Никакой JS не висит на ссылке, никакой блок не перекрывает её, палец при наведении появляется, ховер эффект тоже, но вот левый клик не работает

3 ответа 3

Проблема не воспроизводится. Вероятно, следует проверить обработчики событий через devtools браузера и выяснить, какой именно вызывает preventDefault .

У меня такая же проблема возникла когда я добавил на сайт навигационное меню. Все ссылки этого меню перестали срабатывать на левую кнопку, для этого меню я прописал маленький JS и из-за этого перестало работать. Нашёл способ: в ссылку надо прописать onclick=»window.open(‘Ваша ссылка’)» Вот так будет выглядеть, надеюсь поможет.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками html или задайте свой вопрос.

Похожие

Подписаться на ленту

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

дизайн сайта / логотип © 2021 Stack Exchange Inc; материалы пользователей предоставляются на условиях лицензии cc by-sa. rev 2021.10.15.40479

Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.

Источник

Почему тег «a href» при клике на него не работает?

Сразу замечу что баг смог воспроизвести только на webkit-браузерах, и это были opera, chrome и яндекс-браузер. В ie11, firefox этого бага нет.

Допустим есть некий тег a, у него есть некий атрибут href, содержащий соотвественно некий url.
И если стилизовать этот тег как display: inline-block или просто block, проставить какие-нибудь паддинги, то у него внутри появляется небольшая область, нажатие на которую не приводит ни к переходу по ссылке указанной в href, ни даже к появлению события click.

Говоря что не появляется событие click я имею в виду что не срабатывает вот такое простейшее событие:

Если кликать не в проблемную область, то событие ожидаемо срабатывает.

Здесь полный пример: codepen.io/anon/pen/rvGgy
Конкретно в данном примере нерабочая область имеет высоту в 2 пикселя и находится точно под текстом. На том же уровне, но уже не под текстом ссылка работает.

Никакой информации по этому багу нагуглить не удалось, как-то избавиться от него тоже не удалось, и посему вопрос — можно ли как-то сделать этот самый тег полностью, так сказать, кликабельным?

• Вопрос задан более трёх лет назад
• 15947 просмотров

Очуметь, и вправду — слепая область в пару пикселей. Немного поигравшись с примером пришел к выводу, что проблема в следующем:
— перед кликом, в слепой области, курсор находится над `а` (но не над текстом! `padding`)
— во время клика кнопка уходит вниз (`:active `) и курсор наезжает на текст
— и клик не отрабатывает, потому что нажатие началось над `а`, закончилось над текстом.

Такой же эффект, если мы при `:active` сдвигаем кнопку через `relative/top` а не через `margin`. codepen. Заметьте, что слепая область при `top:8` увеличилась на 8px.

Лечим через pointer-events codepen

Но мне кажется, что такое поведение заслуживает баг репорта, или кто-то имеет больше информации по этому поводу?

Источник

Ссылка на каталог HTML не работает, если каталог не с самого начала

Моя проблема в том, что у меня есть куча файлов HTML, но в простом случае у меня есть папка public_html / pages + index.html / в папке страниц находится dmca.html .

Поэтому, когда я хочу найти файл с помощью href = » pages / dmca.html «, он не работает, а с другой стороны, когда я использую » ../../public_html/pages /dmca.html «с самого начала он работает, нормально это или что-то не так, поэтому я могу использовать только простой способ, как я упоминал выше (ссылка)

2 ответа

Вы должны посмотреть, где находится файл .html в иерархии. Если вы находитесь в dmca.html и у вас есть href на этой странице для second.html, вам нужно будет вернуться назад в каталог страниц, а затем перейти к файлу: ../second.html

Теперь, если вы находитесь в index.html и у вас есть ссылка href на dmca.html, вам нужно будет вернуться на один уровень назад, войти в каталог страниц и выбрать файл .html. Это будет примерно так: ../pages/dmca.html

Если я неправильно объяснил или неправильно понял вопрос, сообщите мне.

Что происходит, если я правильно понимаю проблему, заключается в том, что вы находитесь в index.html и хотите href dmca.html, но маршрут, который вы используете pages/dmca.html , не работает, но если вы используете < >, значит, работает. И я думаю, вы спрашиваете, почему это происходит.

Что ж, когда вы используете pages/dmca.html , вы говорите: найдите подкаталог с именем ‘pages’ и перейдите к файлу внутри него с именем dmca.html. Это было бы правильно, если бы у вас была такая иерархия:

Но index.html — это файл, поэтому он не может содержать подкаталоги. Вот почему вам нужно подняться на один уровень вверх по иерархии, а затем, когда вы окажетесь в public_html /, вы можете выбрать загрузку index.html или перейти в подкаталог public_html / pages и выбрать из него файл.

Прямо сейчас я работаю над своей веб-страницей и . переосмысливая это, я должен сказать, что вы были правы, я имею в виду, что то, что вы делали, должно было сработать.

Посмотрите мои каталоги. У меня есть папка htdocs, внутри у меня есть файлы .png, index.html и папка с названием «prova», внутри папки «prova» у меня есть index2. Как видите, это тот же случай, что и ваш. У меня есть href на index.html, в котором написано href=»prova/index2.html» , и он мне подходит. На самом деле то, что я сказал тебе утром, неверно. Мне жаль :/ Потому что, если я напишу ../prova/inedx2.html , произойдет то, что папка «htdocs» будет удалена из URL. Остается как: «PortàtilHP_antic_pare / prova / index2.html». Вы можете видеть, что папка между «PortàtilHP_antic_pare» и «prova», которая должна быть «htdocs», исчезла.

Так что теперь мне интересно, чем мой ответ был для вас полезен. Думаю, я неправильно это понял, и почему-то мой ответ заставил вас изменить то, что каким-то образом сработало.

Источник

Не работает ссылка блоком

Да, блок «Мессенджеры» с простым интерфейсом (вводится ник пользователя или номер телефона) доступен только на платных тарифах PRO или BUSINESS.

Для добавления кнопки перехода на WhatsApp нажимаете кнопку «Добавить новый блок» и выбираете «Мессенжеры».

В блоке «Мессенджеры» выбираете WhatsApp, затем вводите номер телефона, текст-шаблон сообщения (если он необходим, это «шаблон ленивого клиента», который можно отправить вам в один клик) и нажимаете кнопку «Сохранить»

Для размещения иконок мессенджеров в одну строку необходимо настроить все нужные мессенджеры в одном блоке (нажимая кнопку «Добавить еще»), затем на вкладке «Настройки» выбрать стиль «компактные ссылки с оформлением», «круглые ссылки с оформлением» или «иконки приложений».

Возможно, у вас включено приложение (расширение браузера) блокирующее показ рекламы. К примеру, adblock или adguard. Оно распознает кнопки мессенджеров и социальных сетей как рекламу и блокирует их отображение.

Для работы с Taplink это приложение (расширение) следует отключить (удалить).

Блокировщики рекламы действуют по своим алгоритмам и нарушают нормальную работу сайтов. К сожалению, повлиять на их поведение мы не можем.

Текст-шаблон это функция мессенджера WhatsApp, так называемый «шаблон ленивого клиента». При ее использовании в приложении мессенджера отрывается чат с заранее введенным текстом, который клиент может отправить вам в один клик, просто нажав кнопку «Отправить».

Нажмите «Добавить новый блок» — «Ссылка». В открывшемся диалоговом окне укажите:

• Заголовок (1, название которое видят посетители, шрифт заголовка более крупный), заполнение обязательно.
• Подзаголовок (2, он тоже отображается на кнопке, но более мелким шрифтом), заполнение опционально.
• В поле действие выберите действие «Открыть сайт» (3)
• Указываете полный адрес нужной страницы (4, вводится с префиксом http или https, к примеру https://taplink.ru). Обратите внимание, из браузера Instagram ссылки с http могут не работать.

Нажмите «Сохранить» для добавления блока на свою страницу Taplink.

1. Проверьте корректность ссылки. Ссылки на сайт имеют вид https://taplink.ru.
2. Если выдает ошибку сертификата или похожую — попробуйте вставить ссылку с префиксом HTTP вместо HTTPS — http://taplink.ru. Имейте ввиду, для перехода из браузера Instagram сайт должен открываться по https, если выдает ошибку — проверьте корректность SSL-сертификата на стороне вашего сайта (на который ставите ссылку).
3. Возможно, ваш сайт слишком «тяжел» для встроенного в приложение Instagram браузера. Для проверки — откройте свой Taplink через полнофункциональный браузер (Chrome, Safari или с компьютера) и перейдите по ссылке на сайт. Если она открывается, но из приложения не работает — причина в вашем сайте. Для проверки можете вставить ссылку на нужный сайт к себе в профиль Instagram и проверить, будет ли осуществляться переход из приложения. Если переход не выполняется — причина сбоя на стороне вашего сайта.

Чтобы сделать кнопку «Позвонить» (при ее нажатии открывается приложение «Телефон» с нужным номером) добавьте блок «Ссылка» с действием «Позвонить» и нужным номером телефона. Код страны выбирается из выпадающего списка и определятся автоматически по вашему местоположению.

Добавьте блок «Ссылка» с действием «Отправить эл. письмо», укажите нужный адрес электронной почты и тему сообщения.

Вы можете сделать переходы на любое количество номеров Whatsapp / Viber. Добавьте нужное количество блоков «Мессенджеры», в каждом из которых укажите свой номер.

Для добавления возможности скачивания файла на страницу Taplink необходимо:

1. Поместить нужный файл в облачное хранилище (к примеру, Яндекс.Диск) и создать для него публичную ссылку.
2. На странице Taplink добавить блок «Ссылка», в котором в качестве адреса указать URL публичной ссылки на файл, созданный на шаге 1.

Для перехода в чат WhatsApp необходимо добавить на страницу блок «Мессенджеры» — «WhatsApp», выбрать «Чат», указать пригласительную ссылку https://chat.whatsapp.com/*** и сохранить блок.

Обратите внимание, любой переход по номеру телефона настраивается в режиме «Телефон», а не «Чат». Режим «чат» служит для перехода именно в группы WhatsApp.

Для добавления изображения на кнопку в режиме редактирования блока «Ссылка» перейдите на вкладку «Миниатюра» и выберите стандартное или загрузите собственное изображение. Собственные изображения вы загружаете в систему однократно (в вашу библиотеку изображений), далее можно будет выбрать их для любых блоков «Ссылка» вашего Taplink.

Необходимо добавить на странице блок «Мессенджеры» — «Viber», выбрать режим «Канал». В строке «Укажите ссылку на канал» разместить пригласительную ссылку на этот канал и сохранить изменения. Ссылку можно указать в формате https://invite.viber.com/[код_приглашения], либо в формате https://viber.com/[название_канала]. Получить ссылку можно в настройках вашего канала Viber по кнопке «Поделиться».

Для включения анимации для блоков «Ссылка» перейдите на вкладку «Настройки» этого блока, включите переключатель «Анимация» и выберите подходящий эффект.

У мессенджера Viber (как и других мессенджеров) есть особенность — нельзя написать самому себе. Поэтому проверку работы перехода к Viber следует выполнять с телефона, где с Viber связан номер, отличающийся от того, что введен в Taplink.

Переход в Telegram через диплинк выполняется по нику пользователя, а не по номеру телефона. Чтобы задать свой ник необходимо в приложении Telegram на телефоне зайти в «Настройки» и найти пункт «Имя пользователя».

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

Для добавления кнопки Telegram в Taplink нажимаете «Добавить новый блок» — «Мессенджеры» — «Telegram», указываете там имя пользователя без @ и нажимаете кнопку «Сохранить».

Мы рекомендуем использовать блок «Мессенджеры» — «Telegram», куда вводится название канала без @, t.me или иных дополнений. Обратите внимание, речь идет не о названии канала, которое отображается пользователям, а о его URI, совпадающем с частью ссылки после t.me.

Необходимо исправить настройки блока «Мессенджеры» — ник пользователя Telegram вводится без @.

Поддержки перехода в Direct нет, через блок «Социальные сети» можно перейти только на профиль Instagram. Эта социальная сеть не одобряет автоматизацию в части рассылки личных сообщений.

Источник