Button onClick event and Href-Location

Question

I used a solution given by "Chrules" found in this discussion:buttons with no href, onclick etc

like this :

<button id="clickable" >Click Me!!</button>
 ......
$("#clickable").click(function(){
 // Send user to this link
   insertRecord(); //SQLite Code
  location.href = "game.html";
   // location.href = "http://www.takemehere.com"; });

So When i used the location.href like he putted it (= "http://www.takemehere.com";) The insertRecord() method is done with success (the object is added to the database)

But when I use the location.href = "game.html"; the game.html page is opened but the insertRecord() method is not done i tried to put the full path of game.html but the same problem persist Have you any idea please ? Thank u in advance

have you tried using set time out.

coder
– coder

2012-04-21 09:08:47 +00:00
Commented Apr 21, 2012 at 9:08 — coder
– coder, Commented Apr 21, 2012 at 9:08

keune · Accepted Answer · 2012-04-21 09:20:22Z

2

I think insertMethod() calls some async functions to do database updating. So you should use a callback before doing anything else.

Something like this (i don't know what is inside of insertRecord method);

function insertRecord(callback) {
  // do all sorts of database job
  // when it's finished
  // fire your callback
  callback();
}

insertRecord(function() {
  location.href = "page.html";
});

EDIT: After your comment, i see you already have defined a function to run after sql which is loadAndReset(). So simply put location.href = "page.html" in that function, and it should work.

edited Apr 21, 2012 at 9:20

answered Apr 21, 2012 at 9:10

keune

5,8054 gold badges39 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Amira Manai Over a year ago

function insertRecord() { db.transaction(function(tx) { tx.executeSql(insertStatement, [firstName.value], loadAndReset, onErrorInsert); });

Amira Manai Over a year ago

function onErrorInsert(tx, error) { alert("Ce Login est utilisé choissez un autre"); resetForm(); }

Collectives™ on Stack Overflow

Button onClick event and Href-Location

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related