EOMY.NET
Хостинг EOMY.NET: Форум поддержки
 
 FAQFAQ   ПоискПоиск   ПользователиПользователи   ГруппыГруппы   РегистрацияРегистрация 
 ПрофильПрофиль   Войти и проверить личные сообщенияВойти и проверить личные сообщения   ВходВход 
RSS Feed  

Как повесить на кнопку ссылку?
На страницу 1, 2  След.
 
Начать новую тему   Ответить на тему    Список форумов EOMY.NET -> HTML и CSS
Как повесить на кнопку ссылку?
Автор Сообщение
dec-fpo
Интернет на завтрак
Интернет на завтрак


Зарегистрирован: 31.07.2010
Сообщения: 32

3088 Монеты

СообщениеДобавлено: Вс, 09 Окт, 2011 20:56    Заголовок сообщения: Как повесить на кнопку ссылку? Ответить с цитатой

Доброго времени суток!
Есть форма с двумя кнопками. Одна типа Submit, при нажатии на вторую должен осуществляться переход по url. Пробовал заключать тег <input> в тег <a>. Но IE такой вариант не понимает, в других браузерах все в порядке. Есть ли варианты решения этой задачи без JS?
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
corsar8888
Хостинг — это наше всё!
Хостинг — это наше всё!


Зарегистрирован: 01.01.2010
Сообщения: 280
Откуда: Новосибирск
12923 Монеты

СообщениеДобавлено: Вс, 01 Янв, 2012 15:41    Заголовок сообщения: Ответить с цитатой

Почему бы не использовать вместо "input" элемент "a" с определёнными стилями? Визуально кнопки будут идентичными.
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Отправить e-mail
Dis
Хостинг — это наше всё!
Хостинг — это наше всё!


Зарегистрирован: 23.07.2007
Сообщения: 224
Откуда: Российская Федерация, Белгород
13935 Монеты

СообщениеДобавлено: Вс, 01 Янв, 2012 17:22    Заголовок сообщения: Ответить с цитатой

Код:
<input type="button" class="button" value="Название кнопки" onclick="location.href='http://site.ru'" />

_________________
"Псих!", - подумал Ёжик

"Если абсурд и существует, то лишь во вселенной человека"
- Альбер Камю
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
DEXIF
#!/bin/bash
Согнул ложку


Зарегистрирован: 27.09.2006
Сообщения: 939
Откуда: Минск
50609 Монеты

СообщениеДобавлено: Вс, 01 Янв, 2012 20:02    Заголовок сообщения: Ответить с цитатой

Dis
Только такая ссылка не будет индексироваться...
Думаю вариант со стилями и <a> будет правильнее и элегантнее(ибо будет работать даже с отключённым JS) Smile
_________________

SED | Let's Rock! | XAP в ЛИЧКУ, SAPE
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
Dis
Хостинг — это наше всё!
Хостинг — это наше всё!


Зарегистрирован: 23.07.2007
Сообщения: 224
Откуда: Российская Федерация, Белгород
13935 Монеты

СообщениеДобавлено: Вс, 01 Янв, 2012 21:34    Заголовок сообщения: Ответить с цитатой

DEXIF
Вы правы, но только при этом придётся следить за идентичностью друг другу стилей настоящей кнопки и кнопки-ссылки. Плюс вопрос грамотной вёрстки для одинакового отображения различных элементов внутри одной группы в разных браузерах.
_________________
"Псих!", - подумал Ёжик

"Если абсурд и существует, то лишь во вселенной человека"
- Альбер Камю
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
DEXIF
#!/bin/bash
Согнул ложку


Зарегистрирован: 27.09.2006
Сообщения: 939
Откуда: Минск
50609 Монеты

СообщениеДобавлено: Пн, 02 Янв, 2012 07:46    Заголовок сообщения: Ответить с цитатой

Dis
Стили обнуляются для всех элементов, а потом устанавливаются одинаковые... с браузерами не так уж сильно придётся воевать... это меньшее из зол...
_________________

SED | Let's Rock! | XAP в ЛИЧКУ, SAPE
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
corsar8888
Хостинг — это наше всё!
Хостинг — это наше всё!


Зарегистрирован: 01.01.2010
Сообщения: 280
Откуда: Новосибирск
12923 Монеты

СообщениеДобавлено: Пн, 02 Янв, 2012 08:53    Заголовок сообщения: Ответить с цитатой

Dis писал(а):
Код:
<input type="button" class="button" value="Название кнопки" onclick="location.href='http://site.ru'" />

Не подходит под условия задачи...
dec-fpo писал(а):
Есть ли варианты решения этой задачи без JS?

Dis писал(а):
...при этом придётся следить за идентичностью друг другу стилей настоящей кнопки и кнопки-ссылки.

Зачем следить? Сделать один раз стили и пользоваться.
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Отправить e-mail
Dis
Хостинг — это наше всё!
Хостинг — это наше всё!


Зарегистрирован: 23.07.2007
Сообщения: 224
Откуда: Российская Федерация, Белгород
13935 Монеты

СообщениеДобавлено: Пн, 02 Янв, 2012 17:31    Заголовок сообщения: Ответить с цитатой

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

corsar8888 писал(а):
Сделать один раз стили и пользоваться.

Следить при внесении изменений. Или всё всегда делается на века?

Мысли вслух: сделать кнопку индексируемой можно просто добавив такую же невидимую ссылку, а вот оправдана ли морока с прописыванием дополнительных стилей для создания "анимации" псевдо-кнопки, которая во всех браузерах разная?
_________________
"Псих!", - подумал Ёжик

"Если абсурд и существует, то лишь во вселенной человека"
- Альбер Камю
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Dr.Bodja
Хостинг — это наше всё!
Хостинг — это наше всё!


Зарегистрирован: 24.07.2007
Сообщения: 146
Откуда: Украина
1702 Монеты

СообщениеДобавлено: Пн, 02 Янв, 2012 18:10    Заголовок сообщения: Ответить с цитатой

Я за вариант кнопки c использованием CSS.
_________________
База знаний Lineage 2
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Yahoo Messenger
corsar8888
Хостинг — это наше всё!
Хостинг — это наше всё!


Зарегистрирован: 01.01.2010
Сообщения: 280
Откуда: Новосибирск
12923 Монеты

СообщениеДобавлено: Вт, 03 Янв, 2012 03:42    Заголовок сообщения: Ответить с цитатой

Dis писал(а):
Следить при внесении изменений. Или всё всегда делается на века?

Если грамотно сделать, то в будущем не придётся ничего менять. Это не сложно. Регресс-тестирование, естественно, никто не отменял.

Развели демагогию Smile Какое решение выберет dec-fpo?
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Отправить e-mail
dec-fpo
Интернет на завтрак
Интернет на завтрак


Зарегистрирован: 31.07.2010
Сообщения: 32

3088 Монеты

СообщениеДобавлено: Сб, 18 Фев, 2012 17:11    Заголовок сообщения: Ответить с цитатой

Выбрал вариант со стилями. Спасибо за ответы. Smile
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
TranceSmile



Зарегистрирован: 28.02.2012
Сообщения: 1

58 Монеты

СообщениеДобавлено: Вт, 28 Фев, 2012 11:42    Заголовок сообщения: Ответить с цитатой

Вообще поднимите руки тот у кого отключен JS. Сейчас большинство сайтов с использование js. И если это ссылка на другой сайт то она не должна индексироваться поисковыми системами по правилам SEO
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
DEXIF
#!/bin/bash
Согнул ложку


Зарегистрирован: 27.09.2006
Сообщения: 939
Откуда: Минск
50609 Монеты

СообщениеДобавлено: Вт, 28 Фев, 2012 13:46    Заголовок сообщения: Ответить с цитатой

TranceSmile
В своей работе часто приходилось получать письма с жалобами что "что-то не работает" в 99% случаев была проблема именно с отключённым JS... Потому с некоторых пор стараюсь делать интерфейсы работающие и с JS и без него.
_________________

SED | Let's Rock! | XAP в ЛИЧКУ, SAPE
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
Алзим
Владелец сайта на хостинге EOMY
Красные глаза


Зарегистрирован: 17.10.2010
Сообщения: 2069
Откуда: Интернет
11629 Монеты

СообщениеДобавлено: Сб, 03 Мар, 2012 11:39    Заголовок сообщения: Ответить с цитатой

DEXIF писал(а):
Потому с некоторых пор стараюсь делать интерфейсы работающие и с JS и без него.

И это правильно, т.к. многие в браузерах используют плагины блокирующие работу ява-скриптов. У меня тоже стоит. Если сайт незнакомый, то очень мало шансов, что я позволю работу ява-скриптам на этом сайте. Скорее, я перейду на другой сайт.
_________________
Новая доходная и с быстрым выкупом биржа ссылок! Руби каппусту!
Дешёвый хостинг сайтов.
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
Ignis
Хранитель
Два пингвина


Зарегистрирован: 22.03.2011
Сообщения: 469
Откуда: Баку
25847 Монеты

СообщениеДобавлено: Сб, 03 Мар, 2012 19:28    Заголовок сообщения: Ответить с цитатой

TranceSmile писал(а):
И если это ссылка на другой сайт то она не должна индексироваться поисковыми системами по правилам SEO

Это правило превратило интернет в дерьмо. Когда-то именно ссылки считались плюсом сайта, значит, владелец заботится о посетителях, предоставляет им информацию по теме. А уж если брали что-то с чужого сайта - ссылка была обязательна.
В результате интернет развивался так, как и было задумано - путем переходов по ссылкам. Поисковики тогда только зарождались...
А теперь ссылки никто не ставит, все сдурели на этих тИЦ и прочих СЕО-прибамбасах. Мало того, что воруют информацию с сайтов и не ставят ссылки на оригинал, так еще и для информации ссылки не дают. Чертовы поисковики своими идиотскими критериями качества сайта (больше входящих и меньше исходящих) извратили и обгадили всю идею свободного интернета... Тьфу...

Алзим писал(а):
многие в браузерах используют плагины блокирующие работу ява-скриптов

Я тоже такой использую, поэтому предпочитаю сайты без скриптов и флеша. А то заходишь - и кроме "кирпича" вообще ничего не видишь... Чаще всего, просто ухожу. Но совсем без скриптов тоже плохо, в моем "Виртуальном доме" интерфейс основан на графике и скриптах, иначе просто невозможно сделать... Или я не знаю, как?
_________________
"Не усматривайте намерений в ошибках других людей". (C) Шри Шри Рави Шанкар
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
Показать сообщения:   
Начать новую тему   Ответить на тему    Список форумов EOMY.NET -> HTML и CSS Часовой пояс: GMT
На страницу 1, 2  След.
Страница 1 из 2

 


Rambler's Top100   Рейтинг@Mail.ru    



Powered by phpBB © 2001, 2005 phpBB Group