flashing for go button, fix flashing interval

1 files changed, 19 insertions, 4 deletions

diff --git a/pages/tutorial.php b/pages/tutorial.php
index 5e582c6..15a7c83 100644
--- a/pages/tutorial.php
+++ b/pages/tutorial.php
@@ -13,7 +13,6 @@ topbar($Links);
 <script>

 isChallenge = true;

 function challengeGo(mapid) {

-	console.log('called with ', mapid);

 	var moves = mapjson[mapid].moves;

 	

 	switch (mapid) {

@@ -113,7 +112,23 @@ function startChallenge(mapid) {
 	switch (mapid) {

 	case 1:

 		updateDsp(1, 'instructions', '<p>The point of this game is to create the longest <i>path</i> between the start and the finish.</p><p>Press Go!</p>');

-		flashelement('1,btn', 10, null, 400);

+		var goBtn = document.getElementById('1,btn');

+		var interval1 = setInterval(function() {

+				goBtn.className += ' flash';

+			}, 1200),

+			interval2;

+		setTimeout(function() {

+			interval2 = setInterval(function() {

+				goBtn.className = goBtn.className.replace(' flash', '');

+			}, 1200);

+		}, 600);

+		var prevHandler = goBtn.onclick;

+		goBtn.onclick = function() {

+			clearInterval(interval1);

+			clearInterval(interval2);

+			goBtn.className = goBtn.className.replace(' flash', '');

+			prevHandler.apply(this, arguments);

+		}

 		break;

 	case 2:

 		updateDsp(1, 'instructions', "<p>Let's start off simple;</p><p>Start by pressing 'Go!' first.</p>");

@@ -178,8 +193,8 @@ TutorialView.prototype.unlock = function(n) {
 		tv.nextbtn.className += ' flash';

 	}, 1200);

 	setTimeout(function() {

-		this.interval2 = setInterval(function() {

-			tv.nextbtn.className = tv.nextbtn.className.replace('flash', '');

+		tv.interval2 = setInterval(function() {

+			tv.nextbtn.className = tv.nextbtn.className.replace(' flash', '');

 		}, 1200);

 	}, 600);

 }