Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > помогите изменить скрипт!!!плиз!!!

Автор: irenka 30.11.2009, 19:49

Помогите плизз!!! Даны 4 изображения, 2 поля и кнопка. при нажатии на любые 2 изображения, в полях появляются номера этих изображений. при нажатии на кнопку эти два изображения меняются местами.
Нашла вот такой скрипт, но в нем просто вводишь номера изображений в поля, нажимаешь на кнопку и они меняются. Что тут нужно изменить?а?

<html>
<head>
<title>Смена изображений</title>
<script>
function chan(obj)
{ var r1=Number(obj.a1.value)
  var r2=Number(obj.a2.value)
  if ((r1<1)||(r1>4)||(r2<1)||(r2>4))
    alert ("Неверно заданы номера рисунков!")
  else
  { var z=document.images[r1-1].src
    document.images[r1-1].src=document.images[r2-1].src;
    document.images[r2-1].src=z
  }
}
</script>
</head>
<body><center>
<img src="1.jpg"  name="pic1">
<img src="2.jpg"  name="pic2">
<img src="3.jpg"  name="pic3">
<img src="4.jpg"  name="pic4"><br><br>
<form name=form1>
<input type="text" name="a1" size=1> и
<input type="text" name="a2" size=1><br><br>
<input type="button" value="Поменять местами" onClick="chan(form1)">
</form></center></body></html>

но здесь просто вводишь номера изображений, нажимаешь на кнопку и они меняются, а нужно

Автор: MastaK 30.11.2009, 21:51

В принципе нечего сложного. Будут вопросы, задавай ;)

Код


<html>
<head>
<title>Смена изображений</title>
<script>
var is_first=true;  
var r1;
var r2;
function chan(obj)
{   
  if(is_first)
  {
    r1 = obj;
    document.getElementById("id1").value = obj;       
    is_first=false;
  }
  else
  {
    r2 = obj
    document.getElementById("id2").value = obj;
    var z=document.images[r1-1].src
    document.images[r1-1].src=document.images[r2-1].src;
    document.images[r2-1].src=z;
    is_first=true;
  }
}
</script>
</head>
<body><center>
<img src="1.jpg"  name="pic1" width="100" height="100" onClick="chan(1)">
<img src="2.jpg"  name="pic2" width="100" height="100" onClick="chan(2)">
<img src="3.jpg"  name="pic3" width="100" height="100" onClick="chan(3)">
<img src="4.jpg"  name="pic4" width="100" height="100" onClick="chan(4)"><br><br>
<form name=form1>
<input type="text" name="a1" size=1 id="id1"> и
<input type="text" name="a2" size=1 id="id2">
</form></center></body></html>