ErUnDAK

Помощь по <button>

7 сообщений в этой теме

Мне нужно сделать <button>, по которой выводилась бы новая вкладка с сайтом каким-нибудь. С <a> работает, <button> не знаю как, всё перепробывал. Можете показать и объяснить так же код новичку? Или так невозможно. Заранее благодарю. 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
<button type="button" onclick="window.location.href = 'https://google.com'">Go To Goole</button>

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
15 минут назад, klierik сказал:

<button type="button" onclick="window.location.href = 'https://google.com'">Go To Goole</button>

 

ВСё работает, но не выводит новую вкладку. Заменяется старой, то есть.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
<button type="button" onclick="window.open('https://support.wwf.org.uk/earth_hour/index.php?type=individual', '_blank')">Go To WWF</button>

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
14 часа назад, klierik сказал:

<button type="button" onclick="window.open('https://support.wwf.org.uk/earth_hour/index.php?type=individual', '_blank')">Go To WWF</button>

 

То, что нужно было. Очень благодарю вас!

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

На сколько я понимаю, что правильно и валидно использовать тег <a href=#></a> для перехода по ссылке, а <button> для отправки формы

Или я заблуждаюсь?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
15 часов назад, MegaQiwi сказал:

На сколько я понимаю, что правильно и валидно использовать тег <a href=#></a> для перехода по ссылке, а <button> для отправки формы

Или я заблуждаюсь?

Все правильно. Но в данном случае для реализации поставленной задачи было предложено соответствующее решение.

Клик может происходить даже по <div> -- сути это не меняет, так как само решение не имеет отношения к имени тега.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!


Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.


Войти сейчас

  • Похожие публикации

    • Автор: ErUnDAK
      Здравствуйте. У меня возникла проблема, что не могу расположить кнопку справа от слов "ИС-41521", постоянно над или под ними. Как мне правильно вставить кнопку, чтобы расположить её справа/слева?
      <html> <head> <style> #header { /* Верхний блок */ background: #0080c0; /* Цвет фона */ padding: 5px; /* Поля вокруг текста */ position: relative; top: -3px; } </style> </head> <body class="block"> <div id="header"> <h1>ИС-41521</h1> <input type="button" onclick="window.open('Реклама туров.html')" value="Hello World!"> </div> <div id="sidebar"> </body> </html>  
    • Автор: ErUnDAK
      Как мне через тэг INPUT сделать кнопку, по нажатию которой ОПРЕДЕЛННЫЙ текст будет увеличиваться/уменьшаться?
    • Автор: bdrch
      Доброго времени суток! Данная страница выводит результат из mysql в виде таблицы. Каждая строка является кнопкой, которая переводит пользователя на страницу редактирования строки.
      Проблема заключается в том, что я не могу сверстать ширину колонок. Укажите мне на мои ошибки. Заранее благодарен.
      <style> .serch { width: 160px; border: solid 1px #E5E5E5; padding: 5px; font-size: 33px; background: -webkit-gradient( linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF) ); background: -moz-linear-gradient( top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px ); -moz-box-shadow: 0px 0px 8px #f0f0f0; -webkit-box-shadow: 0px 0px 8px #f0f0f0; box-shadow: 0px 0px 8px #f0f0f0; } .table { display: table; border-collapse: collapse; border: none; width: 100%; margin-top: 10px; padding: 0px; } .table_tr { display: table-row; width: 100%; height: 50px; padding: 0; border: none; } .table_td1 { display: table-cell; width: 10%; vertical-align: middle; } .table_td2 { display: table-cell; width: 10%; vertical-align: middle; } .table_td3 { display: table-cell; width: 10%; vertical-align: middle; } .table_td4 { display: table-cell; width: 10%; vertical-align: middle; } .table_td5 { display: table-cell; width: 10%; vertical-align: middle; } .table_td6 { display: table-cell; width: 50%; text-align: center; vertical-align: middle; } </style> <form method="post" class="table"> <div class="table_tr"> <div class="table_td1">Дата</div> <div class="table_td2">Кв</div> <div class="table_td3">Уч</div> <div class="table_td4">Фамилия</div> <div class="table_td5"><input type="text" autocomplete="off" name="selch1" maxlength="8" placeholder="Счетчик" class="serch"><input type="image" name="searchch" src="searchb.png" value=" " align="top"></div> <div class="table_td6">Событие</div> </div> <? while($row=mysql_fetch_array($result)) { echo '<button name=edit value="'.$row['id'].'" class="table_tr"><div class="table_td1">'.$row['date'].'</div><div class="table_td2">'.$row['kv'].'</div><div class="table_td3">'.$row['uch'].'</div><div class="table_td4">'.$row['fio'].'</div><div class="table_td5">'.$row['ch1'].'</div><div class="table_td6">'.$row['sob'].'</div></button>'; } } ?> </form>