Форум

Jekel · #1 (**permalink**) 10.06.2010, 03:39

Привет, есть код:

.control{ 
	border: 0px;
	padding: 0px;
	margin: 0px;
	background: none;
	cursor: hand;
}
<button class="control" name="value" value="link1">link1</button>

Как убрать движение кнопки при ее нажатии?

Octane · #2 (**permalink**) 10.06.2010, 04:42

В IE? Скорее всего никак.

Jekel · #3 (**permalink**) 10.06.2010, 04:49

да во всех браузерах......никак?? жаль

Jekel · #4 (**permalink**) 10.06.2010, 04:54

а реально сделать так что когда в картинке есть альфа канал то на нем нажать нельзя??

chippolino · #5 (**permalink**) 16.06.2010, 11:51

Вот кнопка без движения отправляет данные на сервер:
(index.php)

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>New</title>
<style type="text/css">
span, input {
	cursor:pointer;
}
input {
	border: 0px;
	padding: 0px;
	margin: 0px;
	background: transparent;
	font: 100% default;
}
</style>

<script type="text/javascript">
window.onload = function(){
	
	var text = document.getElementsByTagName('span');
	var form = document.forms[0];
	var subm = document.getElementsByTagName('input');	
	
	text[0].onclick = function(){
		form.submit();
	}
	subm[1].style.display = 'none';
	text[0].innerHTML = 'link1';
}
</script>
</head><body>

<span></span>

<form action="" method="post">
<input type="hidden" name="name" value="myvalue"/>
<input type="submit" value="link1"/>
</form>
<?php echo $_POST['name'];?>
</body></html>

Jekel · #6 (**permalink**) 16.06.2010, 18:07

жесть, много текста...но спасибо

Cuprum · #7 (**permalink**) 28.06.2010, 16:46

Если добавить внутренний элемент, то можно:

<button class="control" name="value" value="link1"><span>link1</span></button>

тогда для Opera

Код:

.control:active {
	position:relative; top:0; left:0;
}

Для IE6,7

Код:

.control span {
	position:relative;
}

Для IE8 через условный комментарий

Код:

<!--[if IE 8]>
<style type="text/css">
.control:active {
	position:relative; top:-1px; left:-1px;
}
</style>
<![endif]-->

Форум

Справочник

Discord чат

Курсы javascript