Zaloguj | Zarejestruj | FAQ
Anonymous

Рандомное периставление кнопок

+ Odpowiedz

Posty: 2 Strona 1 z 1


Рандомное периставление кнопок

przez razor » Wt mar 18, 2014 8:10 am

Нужен код.
Cоздать 3 кнопки с названиями 1, 2, 3, расположенные друг над другом.

Начальный вид:
1
2
3

Нажали на любую кнопку, меняется порядок на:
2
3
1

Нажали на любую кнопку, меняется порядок на:
3
1
2

Нажали на любую кнопку, меняется порядок на:
1
2
3


Код должен быть написан с использованием javascript.
Avatar użytkownika

razor

  • Posty: 1
  • Dołączył(a): Wt mar 18, 2014 8:01 am

Re: Рандомное периставление кнопок

przez XainPro » Wt mar 18, 2014 8:48 am

Kod: Zaznacz cały
<!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=utf-8">

<title>Random 123</title>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.js"></script>
<script type="text/javascript">
$(function() {
   $( "#random" ).click(function() {
$("#parent").html($("#parent").children().sort(function() { return 0.5 - Math.random() }))
});

});

</script>
</head>
<body>

<div id="parent">
<div id="1">1</div>
<div id="2">2</div>
<div id="3">3</div>
<div id="4">4</div>
</div>

<button id="random" value="random">Random</button>

</body>
</html>
Avatar użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm


+ Odpowiedz

Strona 1 z 1