Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.03.2012, 18:17
Интересующийся
Отправить личное сообщение для djsadd Посмотреть профиль Найти все сообщения от djsadd
 
Регистрация: 05.04.2011
Сообщений: 23

Взаимодействие двух полей
Доброго времени суток, подскажите пожалуйста как сделать так чтобы вводимая информация с одного поля одновременно вводилась в другое поле, с учетом того что первое поле содержит value="Общество с ограниченной ответственностью «»" и пользователь вводит инфу именно между кавычек, а во втором поле value="ООО «»" и здесь вводимая инфа из первого поля появляется тоже между кавычек.

Большое спасибо!
Ответить с цитированием
  #2 (permalink)  
Старый 24.03.2012, 20:04
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

Min :
http://jsbin.com/owaxer/2

Source :
http://jsbin.com/owaxer
Ответить с цитированием
  #3 (permalink)  
Старый 24.03.2012, 22:51
Интересующийся
Отправить личное сообщение для djsadd Посмотреть профиль Найти все сообщения от djsadd
 
Регистрация: 05.04.2011
Сообщений: 23

Большое спасибо!!!!
Сейчас попробуем
Ответить с цитированием
  #4 (permalink)  
Старый 24.03.2012, 23:10
Интересующийся
Отправить личное сообщение для djsadd Посмотреть профиль Найти все сообщения от djsadd
 
Регистрация: 05.04.2011
Сообщений: 23

Вопрос возник, а почему в этой строчке <input value="Общество с ограниченной ответственностью «{NAME}»"> не исчезает значение {NAME}?
Ответить с цитированием
  #5 (permalink)  
Старый 24.03.2012, 23:20
Интересующийся
Отправить личное сообщение для djsadd Посмотреть профиль Найти все сообщения от djsadd
 
Регистрация: 05.04.2011
Сообщений: 23

Все получилось!!!!, но только что заметил что он не много не верно работает, когда в первом поле пишешь что нибудь а потом стираешь, во втором поле ни чего не стирается а добавляются к уже старым символам. Посмотри пожалуйста, как это можно исправить
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Документ без названия</title>
<style>
  article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
</style>
</head>

<body>
<div id="Full_name_div" style="width: 1000px; font-family:'Palatino Linotype', 'Book Antiqua', Palatino,'serif'; font-size:14px; margin-left:15px;">
<table width="1000" border="0" cellpadding="0" cellspacing="0">
  <tr> 
    <td width="200" rowspan="2" valign="top"><div style=" margin-top:4px;text-align:right">Полное наименование<font color="#FF0000"> *</font></div></td>
    <td width="596"><div style=" margin-left:1px;text-align:left"><input type="text" name="Full_name" id="Full_name" value="Общество с ограниченной ответственностью «{NAME}»" 
size="50" maxlength="150" ></div></td>
  </tr>
  <tr>
    <td><span id='Full_name_span' style="display: none; color:#F00;"><font color="#FF0000">Поле должно содержать организационно-правовую форму и наименование в кавычках на русском языке.<br>
Например: Общество с ограниченной ответственностью «Ромашка»</font>
</span></td>
  </tr>
  </table>
</div>
  
  
<div id="Short_name_div" style="width: 1000px; font-family:'Palatino Linotype', 'Book Antiqua', Palatino,'serif'; font-size:14px; margin-left:15px;">
<table width="1000" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="200" rowspan="2" valign="top"><div style=" margin-top:4px;text-align:right">Сокращенное наименование<font color="#FF0000"> * </font></div></td>
    <td width="597"><div style="margin-left:1px;text-align:left"><input type="text" name="Short_name" id="Full_name" value="ООО «{NAME}»" 
size="50" maxlength="150" ></div></td>
  </tr>
  <tr>
    <td><span id='Short_name_span' style="display: none; color:#F00;"><font color="#FF0000">Поле должно содержать аббревиатуру ООО и сокращенное наименование в кавычках на русском языке.<br>
Например: ООО «Ромашка»</font>
</span></td>
  </tr>
</table>
</div>

<p>&nbsp; </p>
<p>&nbsp;</p>
<p>&nbsp; </p>
<script>
var Full_name = document.getElementsByName('Full_name')[0];
var Short_name = document.getElementsByName('Short_name')[0];
var errorHolder = document.getElementById('error');

Full_name.onblur = function() {
  if (isNaN(this.value)) { // введено не число
    // показать ошибку
    this.className = 'error';
	document.getElementById('Full_name_span').style.display = 'inline'
	document.getElementById('Full_name_div').style.background = '#FEE'
  }
}

Full_name.onfocus = function() { 
  // сбросить состояние "ошибка", если оно есть
  if (this.className == 'error') {
    this.className = '';
	document.getElementById('Full_name_span').style.display = 'none'
	document.getElementById('Full_name_div').style.background = ''
  }

 Short_name.onblur = function() {
  if (isNaN(this.value)) { // введено не число
    // показать ошибку
    this.className = 'error';
	document.getElementById('Short_name_span').style.display = 'inline'
	document.getElementById('Short_name_div').style.background = '#FEE'
  }
} 
Short_name.onfocus = function() { 
  // сбросить состояние "ошибка", если оно есть
  if (this.className == 'error') {
    this.className = '';
	document.getElementById('Short_name_span').style.display = 'none'
	document.getElementById('Short_name_div').style.background = ''
  }
}
}
  </script>
  
  <script>
  (function(exp){
  
  // data for inp.name, his value and his element.
  var data = {},
      // current text.
      value = '';
  
  // return unique id
  function getId(){ return (Math.random()*1e2|0).toString(32); }
  
  // setup hash
  function init(inputs){
    
    var 
        i = 0,
        curr;
    
    while((curr = inputs[i])) {
      if(curr.type == 'text' && curr.value.indexOf("{NAME}") != -1) {
        
        if(curr.name.length === 0) {
          curr.name = getId();
        }
        
        data[ curr.name ] = [ curr, curr.value.split("{NAME}") ];
        
        curr.value = "";
      }
      i += 1;
    }
  }
  
  // keypress handler
  function handler(e){
    
    e = e || window.event;
    
    var 
        el = e.target || e.srcElement,
        char,
        i;
    
    if(el.name in data) {
      
      prevent(e);
      char = getChar(e);
      
      if(char) {
        
        value += char;
          
        for(i in data){
          data[i]['0'].value = data[i]['1'].join(value);
        }
        
      }
    }
    
  }
  
  // from learn.javascript.ru
  function getChar(event) {
    if (event.which == null) { 
      if (event.keyCode < 32) return null;
      return String.fromCharCode(event.keyCode)
    }
   
    if (event.which!=0 && event.charCode!=0) {
      if (event.which < 32) return null;
      return String.fromCharCode(event.which);
    }
   
    return null;
  }

  // event cancel func 
  function prevent(e){
    if('preventDefault' in e){
      e.preventDefault();
    } else {
      e.returnValue = false;
    }
  }
  
  // main func
  exp['synchronize'] = function(inputs){
    
    init(inputs);
    
    if('addEventListener' in document) {
      document.addEventListener('keypress', handler, false);
    } else {
      document.attachEvent('onkeypress', handler);
    }
    
  };
  
})(window);
synchronize(document.getElementsByTagName('input'));

  </script>
  
</body>
</html>

Последний раз редактировалось djsadd, 24.03.2012 в 23:25. Причина: добавление
Ответить с цитированием
  #6 (permalink)  
Старый 25.03.2012, 13:20
Интересующийся
Отправить личное сообщение для djsadd Посмотреть профиль Найти все сообщения от djsadd
 
Регистрация: 05.04.2011
Сообщений: 23

up
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Автозаполнение полей $wAiN_n Общие вопросы Javascript 6 08.04.2011 17:49
Проблема с проверкой полей в форме Eth Общие вопросы Javascript 7 19.08.2010 17:41
Добавление и удаление полей в форму anoth3r Events/DOM/Window 1 11.09.2009 15:10
Проблема с сортировкой полей MUTOgen jQuery 0 10.08.2009 01:37
проверка полей формы!!!! DENAT Общие вопросы Javascript 0 05.06.2008 22:14