Функция обменивающая местами переменные используя событие Blur
Здравствуйте!
Не судите строго,только учусь) Напишите сценарий, который обменивает местами значения двух введенных переменных (использовать событие Blur). вот что получилось у меня:
<html>
<head>
<title>Обмен переменных</title>
<script type="text/javascript" language="javascript">
function focusFunction() {
var a= document.getElementById("x");
var b=document.getElementById("y");
[b,a] = [a,b];//как вывести это в text поле x/y
}
function blurFunction(){
var a=document.getElementById("x");
var b=document.getElementById("y");
[a,b] = [b,a];//как вывести это в text поле x/y
}
</script>
</head>
<body>
<input type="text" id="x" onfocus="focusFunction()" onblur="blurFunction()">
<input type="text" id="y" onfocus="focusFunction()" onblur="blurFunction()">
</body>
</html>
|
unkind,
<html>
<head>
<title>Обмен переменных</title>
<meta charset="utf-8">
<script>
window.addEventListener('DOMContentLoaded', function() {
var nodes = document.querySelectorAll('#x,#y');
[].forEach.call(nodes, function(item, i) {
item.addEventListener('blur', function() {
var val = this.value;
item.value = nodes[+!i].value
nodes[+!i].value = val;
});
}); });
</script>
</head>
<body>
<input type="text" id="x" >
<input type="text" id="y" >
</body>
</html>
|
рони,
скажите, а если я ввел в первое поле 7 , а в другое 6 и при потере фокуса должна происходить смена местами..это как?и это не js ,а больше на jquery похоже или я ошибаюсь.. |
Цитата:
|
рони,
я пытался сделать так: 2 текстовых поля в которые я ввожу числа и если фокус пропал с любого поля то числа меняются местами |
Цитата:
|
Цитата:
|
рони,
все,теперь разобрался |
рони,
скажите,а код который я в шапке указал, бред полный? |
Цитата:
|
рони,
а в какую сторону копать? хочу свой довести до ума |
unkind,
var a = 5, b = 3; поменяйте местами значения, остальное уже проще, получить элементы (у вас уже есть), получить value этих элементов в переменные a и b , поменять местами, присвоить value новые a и b |
рони,
а поменять местами правильнее без 3-ей переменной? |
Цитата:
|
рони,
<html>
<head>
<script language="JavaScript">
function myFunction(s) {
var x = Number(s.x.value);
var y = Number(s.y.value);
var result=(Math.sqrt(Math.pow(x,2)+Math.pow(y,2)));
alert(result);
}
</script>
</head>
<body>
<form name="form1">
<p> Введите координаты точки по оси х: <input type="text" size="4" name="x"> </p>
<p> Введите координаты точки по оси y: <input type="text" size="4" name="y"> </p>
<input type="reset" class="reset1" value="Сбросить">
<br> <br> <br>
Расстояние <input type="text" width="50" name="res" value="выделите текст" onselect="myFunction()">
</form>
</body>
</html>
а не подскажите,почему onselect="myFunction() не срабатывает при выделении текста? |
Цитата:
|
Цитата:
|
Цитата:
|
unkind,
onselect="myFunction(this.form)" |
рони,
вот я и хотел уточнить,что нужно передать? x и y ? |
Цитата:
|
unkind,
ввести две цифры и выделить текст
<html>
<head><meta charset="utf-8">
<script language="JavaScript">
function myFunction(s) {
var x = Number(s.x.value);
var y = Number(s.y.value);
var result=(Math.sqrt(Math.pow(x,2)+Math.pow(y,2)));
alert(result);
}
</script>
</head>
<body>
<form name="form1">
<p> Введите координаты точки по оси х: <input type="text" size="4" name="x"> </p>
<p> Введите координаты точки по оси y: <input type="text" size="4" name="y"> </p>
<input type="reset" class="reset1" value="Сбросить">
<br> <br> <br>
Расстояние <input type="text" width="50" name="res" value="выделите текст" onselect="myFunction(this.form)" >
</form>
</body>
</html>
|
Спасибо!Все работает
|
| Часовой пояс GMT +3, время: 23:57. |