Onclick JavaScript function

Question

ther8.com there is a button on the top right as Login when I click on it, it shows a popup box.

I need to create a similar button and tried the below manner

$( "#domylogin" ).click(function() {
    $( "#fancybox-overlay" ).show( "slow" );
});

and the above didn't work.

Also, in Chrome inspector I tried remove div name and class name for the Login element and tried in the below way

<a href="#popup2">Login</a> and found this still works. I can't determine how this is working. I need to create another login button in same page but different area which should display the same popup but its not displaying. Can anyone give me an idea how to fix it?

I created a <span id="domylogin">Login</span> and I want this to work.

I also tried as But this too didn't work

<script type="text/javascript">
    function anotherlogin() {
        div = document.getElementById('fancybox-overlay');
        div.style.display = "block";
    }
    document.getElementById('domyligin').onclick
    {
        anotherlogin();
    }
</script>

Update1:

I am thinking the #fancybox-overlay and its content is loading on request using AJAX but I am not much sure, can anyone open www.ther8.com and click on the login button on the top and see how the popup is being displayed.

See Adil's answer. But you also have a typo in domylogin near the bottom. (Note, Adil's answer has the same typo, but at least it's used consistently throughout.) — Mr Lister
– Mr Lister, Commented Jan 3, 2014 at 7:42

Adil · Accepted Answer · 2014-01-03 07:44:47Z

3

You need to assign the javascript function to onclick for binding handler.

Live Demo

document.getElementById('domyligin').onclick = function()
{
    anotherlogin();
}

Edit

Make sure that the elements are added to DOM before you bind event to them, you can put your script just before closing tag of body.

edited Jan 3, 2014 at 7:44

answered Jan 3, 2014 at 7:35

Adil

148k25 gold badges217 silver badges207 bronze badges

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

2 Comments

Karthik Malla Over a year ago

No, didn't work. Can you please try it in console of www.ther8.com and see.

Adil Over a year ago

Make sure that the elements are added to DOM before you bind event to them, you can put your script just before closing tag of body.

fanfan1609 · Accepted Answer · 2014-01-03 07:37:02Z

0

Do you include jQuery and fancybox library ?

From your post, it seems using those library.

answered Jan 3, 2014 at 7:37

fanfan1609

1792 silver badges8 bronze badges

2 Comments

Satpal Over a year ago

This was posted as an answer, but it does not attempt to answer the question. It should possibly be a comment.

Karthik Malla Over a year ago

I am thinking fancybox library is loading on click.

Collectives™ on Stack Overflow

Onclick JavaScript function

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related