Как сделать кнопку на сайте для перехода ВК

изменила на id// только не окружать header(«Location: report.php»); php..как же.. ксли все это в файле registr.js?

29 авг 2012 в 10:53

4 ответа 4

Сортировка: Сброс на вариант по умолчанию

Написать отчет
Отслеживать
28.4k 10 10 золотых знаков 57 57 серебряных знаков 118 118 бронзовых знаков
ответ дан 29 авг 2012 в 10:54
8,089 5 5 золотых знаков 33 33 серебряных знака 51 51 бронзовый знак
$(‘button[name=»write»]’).click(function () < location.href = «report.php»; >);

Написать отчет
Отслеживать
ответ дан 26 сен 2016 в 13:46
2,677 1 1 золотой знак 13 13 серебряных знаков 21 21 бронзовый знак

Возможно, не импортирована библиотека jQuery. Я сделал всё без той библиотеки именно так, как Вы хотели

document.getElementsByName(«write»)[0].onclick = function()
Отслеживать
ответ дан 26 сен 2016 в 15:01
999 8 8 серебряных знаков 29 29 бронзовых знаков

Предложу такой подход — особенно если кнопок много и есть желание писать программер-френдли код:

Уроки jQuery практика- как сделать кнопку наверх (back to top) как вконтакте


stacksnippets.net stacksnippets.net stacksnippets.net $(‘button’).on(‘click’, function()< window.location.href = $(this).attr(‘url’); >);
Отслеживать
ответ дан 19 ноя 2018 в 7:11

2,758 9 9 серебряных знаков 34 34 бронзовых знака
ради одной строчки подключать целое jquery ?
19 ноя 2018 в 7:13
а чем этот ответ отличается от трех таких же уже данных ответов?
19 ноя 2018 в 7:18
19 ноя 2018 в 7:18
19 ноя 2018 в 7:46

Highly active question. Earn 10 reputation (not counting the association bonus) in order to answer this question.

The reputation requirement helps protect this question from spam and non-answer activity.

  • jquery
  • html
Еще по теме:  Вконтакте как пользоваться в Италии

Источник: ru.stackoverflow.com

Как сделать ссылку кнопку или кнопку ссылку на HTML? По 3 способа!

Доброго времени суток! Каждый веб мастер задавался вопросом как же сделать кнопку по клику на которую человек сразу перейдет по нужному адресу. Простая ссылка » Ссылка» выглядит не красиво, и не всегда подходит по дизайну вашего сайта. Так же иногда возникает необходимость сделать обратное. Из обычной кнопки, сделать аналог ссылки, по клику на которой будет происходить переход по нужному адресу.

Для данных задач, как всегда, существует несколько возможных решений. Давайте разберем несколько из них.

Как сделать ссылку кнопкой

Первый способ

Сделать обычную ссылку, визуально похожей на кнопку, можно с помощью написания своих стилей CSS.

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

А вот и они, виновники нашей победы над текстовой ссылкой, стили. Они преобразуют ее в кнопку.

Как добавить кнопки, ссылки на другие соц.сети в сообщество ВК через виджет Senler

сслыка кнопка, css стилями

Таким способом мы заменили все ссылки на странице на кнопки.

Второй способ

Этот способ достаточно банален и прост. Скорее всего именно так вы и хотели сделать такую кнопку изначально. Просто оберните картинку кнопки тегом » «!

ссылка кнопкой с помощью картинки

Правда, теперь, если вы захотите сменить текст, вам придется нарисовать кнопку заново. Плюс, такая кнопка занимает больше места, трафика и времени загрузки страницы. Такой способ можно использовать для создания сложных кнопок, таких, которые невозможно сделать стилями CSS.

Третий способ

Этот способ практический такой же как и первый, за исключением того, что в первом методе мы использовали стили кнопок «по умолчанию», сейчас же мы нарисуем свою кнопку «с блэк джеком и контуром!».

.ssilka< border:1px solid #ccc; /*рамка*/ background:#eaeaea; /*фон*/ padding: 10px 10px; /*отступы внутри*/ text-decoration: none; /*убрать подчеркивание ссылки*/ >

Еще по теме:  Как Вконтакте быть в союзе

Как сделать ссылку кнопку или кнопку ссылку на HTML? По 3 способа!

Выглядеть такая ссылка будет как вам захочется. Нужно только придумать и написать стиль для нее. Текст меняется легко и не загромождает html код. Так-же, такая ссылка будет индивидуальной в отличие от первого способа, где заменялись все ссылки.

Как сделать кнопку ссылкой

Для обратной задачи, так-же существует несколько способов, которые мы рассмотрим далее в статье. Такая ситуация может возникнуть, если вы захотите использовать кнопку отдельно от формы, например что бы перенаправить пользователя на другую страницу. Можно сделать так чтоб кнопка выглядела как обычная кнопка, а вела себя как ссылка, а можно вообще перерисовать ее с учетом любых стилей.

Первый способ

Для того что-бы кнопка вела себя как ссылка, можно создать для нее форму, а внутри разместить одну лишь кнопку.

Кнопка как ссылка

кнопка как ссылка с использованием форм

Второй способ

Тут мы уже задействуем магию JavaScript! Для этого, создадим функцию, которая будет перенаправлять пользователя куда нам нужно. И сделаем это так, чтоб можно было использовать эту функцию быстро и удобно в будущем.

function GoUrl(url)

Что-бы воспользоваться функцией нужно лишь прописать свойство onClick для любой кнопки.

Кнопка как ссылка 2

Третий способ

Этот способ очень похож на второй, однако используется немного по другому. Отдельный JS код нам не понадобиться

Кнопка как ссылка 3

Итоги

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

Удачи!

Источник: you-hands.ru

Как сделать кнопку?

Новички, создающие собственный сайт, сталкиваются с вопросом создания кнопок для разделов сервиса. Кнопкой называют картинку, щелкая по которой, пользователь заходит на соответствующий раздел сайта.

Как сделать кнопку для сайта

комментировать
в избранное
Mykha­ lich [94.2K]
9 лет назад

Сделать кнопку для сайта ( нарисовать и создать HTML код для вставки ) можно например при помощи программы WYSIWYG Web Builder 9:

Еще по теме:  Как поздравить человека с днем рождения в ВК в истории

1.Выбираем инструмент «форма».

текст при наведении

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

текст при наведении

3.Чтобы получить HTML код полученной кнопки необходимо кликнуть соответствующую кнопку в меню программы(HTML) и копируем содержимое открывшегося окна.

Теперь можно вставлять его на страницу сайта.

текст при наведении

автор вопроса выбрал этот ответ лучшим
комментировать
в избранное ссылка отблагодарить
8 лет назад

Чтобы сделать кнопку, нужно вставить определённый код на свою страницу.

Переход на другую страницу или на другой сайт можно делать как просто через HTML, так и через Javascript.

Внутрь тега кнопки можно вставить тег кратинки вместо текста, например:

1 Переход просто через HTML, должен работать даже при выключенном Javascript.

Просто помещаем теги нашей кнопки внутри тегов ссылки:

а) Переход в том же окне:

б) Открытие сайта в новом окне:

2 Переход через Javascript. Иногда хочется скрыть адрес, на который ведёт кнопка, который высвечивается, если поднести к ссылке курсор мыши. Тогда можно сделать кнопку на Javascript. При таком способе URL адрес не отображается.

Делается это так:

а) Переход в том же окне:

б) Открытие сайта в новом окне:

Тут нужно быть внимательным, так как тут внутри одинарных кавычек стоят двойные. Можно написать и наоборот — внутри двойных одинарные. Но нельзя два раза написать одинарные или двойные. Также, если разместить этот код ещё внутрь чего-то, где тоже кавычки, то это будут уже третьи кавычки и работать не будет, поэтому в таких случаях нужно писать не через кавычки, а вставлять содержимое в переменную и её уже вписывать, например так:

Источник: www.bolshoyvopros.ru

Рейтинг
( Пока оценок нет )
Загрузка ...