Верстка кнопки vs ссылка

[okunev2]

Столкнулся с проблемой, хочу спросить совета людей кто сталкивался с этим. Рад буду примерам.

Есть три положения кнопки: по-умолчанию, при наведении, и нажатая (сверху в низ см. )

Так post событие, то используется input кнопка, или можно обойтись ссылкой? Стиль меняю используя в ссылке спрайт изображения.

[css_noob]

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

А вообще по логике кода форму надо использовать.

Но можно ведь и на ссылку повесить сабмит.

А может я не понял в чем проблема?

[okunev2]

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

А вообще по логике кода форму надо использовать.

Но можно ведь и на ссылку повесить сабмит.

А может я не понял в чем проблема?

Проблема в том что событие post. Как на ссылку повешать его я не понимаю, не видел живого примера. Т.е. грубо говоря чтобы была ссылка, но действие происходило как по нажатию input событие submit

[Viper]

<button>?

[Быколай]

Проблема в том что событие post. Как на ссылку повешать его я не понимаю, не видел живого примера. Т.е. грубо говоря чтобы была ссылка, но действие происходило как по нажатию input событие submit

с jQuery это просто <= отправить post по событию.

Либо можно вызвать submit, навесив событие на click по данной ссылке/картинке/кнопке.

[css_noob]

<a href="#" onClick="generate_event();">Send</a>
<script>
function generate_event(){//Создаем событие сабмит
var e = document.createEvent("UIEvents");
e.initUIEvent("Submit", true, true, window, 1);
}
window.onload = regme();//регаем отлов события
function regme() {
  window.captureEvents(Event.SUBMIT);
  window.onsubmit = oyes;
}
function oyes(){
	alert("я сабмит");//сабмит произошел
}
</script>  

надеюсь помог

Edited October 1, 2012 by css_noob

[okunev2]

<button>?

но здесь возникает проблема кросбраузерности

Проблема в том что событие post. Как на ссылку повешать его я не понимаю, не видел живого примера. Т.е. грубо говоря чтобы была ссылка, но действие происходило как по нажатию input событие submit

с jQuery это просто <= отправить post по событию.

Либо можно вызвать submit, навесив событие на click по данной ссылке/картинке/кнопке.

Что-то не совсем понятен пример с jquery

[Viper]

но здесь возникает проблема кросбраузерности

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

[wwt]

о_О

Отправляем форму по клику по ссылке:

document.getElementById("alink").onclick = function(){
   document.getElementById("myform").submit();
}

всё.

ЗЫ Забыл если формы нет, то её можно создать динамически, а потом отправить ))

Edited October 2, 2012 by wwt

[okunev2]

но здесь возникает проблема кросбраузерности

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

Да, я про визуальные проблемы! Но честно уже на старые браузеры можно забить

о_О

Отправляем форму по клику по ссылке:

document.getElementById("alink").onclick = function(){
   document.getElementById("myform").submit();
}

всё.

В сети можно глянуть работающий пример?

[wwt]

но здесь возникает проблема кросбраузерности

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

Да, я про визуальные проблемы! Но честно уже на старые браузеры можно забить

о_О

Отправляем форму по клику по ссылке:

document.getElementById("alink").onclick = function(){
   document.getElementById("myform").submit();
}

всё.

В сети можно глянуть работающий пример?

как то так http://jsfiddle.net/SJc7Z/

[SelenIT]

В принципе, добавлялка в корзину, особенно аяксовая, имхо, вполне вписывается в псевдонессылку.

А навешивание на ссылки поведения, ломающего ссылочные стереотипы, лично меня бесит. И не только меня

[wwt]

Согласен. Вообще для графических кнопок есть CSS и собственно <input type="image"> у которого есть событие onsubmit которое и эмулировать ненужно))

2TC - Собственно с помощью именно кнопки и никакого javascript ненужно http://jsfiddle.net/Np5Rb/

Edited October 2, 2012 by wwt

[okunev2]

В принципе, добавлялка в корзину, особенно аяксовая, имхо, вполне вписывается в псевдонессылку.

А навешивание на ссылки поведения, ломающего ссылочные стереотипы, лично меня бесит. И не только меня

Я решил использовать button, но есть засада то что не работает в button:active в нем меняем положение спрайта

[wwt]

работает http://jsfiddle.net/mfeCb/