How to capture text area with the background black

Asked by starbaek on 2017-05-18

How to capture text area with the background black?
This text area border if very thin and when I put the box around it, I think it's having hard time due to back ground being black as well.

This is the error I am getting.

[error] FindFailed ( 1492112288261.png: (1485x25) in S(0)[0,0 1920x1200] E:Y, T:3.0 )

Thank you!

Question information

Language:
English Edit question
Status:
Answered
For:
Sikuli Edit question
Assignee:
No assignee Edit question
Last query:
2017-06-02
Last reply:
2017-06-03
masuo (masuo-ohara) said : #1

Show your codes that occurred the error to explain situation.

starbaek (starbaek) said : #2

Is there a way for me to give you screenshot of the referenced screen?

Code is:

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <meta http-equiv="X-UA-Compatible" content="IE=edge" >
        <meta name="mobile-web-app-capable" content="yes">
        <title>BorderNet</title>
        <link rel="stylesheet" href="css/jquery.mobile-1.4.4.min.css" />
        <link rel="stylesheet" href="css/tti_mobile.css" />
        <link rel="stylesheet" type="text/css" href="css/jquery.datetimepicker.css"/ >
        <script type="text/javascript" src="js/jq/jquery-1.9.1.min.js"></script>
        <script type="text/javascript" src="js/jq/jquery.mobile-1.4.4.min.js"></script>
        <script type="text/javascript" src="js/jquery.timer.js"></script>
        <script type="text/javascript" src="js/tti.js"></script>
        <script type="text/javascript" src="js/tticommon.js"></script>
        <script type="text/javascript" src="js/jquery.datetimepicker.js"></script>
        <script type="text/javascript" src="js/jquery.validate.min.js"></script>
        <script type="text/javascript" src="js/infobubble-compiled-tti.js"></script>
        <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0" >
        <link rel="apple-touch-icon" href="img/homescreen_icon.png"/>
    </head>
    <body>
        <div id="map" data-role="page" data-theme="b">
            <div id="mapheader" data-role="header">
                <div class="ui-mini ui-btn-left" data-role="controlgroup" data-type="horizontal">
                    <a class="ui-btn ui-disabled ui-btn-inline" id="chatButton" href="#chatpage" data-transition="slide" >Chat</a>
                    <a class="ui-btn ui-disabled ui-btn-inline" id="postS" data-mini="true" data-inline="true" name="postS" >Sighting</a>
                    <a class="ui-btn ui-disabled ui-btn-inline" id="historyButton" href="#historypage" data-transition="slide" >History</a>
                    <a class="ui-btn ui-disabled ui-btn-inline" id="layersButton" href="#layerspanel" data-transition="slide" >Layers</a>
                </div>
                <div class="ui-mini ui-btn-right" data-role="controlgroup" data-type="horizontal">
                    <a class="ui-btn ui-disabled ui-btn-inline ui-mini ui-icon-plus ui-btn-icon-left" id="loginLink" href="#login" data-transition="pop" data-rel="dialog" >Login</a>
                </div>
            </div>
            <div data-role="content">
                <div id="map_content">
                    <div id="map_canvas"></div>
                </div>
            </div>
            <div data-role="panel" id="layerspanel" data-position="left" data-display="overlay">
                <div id="layerSelect" ></div>
            </div>
        </div>
        <div id="login" data-role="page" data-theme="b" >
            <div data-theme="b" data-role="header" data-position="fixed" data-add-back-btn="true">
                <h3>Login</h3>
            </div>
            <div data-role="content" >
                <form action="" method="post" id="loginform" novalidate="novalidate">
                    <div id="join1" class="ui-field-contain">
                        <label for='username'>Username:</label>
                        <input id='username' name='username' type='text' />
                    </div>
                    <div id="join2" class="ui-field-contain">
                        <label for='password'>Password:</label>
                        <input id='password' name='password' type='password' class="required" />
                    </div>
                    <button class="ui-btn ui-icon-plus" id="joinB" type="submit" name="join">Submit</button>
                </form>
            </div>
        </div>
        <div id="chatpage" data-role="page" data-theme="b">
            <div data-role="header" data-position="fixed" data-add-back-btn="true">
                <h1>Chat</h1>
            </div>
            <div data-role="content" >
                <form action="" method="post" id="chatform" novalidate="novalidate">
                    <div id="chat" class="ui-body-d ui-corner-all ui-shadow-inset"></div>
                    <div id="chat1" class="ui-field-contain">
                        <label for='chatTo' >To:</label>
                        <input id='chatTo' type='text' />
                    </div>
                    <div data-theme="b" id="chat2" class="ui-field-contain">
                        <label for='phrase'>Message:</label>
                        <input id='phrase' name='phrase' type='text' />
                    </div>
                    <div data-role="fieldcontain" class="ui-field-contain">
                        <button class="ui-btn ui-btn-inline" id="chatSend" type="submit">Send</button>
                    </div>
                </form>
            </div>
        </div>
        <div id="historypage" data-role="page" data-theme="b">
            <div data-role="header" data-position="fixed" data-add-back-btn="true">
                <h1>History</h1>
            </div>
            <div data-role="content" >
                <form action="" method="post" id="historyform" novalidate="novalidate">
                    <div id="joinedHistory1" class="ui-field-contain">
                        <label for='startDate' >Start Date:</label>
                        <div data-role="controlgroup" data-type="horizontal">
                        <input name='startDate' id='startDate' type='text' style='width:auto' data-wrapper-class="controlgroup-textinput ui-btn" />
                        <button class="ui-btn ui-btn-inline ui-icon-calendar ui-btn-icon-notext" id="cal1">Calendar</button>
                        </div>
                    </div>
                    <div id="joinedHistory2" class="ui-field-contain">
                        <label for='endDate'>End Date:</label>
                        <div data-role="controlgroup" data-type="horizontal">
                        <input name='endDate' id='endDate' type='text' style='width:auto' data-wrapper-class="controlgroup-textinput ui-btn"/>
                        <button class="ui-btn ui-btn-inline ui-icon-calendar ui-btn-icon-notext" id="cal2">Calendar</button>
                        </div>
                    </div>
                    <div id="historySubmitDiv" class="ui-field-contain">
                        <button class="ui-btn ui-btn-inline" id="historySend">Submit</button>
                    </div>
                </form>
            </div>
        </div>
        <div id="infowindowpage" data-role="page" data-theme="b">
            <div data-role="header" data-position="fixed" data-add-back-btn="true">
                <h3>Information</h3>
            </div>
 <div id="infoContent" data-role="content" ></div>
    </div>
    </body>
</html>

Thank you.

starbaek (starbaek) said : #3

I have provided more information. Please see above notes.

Thank you.

masuo (masuo-ohara) said : #4

I have not fully understood the situation yet.
Did you capture image of both item name and text area for parameter of click(), so FindFailed error occurred ?

if you capture only item name for parameter of click(), click() work correctly?

When you capture only item name for parameter of click() and you want to click textarea, it is necessary to add targetOffset() for parameter of click() .
http://sikulix-2014.readthedocs.io/en/latest/pattern.html

Can you help with this problem?

Provide an answer of your own, or ask starbaek for more information if necessary.

To post a message you must log in.