OnClick event triggering javascript function only after clicking twice

Question

I'm fairly new to this web-programming thing, and I'm having some trouble with an onclick event. I don't even know if using "onclick()" is the best thing to do, but it has been working so far for me.

At this moment, I have a page with a div in which I load another page. This content varies depending on hash changed when I select options from a toolbar, using this piece of js

function loadcontent(toload){
   $('#browsediv').load("content/addimagecontent.php?"+toload);
}

Every js function is called from the main page, not the content one.

Now, my problem is that, in the loaded content, I have several pages of results, and I have a div with the word Next printed into it, and an onclick event that should make the page change its page attribute:

echo "<div onClick='loadcontent(\"page=".$nextpage."\")'>Next</div>";

I also have the same thing to lead you to the previous page.

Once I go to the page, I see everything as should, but if I click either on "Next" or "Previous", it doesn't do anything the first time. Any subsequent times I click on any of those, it works perfectly, even if the first thing I click is Next and then I click Previous or viceversa.

I've been looking around but no-one seems to have answered anything that adjusts to my issue, if someone has, please forgive me, as English is not my mother tongue and I sometimes don't know the best way to look for something. Thanks for reading :)

possible duplicate of javascript enable input on double click — sandip
– sandip, Commented Apr 29, 2014 at 10:55

Nick · Accepted Answer · 2014-04-29 11:02:27Z

2

Instead of adding an onclick, add an id attribute. Then with jquery you can do something like this:

<div id="yourDiv">Next</div>

$("#yourDiv").click(function() {
    loadcontent(toload)
})

I'm not quite sure if this is "legal" but you can add the $nextPage variable as an attribute too.

<div id="yourDiv" data-page="<?php echo $nextPage;?>">Next</div>

Then you would use the following

$("#yourDiv").click(function() {
    var page = $(this).attr('data-page');
    loadcontent(page);
})

edited Apr 29, 2014 at 11:02

answered Apr 29, 2014 at 10:56

Nick

2,9906 gold badges38 silver badges73 bronze badges

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

3 Comments

A. Wolff Over a year ago

data-page would be valid, then get it using: var page = $(this).data('page'); or ya, you can use too: $(this).attr('data-page');. That's said, i'm not sure how this would fix OP's issue

Nick Over a year ago

we don't know if it fixes OP's issue because there is no way to test the code he has. This is just a "workaround" to rule out the odd-looking code he has written (not saying my code is ever elegant) :)

A. Wolff Over a year ago

Not using inline script is always more 'elegant' ;) Now why OP's code wasn't working is still mysterious for me

Collectives™ on Stack Overflow

OnClick event triggering javascript function only after clicking twice

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related