Цель = при вводе текста в строку и нажатии Enter что бы этот текст искался в яндексе. То есть тоже самое что бы происходило, как при нажатии на кнопку.
Изначально при нажатии на Enter и на кнопку текст просто добавлялся в строку адреса браузера! Это очень полезное дело, устойчивое, главное
получилось заставить работать кнопку, получилось отменить добавление текста в строку адреса при нажатии на Enter в строке, но как заставить отработать нажатие кнопки при нажатии на Enter?
Вот текст, подскажите:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Google - подобный дизайн строки поиска</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="description" content="Google Search" />
<style>
#search {
margin:20px;
}
#field {
float:left;
width:300px;
height:27px;
line-height:27px;
text-indent:10px;
font-family:arial, sans-serif;
font-size:1em;
color:#333;
background: #fff;
border:solid 1px #d9d9d9;
border-top:solid 1px #c0c0c0;
border-right:none;
outline: none;
}
#mit {
cursor:pointer;
width:70px;
height: 31px;
line-height:0;
font-size:0;
text-indent:-999px;
color: transparent;
background: url("search.png") no-repeat #4d90fe center;
border: 1px solid #3079ED;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
#mit:hover {
background: url("search.png") no-repeat center #357AE8;
border: 1px solid #2F5BB7;
}
</style>
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript">
$( function() {$('form').submit(function() {
return false;
});
});
</script>
</head>
<body>
<div id="search">
<form name="" action="" type="">
<input type="text" name="field" id="field" />
<input type="Button" name="mit" id="mit" value="go"
<button onclick="location.href='http://yandex.ru/search/?text='+$('input').val()"></button>
</form>
</div>
</body>
</html>