Показать сообщение отдельно
  #11 (permalink)  
Старый 12.06.2012, 17:59
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="content-type" content="text/html;charset=windows-1251" />
<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<style>
* {
 text-align:left;
 margin:0;
 padding:2px;
}
div.form {
 margin:0;
 width:200px;
 float:left;
}
form input{
 
}
span.A{
 text-align:left;
 width:265px;
 display:block;
 padding:3px;
 margin:3px;
}

</style>
</head>

<body>


<div class="form">
<form id="form1">
<span class=A>А <input type="text" id="Editbox1" name="Editbox1" size="19" autocomplete="off"></span>
<span class=A>Б <input type="text" id="Editbox2" name="Editbox2" size="19" autocomplete="off"></span>
<span class=A>В <input type="text" id="Editbox3" name="Editbox3" size="19" autocomplete="off"></span>
<span class=A>Г <input type="text" id="Editbox4" name="Editbox4" size="19" autocomplete="off"></span>
<span class=A>Д <input type="text" id="Editbox5" name="Editbox5" size="19" autocomplete="off"></span>
<span class=A>Е <input type="text" id="Editbox6" name="Editbox6" size="19" autocomplete="off"></span>
</form>
</div>

<div class="form"><form id="form2" name="form2"></form></div>

<div style="clear:both;padding:0.5em"></div>


<script>

 function SortInsert(){

      $("#form2").html('');

      $("#form1").find("input").each(function(){
	 if($(this).val().replace(/\s/g,'')!='') {
	     $(this).parent('span').clone().appendTo("#form2")

	 }
     });

 }

 $("#form1 input").change(function () {
    
      SortInsert()

 });

</script>

</body>
</html>

Последний раз редактировалось Deff, 12.06.2012 в 21:29.
Ответить с цитированием