How to click on an image with a hyperlink using Javascript?

Question

The HTML of the page I wish to use for this is as follows:

<A HREF= "http://www.example.com"
        TARGET="_new" status="Home Directory" title="Home Directory" 
        urn="Home Directory" FOLDER="http://www.example.com"><IMG align=textTop border="0" src="images/buttons/mywork.gif" alt="Select this icon to show your Home Folder" ></td>

How can I simulate a click on this hyperlinked image just using Javascript? I don't have edit privileges for this page so I need to work with what I have already got in the page (above)

possible duplicate of [Can I call jquery click() to follow an link if I haven't bound an event handler to it with bind or click already?](http://stackoverflow.com/questions/1694595/can-i-call-jquery-click-to-follow-an-a-link-if-i-havent-bound-an-event-hand) - This question explains that clicking on links cannot be simulated using any `click` event. You have two options: `window.open('http://example.com')` or an artifical form using input `targe=_new`. — Rob W, Jan 31 '12 at 21:03
can I do the window.open option with the link found on the webpage in there (e.g. window.open('http://www.randomlinkeachtimefromwebpage.com') — r3dd3x, Jan 31 '12 at 21:07
Simplified code ``. JavaScript: `function openNew(a){window.open(a.href);}`. This code will probably not work in modern browsers due pop-up blockers, though. — Rob W, Jan 31 '12 at 21:17
Like I said though, I don't have the ability to edit the webpage, so is there any way to work with the code I already have? — r3dd3x, Jan 31 '12 at 21:20
If you're not able to edit the page, how are you going to inject JavaScript? That aside, what browsers do you have to support, and what are the unique characteristics of the link? — Rob W, Jan 31 '12 at 21:22
I'm using [webView stringByEvaluatingJavaScriptFromString:@"**JAVASCRIPT HERE**"]; which is Objective-C. I just need the Javascript to inject into the page. Apart from that, I have no edit access... — r3dd3x, Jan 31 '12 at 21:23
Yes. Can you edit the question to be more clear? What are the specific characteristics of the anchor? How do we know how to match that anchor, based on its, say, attributes? — Rob W, Feb 02 '12 at 17:15
To direct the user to the anchor's target, we have to grab the `href` attribute of the anchor first. To do so, we need a DOM reference to the anchor. So, how do we get this reference? Examples: Is the link the first link in a page? Does the (parent of the) anchor have an ID-attribute? Etc. — Rob W, Feb 03 '12 at 18:14

score 0 · Answer 1 · answered Jan 31 '12 at 20:54

0

You can use firebug plugin for firefox and code your javascript from the console. Google chrome also has a console.

answered Jan 31 '12 at 20:54

Jorge Zapata

2,316
1
30
57

score 0 · Answer 2 · answered Jan 31 '12 at 20:56

0

Give it an id for a start and then invoke using "apply"

var x = document.getElementById("linky");
x.onclick.apply(x);

answered Jan 31 '12 at 20:56

Peter Kelly

14,253
6
54
63

Did you read my question properly? I put **I don't have edit privileges for this page so I need to work with what I have already got in the page** - please provide some code which works with the existing code without have to add anything (such as an ID tag) – r3dd3x Jan 31 '12 at 21:01
Also, it's the only A HREF link on the page, so maybe I could find all A HREF links on the page and click on the first one using Javascript? – r3dd3x Jan 31 '12 at 21:02

score 0 · Answer 3 · answered Jan 31 '12 at 21:08

0

I would use the jQuerify plug-in. Then type $('a').click(); in the Firebug console.

answered Jan 31 '12 at 21:08

JoshNaro

2,047
2
20
40

this is on an iPhone though (Safari for iOS) so I'm not sure that I can do that... – r3dd3x Jan 31 '12 at 21:11

How to click on an image with a hyperlink using Javascript?

3 Answers3