Cross Browser Automatically Click Link On Page Load with Javascript

Question

I have a simple html page with an iframe image link. After the page loads I want the link to be clicked automatically. I need the link to be clicked instead of doing a meta refresh so thats out of the question. I searched around and It seems like FireFox does not support any methods to do so...There has to be a cross browser solution. Here is what I have so far but it wont work...why?

 <script type="text/javascript">
window.onload=functionName;
$(document).ready(function(){
  $('#clicked').trigger('click')
});
</script>

<div id="clicked">
      <iframe src="http://mysource.com" width="40" height="10" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>
  </div>

Invalid selector...but why are you trying to "click" a div anyway? — Brad M
– Brad M, Commented Jul 31, 2013 at 13:49
Brad- This project is to click an affiliate banner within a div that is on an html page as a temp splash page before the jump to the affiliate link. — Dave C
– Dave C, Commented Jul 31, 2013 at 14:05
I have found several posts on here and several other websites with a similar question and all the answers never produce a working answer for the questioner. An answer would help many people. — Dave C
– Dave C, Commented Jul 31, 2013 at 14:06
What you said doesn't make any sense. There is a reason browsers don't let you auto-click links. — Brad M
– Brad M, Commented Jul 31, 2013 at 14:07
Why would it not allow for that reason. That doesn't make sense. If I did a meta refresh to the affiliate url then it would still work because it would still have the correct affiliate id and a referring url. The auto click is just a work around for that. What if I had a ajax function that I wanted to be auto clicked on page load to sort a particular set of items. This function exists for reasons such as that and it shouldn't matter how it was decided to be used, it should still be supported. — Dave C
– Dave C, Commented Jul 31, 2013 at 14:23

Prisoner · Accepted Answer · 2013-07-31 13:52:56Z

2

Add # before the id value

$('clicked').trigger('click');

to

$('#clicked').trigger('click')

edited Jul 31, 2013 at 13:52

Prisoner

27.7k11 gold badges78 silver badges104 bronze badges

answered Jul 31, 2013 at 13:52

Nagarajan A

895 bronze badges

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

2 Comments

Nagarajan A Over a year ago

Do you want to go to the src of iframe?

Dave C Over a year ago

the iframe takes you to a target link...it could be done without the iframe on my end as well if needed

Anthony Manning-Franklin · Accepted Answer · 2015-07-28 02:34:31Z

1

If the iframe is on your domain then you can access its contents via jquery selectors.

Otherwise you're out of luck - blocking cross domain iframe interactions is a feature of same-origin policy that exists to protect users.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#Scripting

answered Jul 28, 2015 at 2:34

Anthony Manning-Franklin

5,0981 gold badge21 silver badges23 bronze badges

Collectives™ on Stack Overflow

Cross Browser Automatically Click Link On Page Load with Javascript

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related