AppleScript click on button (chrome)

applescriptgoogle-chromejavascript

Here is the HTML tag of the button I would like to click using AppleScript.

<button class="btn btn-primary" autofocus="" ng-click="ok()" tabindex="0"><!-- ngIf: !isTranslate --><span ng-if="!isTranslate" class="ng-scope">OK</span><!-- end ngIf: !isTranslate --> <!-- ngIf: isTranslate --></button

Here is my script

tell application "Google Chrome"
    tell tab 2 of window 1 to set clickOnMyButton to execute javascript "document.getElementsByClassName('ng-scope')[0].click();"
end tell

Result:

missing value

how can I generate a click ?

Update : I found that this is causing the block

 style="z-index: 1050; display: block;"

Full HTML block

<div tabindex="-1" role="dialog" class="modal fade ng-isolate-scope in" ng-class="{in: animate}" ng-style="{'z-index': 1050 + index*10, display: 'block'}" ng-click="close($event)" modal-window="" size="sm" index="0" animate="animate" style="z-index: 1050; display: block;">
    <div class="modal-dialog modal-sm" ng-class="{'modal-sm': size == 'sm', 'modal-lg': size == 'lg'}"><div class="modal-content" modal-transclude=""><div class="modal-header ng-scope"><span class="information-icon glyphicon glyphicon-info-sign"></span> <!-- ngIf: !isTranslate --><span class="information-header ng-scope" ng-if="!isTranslate">Information</span><!-- end ngIf: !isTranslate --> <!-- ngIf: isTranslate --></div><div class="ng-scope"><span class="glyphicon modal-body glyphicon-menu-down" ng-class="{ 'glyphicon-menu-down' : !errorDetails, 'glyphicon-menu-right' : errorDetails}" ng-click="errorDetails = !errorDetails" tabindex="0"></span><!-- ngIf: !isTranslate --><span ng-if="!isTranslate" class="ng-scope">Details</span><!-- end ngIf: !isTranslate --> <!-- ngIf: isTranslate --></div><!-- ngIf: !errorBullets --><div ng-if="!errorBullets" collapse="errorDetails" class="ng-scope collapse in" style="height: auto;"><ul><li class="ng-binding">Please provide Purchase data</li></ul></div><!-- end ngIf: !errorBullets --><!-- ngIf: errorBullets --><div class="modal-footer ng-scope"><button class="btn btn-primary" autofocus="" ng-click="ok()" tabindex="0"><!-- ngIf: !isTranslate --><span ng-if="!isTranslate" class="ng-scope">OK</span><!-- end ngIf: !isTranslate --> <!-- ngIf: isTranslate --></button></div></div></div>
</div>

If I can't click on the menu, how can I remove this using AppleScript?

Best Answer

document.getElementsByClassName('ng-scope')[0].click(); is perfectly fine JavaScript, but it's targeting a <span> element (which usually don't have click() events associated with them), and not the <button> element (whose class attribute has value "btn-primary").

Therefore, your JavaScript needs to target btn-primary, like so:

document.getElementsByClassName('btn-primary')[0].click();

(where [0] will possibly need to be adjusted, depending on how many other elements before this one share its class name).

Alternatively, if you're confident that the correct <span> element is identified by the index 0, then you could access its parent element (which is the <button>) and issue the click() that way:

document.getElementsByClassName('ng-scope')[0].parentElement.click();

Without access to the webpage itself, though, I'm unable to test this rigorously, so, whilst I'm confident that the JavaScript principles are sound, you may need to do some tweaks of your own to isolate the element by using the correct class name and correct array index.

Related Solutions

Applescript click automation in Google Chrome browser

You can also click elements with JavaScript:

tell application "Google Chrome" to tell active tab of window 1
    execute javascript "document.getElementById('chrome-web-store-title').click()"
    --execute javascript "document.querySelectorAll('.tile-grid .most-visited')[3].click()"
end tell

Focusing an existing tab by URL:

tell application "Google Chrome"
    repeat with w in windows
        set i to 1
        repeat with t in tabs of w
            if URL of t starts with "https://mail.google" then
                set active tab index of w to i
                set index of w to 1
                return
            end if
            set i to i + 1
        end repeat
    end repeat
end tell

Using Javascript | Applescript to click button in Safari

For a minute there I thought you were asking the same question again as last time.

But realise now you want to know how to use Inspect Element to construct your own code.

In the example you give: document.forms[WHATGOESHERE?].click()

The WHATGOESHERE would be the form name.

i.e document.forms['theFormName'].click()

Your website in their wisdom has named the form 'form'

<form method="post" action="/cgi-bin/RNAfold.cgi" enctype="multipart/form-data" name="form"> <input type="hidden" name="PAGE" value="2">

i.e document.forms['form'].click()

But this would not click the input button

You can use the submit() function dot syntax'd on the end :

document.forms['form'].submit()

Safari Applescript : do JavaScript "document.forms['form'].submit()"

Also

In the code I provided you in your last question. I used:

tell document 1

        do JavaScript "document.getElementsByClassName('proceed')[0].click()"

    end tell

This uses the class Name proceed of the forms input element seen here: class="proceed"

<input value="" name="proceed" type="submit" class="proceed" onmouseover="this.style.cursor="pointer"" style="cursor: pointer;">

The getElementsByClassName('proceed')[0] does exactly what it says.

It gets the Elements By ClassName 'proceed'.

The [0] means it will give you the first element in it's results from the Array that would be returned. The array is counted from 0-9. So the first item would be item 0.

A good place to get working examples and information about Javascript is at www.w3schools.com On the front page the have links to their HTML and Javascript examples and Tutorials. The elements of the HTML Dom and Javascript functions are listed for easy access.

Best Answer

Related Solutions

Applescript click automation in Google Chrome browser

Using Javascript | Applescript to click button in Safari

Related Question