Click a button in Safari using Applescript

Hi twtwtw

thx for the reply, but could you be more specific as to which command I should execute. How to get the id of the element? If I inspect the element with Firefox's WebInspector I get:

input.gwt-FileUpload

input#gwt-uid-13

button.gwt-SubmitButton

are these the IDs you were talking about? If yes, how do I construct the syntax of the javascript comand? Also, I have no idea what DOM means. Sorry, I have no experience of JavaScript.

Hi again,

since I still haven't found the solution to the problem, I've tried to find some answers on my own. I've tried to use .getElementById function, but it only works for the little checkbox on the page, since I can't get the IDs for the other elements. This is how much working code I've come up with so far:

tell application "Safari"

activate

set URL of document 1 to "https://www.google.com/doubleclick/studio/swiffy/"

delay 4

do JavaScript "document.getElementById('gwt-uid-13').click()" in document 1

delay 1

end tell

The problem is, I don't think the other elements have IDs. So, after some research I found that you should be able to manipulate them with other functions such as, getElementsByTagName, but it didn't work for me. I added the following line to the script:

but it does nothing.

Below you can find the two elements as they embedded in the page:

First Element to open the file finder info to upload the file:

<form target=​"FormPanel_SwiffyFrontend_1" enctype=​"multipart/​form-data" method=​"post" action=​"/​doubleclick/​studio/​swiffy/​upload">​<table cellspacing=​"0" cellpadding=​"0">​<tbody>​<tr>​<td align=​"left" style=​"vertical-align:​ top;​ ">​<input type=​"file" class=​"gwt-FileUpload" name=​"swfFile">​

Second Element to submit the file:

<td align=​"left" style=​"vertical-align:​ top;​ ">​<table cellspacing=​"0" cellpadding=​"0">​<tbody>​<tr>​<td align=​"left" style=​"vertical-align:​ top;​ ">​<button type=​"submit" class=​"gwt-SubmitButton">​Upload and convert​</button>​

I'm really desperate for some help here. I just don't understand what I'm supposed to do. More specific and less general solutions would be very much appreciated.

Cheers!

I found the sollution on my own:

putting [0] before the .click() action helped. I'm not sure, not a JavaScript expert here, but the way I understand it the document.getElementsByClassName Method returns a whole array of elements and you have to tell it which on it is supposed to be. In the end, I used the following syntax.

Maybe this will help some other helpless JavaScript Dummies like myself out there.