<input> поле...

[pweb]

как ще стане като се напише нещо в <input>полето като се премине на другото поле стойноста на първото да се визуализира до тях.

 

[shterev]

с JavaScript , но точно как не знам

 

[pweb]

да затова съм пуснал темата тук ама как

 

[emagi]

Ето, ако съм те разбрал както трябва ,имаше това в предвид:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#pole3 {
border:solid 1px red;
height:20px;
width:40px;
}
#pole4 {
border:solid 1px red;
height:20px;
width:40px;
}
</style>
<script type="text/javascript">
function check() {
var pole = document.getElementById('pole').value;
var object = document.getElementById('pole1');
object.innerHTML = pole;
}
</script>
</head>

<body>
<form method="" action="">
<table>
	<tr>
    	<td><input type="text" id="pole" onblur="check()" /></td><td><div id="pole1"> </div></td>
    </tr>
</table>
</form>
</body>
</html>

 

[pweb]

да супер точно това ми трябва.мерси

 

[shterev]

хм добро кодче , но emagi ако трябва да има повече инпут поелта , толкова функции ли ще правим т.е. можеш ли да го преработиш за повечко инпути? Че ми стана интересно и на мен

 

[emagi]

Ето ти за 4 полета:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.pole3 {
border:solid 1px red;
height:20px;
width:40px;
}
</style>
<script type="text/javascript">
function check(x,y) {
var pole = document.getElementById(x).value;
var object = document.getElementById;
object.innerHTML = pole;
}
</script>
</head>

<body>
<form method="" action="">
<table>
<tr>
<td><input type="text" id="pole" onblur="return check('pole', 'pole1')" /></td><td><div id="pole1" class="pole3"> </div></td>
</tr>
<tr>
<td><input type="text" id="pole2" onblur="return check('pole2', 'pole3')" /></td><td><div id="pole3" class="pole3"> </div></td>
</tr>
<tr>
<td><input type="text" id="pole4" onblur="return check('pole4', 'pole5')" /></td><td><div id="pole5" class="pole3"> </div></td>
</tr>
<tr>
<td><input type="text" id="pole6" onblur="return check('pole6', 'pole7')" /></td><td><div id="pole7" class="pole3"> </div></td>
</tr>
</table>
</form>
</body>
</html>