Из разряда quick?
Я предпочитаю использовать кнопки оформленные в виде ссылок (a) - легко оформляются и не надо заморачиваться..
а тут решил опробовать input type=button внутри формы , но чтобы без перезагрузки страницы - ajaxom..
Так она почему-то не "отстреливает"...
Жму на нее - фон меняется на белый и все.. пока не кликнешь мимо нее в исходное состояние не возвращается...
Полагаю, что это из-за ее изначального предназначения? а-ля submit - страница перезагружается и она возвращается в исходное состояние?
<form id="links" name="links" method="post" class="form forma_short">
<input type="button" class="btn" id="add-btn" value="Кнопа">
</form>
form input[type="button"] {
text-align:center;
}
.btn {
display: block;
height:auto;
width:150px;
background-color:#2C3E50;
color:#D3D3D3;
font-size:1em;
text-transform:uppercase;
padding: 10px;
margin-bottom: 10px;
}
$('#add-btn').on('click', function(e) {
data=$('#links').serialize();
$.ajax({
type: "POST",
url: "../handler_temp.php",
data: {
data: data,
operation: 'add'
},
success: function(data, textStatus){
$('#debug').html(data);
}
});
}); // конец #add click
фокусы?
Средний
