Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #31 (permalink)  
Старый 20.02.2015, 14:45
Интересующийся
Отправить личное сообщение для SibiryachkaT Посмотреть профиль Найти все сообщения от SibiryachkaT
 
Регистрация: 23.01.2015
Сообщений: 17

Сообщение от danik.js Посмотреть сообщение
У тя в глазах не рябит?
Нет, у меня не рябит. Мне так удобно и этой мой уровень. Когда руку набью, будет код эдегантней, а пока такое решение и cамое главное в нем, что оно мое. Я не претенцую на золотую медаль за лучший код.
Ответить с цитированием
  #32 (permalink)  
Старый 20.02.2015, 15:37
Интересующийся
Отправить личное сообщение для SibiryachkaT Посмотреть профиль Найти все сообщения от SibiryachkaT
 
Регистрация: 23.01.2015
Сообщений: 17

А как теперь cделать чтобы значение и elem_1 и elem_2 cохранялялиcь ZeroClipboard. А еcли у меня 20 объектов, которые значения имеют?

И еще на моем компьютере локально в UltraEdit это не работает, а но форуме в ie работает. Может мне библиотек каких не хватает или cкрипты надо cкачать?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
 <html>
 <title>Example_14_ClipBoard</title>
 <head> 
<script language="javascript" >
	function fun_get_name (mytext){
		var Umytext	=mytext;
			document.write ("User - "+document.form_1.elem_1.value+'<\/br>');
			document.write('<p>'+Umytext+'</p>');	
			document.write('<body><form><input type="button" value="Back" name="back_button" onClick="javascript:history.back(1)"></form></body>');
		}
</script>
</head>
 <body>
 <form name="form_1" action="input_button.htm">
 	Users: 
		 <select class="element select medium" id="elem_1" name="elem_1">
		 <option value="" selected="selected">User0</option>
		 <option value="1">User1</option>
		 <option value="2">User2</option>
		 <option value="3">User3</option>
 		</select>
 <p>
 Text <br />
<textarea id="elem_2" name="elem_2" class="element textarea large">Here is myText</textarea> 
 <br />
  <input class ="button" type="button" id="copy" value="result" onclick="fun_get_name(document.form_1.elem_2.value)"/> 
 <script src="http://zeroclipboard.org/javascripts/zc/v2.2.0/ZeroClipboard.js"></script>
   <script>
	      var client = new ZeroClipboard( document.getElementById('copy') );
	 
	      client.on( 'ready', function(event) {
	        // console.log( 'movie is loaded' );
	 
	        client.on( 'copy', function(event) {
	          event.clipboardData.setData('text/plain', document.form_1.elem_2.value);
	        } );
	 
	        /*client.on( 'aftercopy', function(event) {
	          alert('text is copied: ' + event.data['text/plain']);
	        } ); */
      } );
	</script>
 </p>
 <br />
 </form>
 </body>
 </html>

Последний раз редактировалось SibiryachkaT, 20.02.2015 в 15:52.
Ответить с цитированием
  #33 (permalink)  
Старый 20.02.2015, 15:54
Аватар для Safort
Профессор
Отправить личное сообщение для Safort Посмотреть профиль Найти все сообщения от Safort
 
Регистрация: 23.12.2013
Сообщений: 1,856

Сообщение от SibiryachkaT Посмотреть сообщение
Нет, у меня не рябит. Мне так удобно и этой мой уровень. Когда руку набью, будет код эдегантней, а пока такое решение и cамое главное в нем, что оно мое. Я не претенцую на золотую медаль за лучший код.
Руку набивать нужно сразу. Ведь согласись, это:
var sel = document.getElementById('elem_2');
   sel.onchange = function() {
        if (document.form_1.elem_1.value==1 && document.form_1.elem_2.value==1) {
            document.form_1.elem_3.value="Prio 1"; 
            document.form_1.elem_3.readonly="true";
            }
        else if (document.form_1.elem_1.value==1 && document.form_1.elem_2.value==2) {
            document.form_1.elem_3.value="Prio 2"; 
            document.form_1.elem_3.readonly="true";
            }  
        else if (document.form_1.elem_1.value==1 && document.form_1.elem_2.value==3) {
            document.form_1.elem_3.value="Prio 3"; 
            document.form_1.elem_3.readonly="true";
            }      
        else if (document.form_1.elem_1.value==2 && document.form_1.elem_2.value==1) {
            document.form_1.elem_3.value="Prio 2"; 
            document.form_1.elem_3.readonly="true";
            }  
        else if (document.form_1.elem_1.value==2 && document.form_1.elem_2.value==2) {
            document.form_1.elem_3.value="Prio 3"; 
            document.form_1.elem_3.readonly="true";
            }  
        else if (document.form_1.elem_1.value==2 && document.form_1.elem_2.value==3) {
            document.form_1.elem_3.value="Prio 4"; 
            document.form_1.elem_3.readonly="true";
            }      
        else if (document.form_1.elem_1.value==3 && document.form_1.elem_2.value==1) {
            document.form_1.elem_3.value="Prio 3"; 
            document.form_1.elem_3.readonly="true";
            }  
        else if (document.form_1.elem_1.value==3 && document.form_1.elem_2.value==2) {
            document.form_1.elem_3.value="Prio 4"; 
            document.form_1.elem_3.readonly="true";
            }  
        else if (document.form_1.elem_1.value==3 && document.form_1.elem_2.value==3) {
            document.form_1.elem_3.value="Prio 4"; 
            document.form_1.elem_3.readonly="true";
            }  
   }

менее читабельно чем это:
var sel = document.getElementById('elem_2');
sel.onchange = function() {

  var elem_1 = document.form_1.elem_1;
  var elem_2 = document.form_1.elem_2;
  var elem_3 = document.form_1.elem_3;

  if (elem_1.value == 1 && elem_2.value == 1) {
    elem_3.value = "Prio 1"; 
    elem_3.readonly = "true";
  }
  else if (elem_1.value == 1 && elem_2.value == 2) {
    elem_3.value = "Prio 2"; 
    elem_3.readonly = "true";
  }  
  else if (elem_1.value == 1 && elem_2.value == 3) {
    elem_3.value = "Prio 3"; 
    elem_3.readonly = "true";
  }      
  else if (elem_1.value == 2 && elem_2.value == 1) {
    elem_3.value = "Prio 2"; 
    elem_3.readonly = "true";
  }  
  else if (elem_1.value == 2 && elem_2.value == 2) {
    elem_3.value = "Prio 3"; 
    elem_3.readonly = "true";
  }  
  else if (elem_1.value == 2 && elem_2.value == 3) {
    elem_3.value = "Prio 4"; 
    elem_3.readonly = "true";
  }      
  else if (elem_1.value == 3 && elem_2.value == 1) {
    elem_3.value = "Prio 3"; 
    elem_3.readonly = "true";
  }  
  else if (elem_1.value == 3 && elem_2.value == 2) {
    elem_3.value = "Prio 4"; 
    elem_3.readonly = "true";
  }  
  else if (elem_1.value == 3 && elem_2.value == 3) {
    elem_3.value = "Prio 4"; 
    elem_3.readonly = "true";
  }  
}
Ответить с цитированием
  #34 (permalink)  
Старый 20.02.2015, 15:55
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Сообщение от SibiryachkaT
А как теперь cделать чтобы значение и elem_1 и elem_2 cохранялялиcь ZeroClipboard
Блин, ты че строки соединять не умеешь что ли?
str3 = str1 + str2;
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #35 (permalink)  
Старый 20.02.2015, 16:11
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Фигня!
<form name="form_1" action="">
    Combobox 1: Ungency
 <select class="element select medium" id="elem_1" name="elem_1">
 <option value="" selected="selected"></option>
 <option value="1">System does not work</option>
 <option value="2">Critical bugs</option>
 <option value="3">Small problem</option>
 </select>
   
 <br />
  Combobox 2: Impact    
 <select class="element select medium" id="elem_2" name="elem_2">
 <option value="" selected="selected"></option>
 <option value="1">all Users</option>
 <option value="2">lot of user</option>
 <option value="3">Individual user</option>
 </select>
  
  <br />
  Textfield: Priorization
 <input id="elem_3"  name="elem_3" class="element select medium" type="text" value="" readonly />
<script>
var sel = document.getElementById('elem_2');
sel.onchange = function() {
  var elem_1 = document.form_1.elem_1;
  var elem_2 = document.form_1.elem_2;
  var elem_3 = document.form_1.elem_3;

  var ungency = elem_1.value;
  var impact = elem_2.value;

  if (!ungency || !impact)
    return;

var priorityMatrix = [
    [1, 2, 3],
    [2, 3, 4],
    [3, 4, 4]
];

var priority = priorityMatrix[ungency - 1][impact - 1];

elem_3.value = "Prio " + priority;

}
</script>
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #36 (permalink)  
Старый 20.02.2015, 16:13
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804


<form name="form_1" action="">
    Combobox 1: Ungency
 <select class="element select medium" id="elem_1" name="elem_1">
 <option value="" selected="selected"></option>
 <option value="1">System does not work</option>
 <option value="2">Critical bugs</option>
 <option value="3">Small problem</option>
 </select>
    
 <br />
  Combobox 2: Impact   
 <select class="element select medium" id="elem_2" name="elem_2">
 <option value="" selected="selected"></option>
 <option value="1">all Users</option>
 <option value="2">lot of user</option>
 <option value="3">Individual user</option>
 </select>
   
  <br />
  Textfield: Priorization
 <input id="elem_3"  name="elem_3" class="element select medium" type="text" value="" readonly />
<script>
var sel = document.getElementById('elem_2');
sel.onchange = function() {
  var elem_1 = document.form_1.elem_1;
  var elem_2 = document.form_1.elem_2;
  var elem_3 = document.form_1.elem_3;
 
  var ungency = elem_1.value|0;
  var impact = elem_2.value|0;
 
  if (!ungency || !impact)
    return;
 
var priority = Math.min(ungency + impact - 1, 4);
 
elem_3.value = "Prio " + priority;
 
}
</script>
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #37 (permalink)  
Старый 20.02.2015, 16:24
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Итого, все умещается в 15 строчек
<form name="form_1" action="">
    Combobox 1: Ungency
 <select class="element select medium" id="elem_1" name="elem_1">
 <option value="" selected="selected"></option>
 <option value="1">System does not work</option>
 <option value="2">Critical bugs</option>
 <option value="3">Small problem</option>
 </select>
     
 <br />
  Combobox 2: Impact  
 <select class="element select medium" id="elem_2" name="elem_2">
 <option value="" selected="selected"></option>
 <option value="1">all Users</option>
 <option value="2">lot of user</option>
 <option value="3">Individual user</option>
 </select>
    
  <br />
  Textfield: Priorization
 <input id="elem_3"  name="elem_3" class="element select medium" type="text" value="" readonly />
<script>
var form = document.form_1;
form.onchange = function() {
  var ungency = form.elem_1.value|0;
  var impact = form.elem_2.value|0;
  if (!ungency || !impact)
    return;
  var priority = Math.min(ungency + impact - 1, 4);
  form.elem_3.value = "Prio " + priority;
};
form.elem_1.onchange = function() {
  if (!this.value) {
    form.elem_2.value = '';
    form.elem_3.value = '';
  }
};
</script>
__________________
В личку только с интересными предложениями
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
отправка данных из формы и вывод полученных данных sxe jQuery 2 21.05.2013 00:34
Отправка данных формы AJAX`ом? Jopses jQuery 4 20.02.2013 12:34
Вывод данных в поле ввода с помощью JS Aleks-prog Ваши сайты и скрипты 0 23.06.2011 12:09
Отменить submit формы при нажатии enter MaxStoun Events/DOM/Window 5 07.04.2011 19:00
Оцените реализацию скрипта валидации данных формы pandasensey Ваши сайты и скрипты 0 05.07.2010 18:11