Форум

Keramet · #1 (**permalink**) 04.01.2016, 20:59

Всем привет!
Вопрос такой: вот есть ДжС файл, который просто передвигает кнопку (типа анимация

). Хочу нажать на кнопку, и она начинает двигаться. За начало "движения" отвечает функция start() Как задать её обработчику onclick на HTML странице?
Так не работает:

<input type='button' id="btn" onclick='startMove()'>

var main = function () {
	"use strict";
	var tmr;
	function stopMove ()    { clearInterval(tmr); }
	function startMove ()	{ tmr = setInterval(moveBtn, 24); }
	
	var moveBtn = function () {
		var btn = $("#btn");
		var left = parseInt( btn.css("margin-Left") ) + 1;
		btn.css("margin-Left", left + "px");
	};
	return startMove;
};
$(document).ready(main);

рони · #2 (**permalink**) 04.01.2016, 21:13

Keramet,
на всякий случай start плохое имя для функции.

Keramet · #3 (**permalink**) 04.01.2016, 21:17

startMove подойдёт?

Исправил.

Keramet · #4 (**permalink**) 04.01.2016, 21:19

рони,
Исправление start() на startMove() не помогло

шутка

рони · #5 (**permalink**) 04.01.2016, 21:25

Keramet,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
  var a;
     $(function(){
     var main = function () {
	"use strict";
	var tmr;
	function stop()	    { clearInterval(tmr); }
	function st()	{ tmr = setInterval(moveBtn, 24); }

	var moveBtn = function () {
		var btn = $("#btn");
		var left = parseInt( btn.css("margin-Left") ) + 1;
		btn.css("margin-Left", left + "px");
	};
	return st;
};
  // a = main()
   $("#btn").on({click : main()})
});


  </script>
</head>

<body>
<input type='button' id="btn"  value="click">
<!--<input type='button' id="btn" onclick='a()'>-->



</body>

</html>

Keramet · #6 (**permalink**) 04.01.2016, 21:30

рони,
У вас // a = main() вместо моего $(document).ready(main);?

Keramet · #7 (**permalink**) 04.01.2016, 21:32

или конструкция $(function(){.... то же, что и $(document).ready(main); ?

Keramet · #8 (**permalink**) 04.01.2016, 21:37

а где сам вызов st() из строки 18:

function st()   { tmr = setInterval(moveBtn, 24); }

и не совсем понял, зачем

$("#btn").on({click : main()})

мы ж на кнопку должны вроде повесить st() ?

рони · #9 (**permalink**) 04.01.2016, 21:42

Сообщение от Keramet

или конструкция $(function(){.... то же, что и $(document).ready(main); ?

да

Сообщение от Keramet

$("#btn").on({click : main()})

мы ж на кнопку должны вроде повесить st() ?

это и устанавливает обработчик или раскоментируйте строки а эту строку уберите.

рони · #10 (**permalink**) 04.01.2016, 21:44

Сообщение от Keramet

У вас // a = main() вместо моего $(document).ready(main);?

логику вашего варианта я не осилил, поэтому предложил два варианта на выбор.

Форум

Справочник

Discord чат

Курсы javascript