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

Ну на jQuery можно так (В Хроме не пашет

<style type="text/css">
span.Wrap{
 display:inline-block;
}
input.Clone{
 background-color:#DEF0F2;/**/
 position:absolute;
 z-index:2;
}
</style>
<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
function Noselect(a) {
$(a).clone().addClass('Clone').prependTo($(a).parent());
}
function ReturnVal(a) {
$(a).parent().find('input.Clone').remove();
}
$('input.Clone').mousedown(function(){
      $(this).remove();
})
</script>

<span class=Wrap>
<input type="text" name="tel_1" value="+7" data="" onselect="Noselect(this)" onblur='ReturnVal(this)'/>
</span>
<span class=Wrap>
<input type="text" name="tel_2" value="+7" data="" onselect="Noselect(this)" onblur='ReturnVal(this)'/>
</span>
<span class=Wrap>
<input type="text" name="tel_3" value="+7" data="" onselect="Noselect(this)" onblur='ReturnVal(this)'/>
</span>

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