Enter an input value with greasemonkey

Question

I have some input values contained within a bunch of divs and a form. I have a limited knowledge of js and would like to use greasemonkey to set the values when the page loads.

The following shows the order of divs and forms to get to the value.

<div data-role="page" id="finalTest">                    
  <div data-role="content">
    <form class="cmxform" id="ftForm">
      <div id="finalTestForOtherDiv" >
        <div data-role="fieldcontain" class="special-spacing">
                <div class="input-div">
                    <label id="finalTestBeforeAcTgrLabel" for="finalTestBeforeAcTg" data-insight="true" 
                        class="mandatory" data-default="mandatory"><img class="label-image" alt="" src="../Images/icon-alert.png" />AC V (T/G):</label>
                    <input type="text" id="finalTestBeforeAcTg" name="finalTestBeforeAcTg" value="" style="width:100px; display:inline-block;" 
                        data-bind="binder.BeforeAcTg"  data-bind-action-when-hidden="Ignore" />
                    <span class="ui-content" style="padding-left:7px;">V</span>
                    <div class="error-message"><ul></ul></div>

                </div>

Here is the script I've tried using but does nothing.

// ==UserScript==
// @name    Final Test
// @description Final test results
// @include https://techaccess.ad.qintra.com/WorkJobs/WorkJobs.aspx#finalTest
// ==/UserScript==

document.getElementById("finalTestBeforeAcTg").value = "0.00";

Here is the code I'm using that doesn't work. – Cameron Darlington May 24 '12 at 16:44 — Cameron Darlington, May 24 '12 at 16:44

score 7 · Accepted Answer · answered May 23 '12 at 22:39

7

document.getElementById("finalTestBeforeAcTg").value = "your value";

answered May 23 '12 at 22:39

Pavel Strakhov

39,123
5
88
127

Didn't think it would be that simple, thanks, I'll try it tomorrow – Cameron Darlington May 23 '12 at 23:24
I tried, but it doesn't work. I've edited my original post to show the code as I have it – Cameron Darlington May 24 '12 at 16:48
Check if your script does execute at all. What is the value of `document.getElementById("finalTestBeforeAcTg")`? – Pavel Strakhov May 24 '12 at 17:02
Oddly enough, I can do alert(document.getElementById("finalTestBeforeAcTg").value) and this will show 0.00, but it's not filling in the text box correctly. The input box is still empty. – Cameron Darlington May 24 '12 at 17:51
I also added more of the source html above to indicate what the entire section looks like that I'm working with – Cameron Darlington May 24 '12 at 17:55
@PavelStrakhov What is the difference? – Matt Aug 09 '18 at 00:32

score 3 · Answer 2 · edited May 23 '17 at 12:08

If your script attempt is not working, it is likely because one or more of the following:

The @include is too restrictive.
The node does not exist yet. Is AJAX active on the page?
Prerequisite javascript events must be triggered for the page to acknowledge or accept the new value.

For issue 1, change the script to:

// ==UserScript==
// @name        Final Test
// @description Final test results
// @include     http://techaccess.ad.qintra.com/WorkJobs/*
// @include     https://techaccess.ad.qintra.com/WorkJobs/*
// ==/UserScript==

alert ("Script start.");

var finTestInput    = document.getElementById ("finalTestBeforeAcTg");
if (finTestInput) {
    finTestInput.value  = "0.00";
}
else {
    alert ("The target input does not exist yet!")
}

Note that if you use Firebug (you should), change the alert()s to unsafeWindow.console.log()s.

For issue 2, use the waitForKeyElements utility. See this answer, for example.

For issue 3, There is little we can do without access to the page to suss out the proper sequence of events.
Give us access to the page, or Use Firebug (and the Events panel) to figure it out, or maybe a snapshot of both the page's HTML, and the page's JS files, at Pastebin.com will be enough (maybe).

Thank you for the feedback. The problem is not @include unfortunately. I will experiment with waitForKeyElements. — Cameron Darlington, May 25 '12 at 20:27
Forgot to respond with resolution. It was a problem with data being AJAX'd in. I just used a 1 second timeout. Thanks Brock — Cameron Darlington, Jun 21 '12 at 17:58

Enter an input value with greasemonkey

2 Answers2