Как получить ссылку при нажатии на кнопку и перейти по ней?
Если строка с class="add_to_cart_button" содержит "Выберите параметры",
то при нажатии на button class="add-to-card-one" получить url от строки выше (кнопки выберите параметры) и перейти по этому url.
Помогите пожалуйста решить.
Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.3.13.43306
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Как узнать ссылку кнопки на сайте
Просмотр профиля
Группа: User
Сообщений: 1
Регистрация: 21.2.2016
Поблагодарили: 0 раз
Репутация: 0
Ребят, помогите советом.
Вот страница http://hroost.com — видите, сверху есть неумело установленная менюшка с валютой — украина, россия ? и кнопка "валюта". Скажите, можно ли узнать, какая получается ссылка при нажатии на "валюта"? чтобы назначить вместо этой менюшки обычные ссылки, нажимая на которые я смогу менять валюту на сайте. Спасибо
Webmaster_hb
Просмотр профиля
/>
Группа: User
Сообщений: 7538
Регистрация: 5.3.2007
Поблагодарили: 0 раз
Репутация: 0
тут просто кнопку нельзя заменить ссылкой
т.к. это форма с данными которые отправляются на сервер при нажатии на кнопку
если и делать вместо кнопки ссылки, без переделки серверной части сайта
то нужно на ссылку назначить javascript который активирует отправку данных из этой формы, т.е. это уже будет не ссылка — но внеше для пользователь сайта она будет выглядеть кака ссылка
Жизнь — это движение! А тестирование — это жизнь 🙂
При описании бага важна краткость. Можно, конечно, расписать полный путь — «Пойти туда, сделать то, потом се, потом сплясать на голове, нажать на кнопку Х и откроются врата ада! Тут-то и начинается самое интересное. «.
Но, если на нужную форму можно попасть без лишних плясок по прямой ссылке — указывайте ее, выкидывайте лишнее. Что делать, если прямой ссылки нет, окно всплывающее?
Рассмотрим на примере сайте https://dadata.ru/.
Если нажать на «Зарегистрируйтесь»
Откроется всплывающее окно регистрации, но ссылка останется старой.
Как получить прямую ссылку на окно регистрации?
1. Открыть ссылку в новом окне
Зажать Ctrl и кликнуть по слову «Зарегистрируйтесь» → в новом окне будет уже прямая ссылка, https://dadata.ru/#registration_popup
2. Копировать адрес ссылки
Если присмотреться, то приглашение на регистрацию даже не кнопка, а простая ссылка в тексте. Как получить URL ссылки?
Кликнуть правой кнопкой мыши — «получить адрес ссылки».
3. Найти элемент в панели разработчика
Если первые 2 способа не работают, нажмите F12 (в Chrome или FireFox) — откроется панель разработчика.
Выберите лупу — поиск элемента на странице.
Наведите курсор на интересующую кнопку / ссылку и нажмите на нее
В панели разработчика вы увидите исходный код данного элемента. Нас интересует атрибут href.
Берем href и добавляем к основной ссылке:
Профит!
PS — статья написана, чтобы помочь моим студентам описывать баги))
Как сделать ссылку кнопку или кнопку ссылку на HTML? По 3 способа!
Доброго времени суток! Каждый веб мастер задавался вопросом как же сделать кнопку по клику на которую человек сразу перейдет по нужному адресу. Простая ссылка » Ссылка» выглядит не красиво, и не всегда подходит по дизайну вашего сайта. Так же иногда возникает необходимость сделать обратное. Из обычной кнопки, сделать аналог ссылки, по клику на которой будет происходить переход по нужному адресу.
Для данных задач, как всегда, существует несколько возможных решений. Давайте разберем несколько из них.
Как сделать ссылку кнопкой
Первый способ
Сделать обычную ссылку, визуально похожей на кнопку, можно с помощью написания своих стилей CSS.
Итак, создаем обычную ссылку. И указываем адрес к нашим стилям, которые напишем чуть-чуть ниже.
А вот и они, виновники нашей победы над текстовой ссылкой, стили. Они преобразуют ее в кнопку.
Таким способом мы заменили все ссылки на странице на кнопки.
Второй способ
Этот способ достаточно банален и прост. Скорее всего именно так вы и хотели сделать такую кнопку изначально. Просто оберните картинку кнопки тегом » «!
Правда, теперь, если вы захотите сменить текст, вам придется нарисовать кнопку заново. Плюс, такая кнопка занимает больше места, трафика и времени загрузки страницы. Такой способ можно использовать для создания сложных кнопок, таких, которые невозможно сделать стилями CSS.
Третий способ
Этот способ практический такой же как и первый, за исключением того, что в первом методе мы использовали стили кнопок «по умолчанию«, сейчас же мы нарисуем свою кнопку «с блэк джеком и контуром!«.
Выглядеть такая ссылка будет как вам захочется. Нужно только придумать и написать стиль для нее. Текст меняется легко и не загромождает html код. Так-же, такая ссылка будет индивидуальной в отличие от первого способа, где заменялись все ссылки.
Как сделать кнопку ссылкой
Для обратной задачи, так-же существует несколько способов, которые мы рассмотрим далее в статье. Такая ситуация может возникнуть, если вы захотите использовать кнопку отдельно от формы, например что бы перенаправить пользователя на другую страницу. Можно сделать так чтоб кнопка выглядела как обычная кнопка, а вела себя как ссылка, а можно вообще перерисовать ее с учетом любых стилей.
Первый способ
Для того что-бы кнопка вела себя как ссылка, можно создать для нее форму, а внутри разместить одну лишь кнопку.
Второй способ
Тут мы уже задействуем магию JavaScript! Для этого, создадим функцию, которая будет перенаправлять пользователя куда нам нужно. И сделаем это так, чтоб можно было использовать эту функцию быстро и удобно в будущем.
Что-бы воспользоваться функцией нужно лишь прописать свойство onClick для любой кнопки.
Третий способ
Этот способ очень похож на второй, однако используется немного по другому. Отдельный JS код нам не понадобиться
Итоги
Как и всегда, несколько способов делают почти одно и тоже. Каким будите пользоваться именно вы, решать вам. Если остались какие-то вопросы, можно задать их в комментариях на сайте. Удачи!