Basic MouseClick question

retghy · October 11, 2018

Hello everyone.

I tried searching for Mouseclick question in the forum but the solutions given did not work for me.

At work I need to select my schedule whenever available at a certain time everyday, I'm trying to automate that repetitive process.

In the company website there is a schedule grid showing the days and time, I already managed to search for the correct coordinates using pixelsearch, but when I try to send the MouseClick to the given coordinate the cursor is no longer clickable like if there was not link, when I move the cursor using the mouse with my hand now is clickable again...

I tried using mousedown and mouseup with a sleep of 100 and 200ms, but that did not work either.

This is my script so far, very basic and noobish I know but I'm not an expert coder (yet?).

While $i <= 10
$coord = PixelSearch(292, 381, 933, 892, 0xFFFF0D,20)
If Not @error Then
    MouseMove ( $coord[0]+10, $coord[1],5)
    Opt("WinTextMatchMode", 2)
    WinActivate("Mozilla Firefox")
    MouseClick("primary")
    ;MouseDown("primary")
    ;Sleep(200)
    ;MouseUp("primary")
EndIf
WEnd

It looks like when autoit moves the cursor it doesn't detect that it is on top of a link or a clickable area anymore.

Thank so much you in advance.

FrancescoDiMuro · October 11, 2018

@retghy
You could use _IE* functions too, which are for sure more reliable than MouseClicks
Take a look at them in the Help file.

retghy · October 11, 2018

18 minutes ago, FrancescoDiMuro said:

@retghy
You could use _IE* functions too, which are for sure more reliable than MouseClicks
Take a look at them in the Help file.

Thank you for your quick reply!

I'm reading those functions but I don't see any that would allow me to click on specific coordinates in the screen.

In the website I don't have an specific text link that I can read and click, there is only a grid and when time is available a square will blink in different colors and it will turn clickable.

Here is a screenshot.

Possibly it would be a much better way of doing what I need but so far that script is the only way I know.

schedule.png.a126b7e49aa9d01082bb6f65d8cb8565.png

Right where it says Saturday that block is blinking I would need to click in that area to accept that time.

Thank you in advance.

Bert · October 11, 2018

You don't use the IE tools to to click on specific coordinates in the screen. You use the IE tools to interact with a control. That way you can use your mouse for other stuff while your script runs. Look at the examples in the tools and actually run them to see them in action. Once you see it, it will make much more sense to you.

retghy · October 11, 2018

Thank you for letting me know about the IE Functions, I will definitely look into that today.

But, about the mouse click command, do you think that the behavior I explained is a browser related issue? I'm just curious about that, I know it is a basic command. But it seems like the mouse movement is not the same when you move the mouse manually.

Thank you for your suggestions!

retghy · October 11, 2018

I'm sorry but the more I read the IE functions I do not understand how I would use them for what I need to do...

They seem to be browser specific functions, to be able to interact with website elements like images, text, forms...

But in my case I don't have any of that, I don't have a visible link, it seems like a server side interactive grid, I don't know how to determine what element is that in the website or how to interact with it using the IE functions.

The easiest way seemed to just position the mouse cursor on top of the clickable area and send a mouse click, but for some reason that is not working. I can click manually but when done using autoit script it won't work.

Excuse my english please.

FrancescoDiMuro · October 11, 2018

@retghy
Could you post the page source?

retghy · October 11, 2018

5 minutes ago, FrancescoDiMuro said:

@retghy
Could you post the page source?

The page source code? Sure.

I need to login to access the schedule but here it is.

<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js"  ng-app="DriverAvailability" >
<!--<![endif]-->
<!-- START :: Head -->
<head>
    <meta charset="utf-8" />
    <title>Lash 3PL Admin Portal - Schedule</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <meta name="description" content="Schedule" />
    <meta name="keywords" content="" />
    <link rel="canonical" href="https://driver.lash3pl.com/" />
    <link rel="shortcut icon" href="https://driver.lash3pl.com/favicon.ico" />
    <!-- START :: Global Plugin Styles -->
    <link media="all" type="text/css" rel="stylesheet" href="https://driver.lash3pl.com/assets/css/fonts.googleapis.css">

    <link media="all" type="text/css" rel="stylesheet" href="https://driver.lash3pl.com/assets/metronic/global/plugins/font-awesome/css/font-awesome.min.css">

    <link media="all" type="text/css" rel="stylesheet" href="https://driver.lash3pl.com/assets/metronic/global/plugins/simple-line-icons/simple-line-icons.min.css">

    <link media="all" type="text/css" rel="stylesheet" href="https://driver.lash3pl.com/assets/metronic/global/plugins/bootstrap/css/bootstrap.min.css">

    <link media="all" type="text/css" rel="stylesheet" href="https://driver.lash3pl.com/assets/metronic/global/plugins/uniform/css/uniform.default.css">

    <link media="all" type="text/css" rel="stylesheet" href="https://driver.lash3pl.com/assets/metronic/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css">

    <!-- END :: Global Plugin Styles -->
    <!-- START :: Page Specific Plugin CSS -->
     <link media="all" type="text/css" rel="stylesheet" href="https://driver.lash3pl.com/assets/metronic/global/plugins/select2/select2.css">

<link media="all" type="text/css" rel="stylesheet" href="https://driver.lash3pl.com/assets/css/ui-bootstrap.css">

    <!-- END :: Page Specific Plugin CSS -->
    <!-- START :: Page Specific CSS -->
     <link rel="stylesheet" type="text/css" href="assets/css/style.css">
<style>
    body {
        font-family: 'Open Sans', sans-serif;
        background-color: #ECF0F1;
    }

    .schedule-rows td[data-selected], .schedule-rows td[data-selecting] {
        background-color: green;
    }

    .available {
        background-color: green !important;
        pointer-events: auto;
    }

    .assigned {
        background-color: #3F51B4 !important;
        pointer-events: auto;
    }

    .required {
         background-color: yellow !important; 
        pointer-events: auto;
        animation: blink 1s infinite;
    }

    .disabled {
       /* pointer-events: none;*/
       cursor: default !important;
    }

    div.schedule1 {
        display: block;
        border: 1px solid #cccccc;
        padding: 10px;
    }

    .calender-title {
        text-align: center;
    }

    .calender-title h4 {
        font-weight: bold;
        color: #3498db;
    }

    div.schedule2 {
        display: inline-block;
        border: 1px solid #cccccc;
        padding: 10px;
    }

    table {
        border-spacing: 1px;
        border-collapse: separate;
    }

    .nav-tabs {
        border-bottom: 2px solid #DDD;
    }

    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        border-width: 0;
    }

    .nav-tabs>li>a {
        border: none;
        color: #666;
    }

    .nav-tabs>li.active>a,
    .nav-tabs>li>a:hover {
        border: none;
        color: #4285F4 !important;
        background: transparent;
    }

    .nav-tabs>li>a::after {
        content: "";
        background: #4285F4;
        height: 2px;
        position: absolute;
        width: 100%;
        left: 0px;
        bottom: -1px;
        transition: all 250ms ease 0s;
        transform: scale(0);
    }

    .nav-tabs>li.active>a::after,
    .nav-tabs>li:hover>a::after {
        transform: scale(1);
    }

    .tab-nav>li>a::after {
        background: #21527d none repeat scroll 0% 0%;
        color: #fff;
    }

    .tab-pane {
        padding: 15px 0;
    }

    .tab-content {
        padding: 20px
    }

    .card {
        background: #FFF none repeat scroll 0% 0%;
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
        margin-bottom: 30px;
    }
    .schedule-rows td {
        background-color: #777777;
    }
    .black-box {
        height: 30px;
        padding: 0 !important;
        color: white;
        background-color: #777777;
        text-align: center;
        cursor: pointer;
        font-size: 0.9rem !important;
    }
    .time-disabled {
        opacity: 0.75;
    }
    .table>tbody>tr>td, .table>thead>tr>th {
        border: none !important;
        padding-top: 0;
        padding-bottom: 0;
    }
    table>tbody>tr>td div.basic {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .table>tbody>tr>td:first-child {
        font-size: 12px;
    }
    [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
        display: none !important;
    }
    .main-loader {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 999999999999;
        background: rgba(0, 0, 0, 0.3);
    }
    .main-loader img {
        width: 150px;
    }
    .select2-container {
        margin-bottom: 0 !important;
    }
    .mapModal .modal-content {
        padding: 20px;
    }
    .mapText {
        cursor: pointer;
        text-decoration: underline;
    }
</style>
    <!-- END :: Page Specific CSS -->
    <!-- START :: Theme CSS -->
    <link media="all" type="text/css" rel="stylesheet" href="https://driver.lash3pl.com/assets/metronic/global/css/components.css">

    <link media="all" type="text/css" rel="stylesheet" href="https://driver.lash3pl.com/assets/metronic/global/css/plugins.css">

    <link media="all" type="text/css" rel="stylesheet" href="https://driver.lash3pl.com/assets/metronic/admin/layout/css/layout.css">

    <link media="all" type="text/css" rel="stylesheet" href="https://driver.lash3pl.com/assets/metronic/admin/layout/css/themes/default.css">

    <link media="all" type="text/css" rel="stylesheet" href="https://driver.lash3pl.com/assets/metronic/admin/layout/css/custom.css">

    <!-- END :: Theme CSS -->
    <!-- Load JS files at bottom to reduce page load time - see footer.blade.php -->
    <base href="https://driver.lash3pl.com" />
</head>
<!-- END :: Head -->
<!-- START :: Body -->
<body class="page-header-fixed page-quick-sidebar-over-content">
<!-- START :: Header -->
<div class="page-header navbar navbar-fixed-top">
    <!-- START :: Header Inner -->
    <div class="page-header-inner">
        <!-- START :: Logo -->
        <div class="page-logo">
            <a href="https://driver.lash3pl.com"><img src="https://driver.lash3pl.com/assets/images/logo.png" class="logo-image" style="padding-top:3px;" alt="logo"></a>
        </div>
        <!-- END :: Logo -->
        <!-- START :: Responsive Menu Toggler -->
        <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse"></a>
        <!-- END :: Responsive Menu Toggler -->
        <!-- START :: Top Navigation Menu -->
        <div class="top-menu">
            <ul class="nav navbar-nav pull-right">
                <!-- START :: User Login Dropdown -->
                <li class="dropdown dropdown-user">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                        <span class="username username-hide-on-mobile">Hans Warschau</span>
                        <i class="fa fa-angle-down"></i>
                    </a>
                    <ul class="dropdown-menu">
                        <li>
                            <a href="https://driver.lash3pl.com/account/profile"><i class="icon-user"></i> My Profile </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="https://driver.lash3pl.com/account/lock"><i class="icon-lock"></i> Lock Screen </a>
                        </li>
                        <li>
                            <a href="https://driver.lash3pl.com/account/logout"><i class="icon-key"></i> Log Out </a>
                        </li>
                    </ul>
                </li>
                <!-- END :: User Login Dropdown -->
            </ul>
        </div>
        <!-- END :: Top Navigation Menu -->
    </div>
    <!-- END :: Header Inner -->
</div>
<!-- END :: Header -->
<div class="clearfix"></div>
    <!-- START :: Container -->
    <div class="page-container">
        <!-- START :: Sidebar -->
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<div class="page-sidebar-wrapper">
    <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
    <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
    <div class="page-sidebar navbar-collapse collapse">
        <!-- START :: Sidebar Menu -->
        <ul class="page-sidebar-menu " data-auto-scroll="true" data-slide-speed="200">
            <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
            <li class="sidebar-toggler-wrapper" style="margin-bottom: 10px;">
                <!-- START :: Sidebar Toggler Button -->
                <div class="sidebar-toggler"></div>
                <!-- END :: Sidebar Toggler Button -->
            </li>
        <!--            <li class="start">
                <a href="https://driver.lash3pl.com">
                    <i class="icon-home"></i>
                    <span class="title">Dashboard</span>
                    <span class="selected"></span>
                </a>
            </li>-->
            <li class="start">
                <a href="https://driver.lash3pl.com/timesheets">
                    <i class="icon-list"></i>
                    <span class="title">Check In/Out</span>
                    <span class="selected"></span>
                </a>
            </li>
        <!--                        <li class="start">
                <a href="https://driver.lash3pl.com/scheduled-shifts">
                    <i class="icon-list"></i>
                    <span class="title">Scheduled Shifts</span>
                    <span class="selected"></span>
                </a>
            </li>-->
            <li class="start">
                <a href="https://driver.lash3pl.com/payroll">
                    <i class="icon-list"></i>
                    <span class="title">Earnings</span>
                    <span class="selected"></span>
                </a>
            </li>
            <li class="start active open">
                <a href="https://driver.lash3pl.com/schedule">
                    <i class="icon-list"></i>
                    <span class="title">Schedule</span>
                    <span class="selected"></span>
                </a>
            </li>
            <li class="start">
                <a href="https://driver.lash3pl.com/completed-orders">
                <!-- https://driver.lash3pl.com/completed-orders -->
                    <i class="icon-list"></i>
                    <span class="title">Completed Orders</span>
                    <span class="selected"></span>
                </a>
            </li>
            <li class="start">
                <a href="https://driver.lash3pl.com/resources/other"><i class="icon-list"></i> Resources</a>
            </li>
            <li class="start">
                <a href="https://driver.lash3pl.com/cheatsheets">
                    <i class="icon-list"></i>
                    <span class="title">Driver Support</span>
                    <span class="arrow"></span>
                </a>
                <ul class="sub-menu">
                                        <li>
                        <a class='email' id='driversupport@lashdelivery.com' href='#'><i class='icon-envelope'></i> Email </a>

                    </li>
                                        <li><a class='call' id='+1-877-774-5274' href='#'><i class='icon-call-out'></i> Phone </a></li>
                                        <li><a class='sms' id='+1 210 625 7771' href='#'><i class='glyphicon glyphicon-phone'></i> SMS </a></li>
                    
                </ul>

            </li>

        </ul>
        <!-- END :: Sidebar Menu -->
    </div>
</div>
<!-- END :: Sidebar -->

<script type="text/javascript">
    $('.email').click(function () {
        var emailId = this.id;
        document.location.href = "mailto:" + emailId;
    })
    $('.call').click(function () {
        var phoneNo = this.id;
        if (typeof window.orientation !== 'undefined') {
            document.location.href = "tel://" + phoneNo.replace(/-/g, '');
        }
        else {
            alert('Phone helpline \nCall on:' + phoneNo);
        }
    })
    $('.sms').click(function () {
        var phoneNo = this.id;
        if (typeof window.orientation !== 'undefined') {
            document.location.href = "sms:" + phoneNo.replace(/-/g, '');
        }
        else {
            alert('SMS helpline \nMessage on:' + phoneNo);
        }
    })
</script>
        <!-- START :: Page -->
        <div class="page-content-wrapper">
            <!-- START :: Page Container -->
            <div class="page-content">
                <!-- START :: Body Content Header -->
                <!-- START :: Notices -->
                <!-- START :: Notices -->
<!-- START :: Notices -->
                <!-- END :: Notices -->
                <!-- START :: Page Title & Breadcrumb -->
                                    <h3 class="page-title">Schedule</h3>
                                <div class="page-bar">
        <ul class="page-breadcrumb">
                    <li>
                            <i class="fa fa-home"></i>
                                        Listing
                                    </li>
                        </ul>
    </div>
                <!-- END :: Page Title & Breadcrumb -->
                <!-- END :: Body Content Header -->
                <!-- START :: Body Content -->
                <div class="row">
                    <div class="col-md-12">
                         <script src="https://driver.lash3pl.com/assets/js/jquery-1.11.3.min.js"></script>

<script>
    var weekDateRange = '[{"id":1373,"start_date":"2018-10-08","end_date":"2018-10-14","team_id":139,"message":null,"created_at":"2018-10-04 13:55:01","updated_at":"-0001-11-30 00:00:00","deleted_at":null}]';
</script>
<div ng-controller="DriverAvailabilityController" ng-cloak>
    <div class="main-loader" ng-if="isLoading" ng-cloak>
        <img src="assets/images/loading.gif" alt="Loader" class="img-responsive">
    </div>
    <div class="row">
        <div class="col-md-12">
            <!-- Nav tabs -->
            <div class="card">
                <!-- Tab panes -->
                <div class="tab-content">

                    <!-- Desktop -->
                    <div class="row ">
                        <ul class="nav nav-tabs" role="tablist" ng-if="weekList">
                            <!-- <li role="presentation" class="active"><a href="#thisweek" aria-controls="home" role="tab" data-toggle="tab">This Week</a></li>
                            <li role="presentation"><a href="#nextweek" aria-controls="profile" role="tab" data-toggle="tab">Next Week</a></li> -->
                            <li role="presentation" ng-class="{ 'active': list.isActive }" ng-repeat="list in weekList" ng-click="changeTab(list);">
                                <a href="#thisweek<%$index%>" aria-controls="home" role="tab" data-toggle="tab" ng-cloak><% list.start_date2 %> - <% list.end_date2 %></a>
                            </li>
                        </ul>

                        <!-- Tab panes -->
                        <div class="tab-content padding8">
                            <div role="tabpanel" class="tab-pane" ng-class="{ 'active': list.isActive }" id="thisweek<%$index%>" ng-repeat="list in weekList">
                                <div class="row" ng-if="zoneWeekMessage" ng-cloak>
                                    <div class="col-md-12">
                                        <div class="alert alert-info">
                                            <p><% zoneWeekMessage %></p>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="table-info">
                                            <ul>
                                                <li>
                                                    <div class="color-box black"></div>
                                                    <div class="desc">
                                                        <span>
                                                            Available for Waitlist
                                                        </span> </div>
                                                </li>
                                                <li>
                                                    <div class="color-box green"></div>
                                                    <div class="desc">
                                                        <span>
                                                            Waitlisted <b>(WL)</b>
                                                        </span> </div>
                                                </li>
                                                <li>
                                                    <div class="color-box orange"></div>
                                                    <div class="desc">
                                                        <span>
                                                            Shift Assigned
                                                        </span> </div>
                                                </li>
                                                <li>
                                                    <div class="color-box yellow"></div>
                                                    <div class="desc">
                                                        <span>
                                                            Available for Grabs
                                                        </span> </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6 padding0">
                                    <div class="calender-title">
                                        <div style="margin-bottom: 5px;"><b><% list.start_date2 %> - <% list.end_date2 %></b></div>
                                        <div class="select2-container form-control select2">
                                            <select name="teamListing" ng-model="teamListing" ng-change="changeZone(teamListing, list.start_date);">
                                                <option value="">Please select zone</option>
                                                <option value="<% team %>" ng-repeat="team in teamList">
                                                    <% team.name %>
                                                </option>
                                            </select>
                                            <p><span class="mapText" ng-click="openMap()">Map</span></p>
                                        </div>
                                    </div>
                                    <div id="schedule1" class="table-responsive schedule1 schedule">
                                        <table class="schedule-table">
                                            <thead class="schedule-header">
                                                <tr>
                                                    <th></th>
                                                    <th ng-repeat="day in daysArr"><% day %></th>
                                                </tr>
                                            </thead>
                                            <tbody class="schedule-rows">
                                                <tr ng-repeat="time in timeSingleZoneArr" ng-init="timeIndex = $index">
                                                    <td><% time[0] %></td>
                                                    <td class="black-box <% x[0] %>"
                                                        ng-repeat="x in time[2]" ng-click="selectBox($event, $index, timeIndex);"
                                                        data-start-time="<% time[1][0] %>" data-end-time="<% time[1][1] %>" data-day="<% $index %>"
                                                        data-required="<% x[0] == 'required' ? 'true' : 'false' %>">

                                                        <div class="basic" ng-if="x[1]" uib-tooltip="<% x[1] %>"
                                                            data-start-time="<% time[1][0] %>" data-end-time="<% time[1][1] %>" data-day="<% $index %>"
                                                            data-required="<% x[0] == 'required' ? 'true' : 'false' %>">
                                                                <!-- &nbsp; -->
                                                                <i class="glyphicon glyphicon-info-sign" style="margin:0;pointer-events:none;"></i>
                                                        </div>

                                                        <!-- <% selectedList.selectedTeam.planned == 0 && (x[0] == 'available') ? 'Waitlisted' : '' %> -->
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <!-- <script>
                                        /* Initialise Current Week Schedule */
                                        $(document).ready(function () {
                                        $("#schedule1").dayScheduleSelector({
                                        startTime: "",
                                                endTime: "",
                                                dates: '',
                                                zone: ""
                                        });
                                                                                });
                                        /* Initialise Current Week Schedule */
                                    </script> -->
                                </div>
                                <div class="row hidden-sm hidden-md hidden-lg">
                                    <div class="col-xs-12">
                                        <div class="table-info">
                                            <ul>
                                                <li>
                                                    <div class="color-box black"></div>
                                                    <div class="desc">
                                                        <span>
                                                            Available for Waitlist
                                                        </span> </div>
                                                </li>
                                                <li>
                                                    <div class="color-box green"></div>
                                                    <div class="desc">
                                                        <span>
                                                            Waitlisted <b>(WL)</b>
                                                        </span> </div>
                                                </li>
                                                <li>
                                                    <div class="color-box orange"></div>
                                                    <div class="desc">
                                                        <span>
                                                            Shift Assigned
                                                        </span> </div>
                                                </li>
                                                <li>
                                                    <div class="color-box yellow"></div>
                                                    <div class="desc">
                                                        <span>
                                                            Available for Grabs
                                                        </span> </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>                                
                                <div class="col-md-6 padding0">
                                    <div class="calender-title">
                                        <!-- <h4 class="hidden-xs hidden-sm"> This Week </h4> -->
                                        <div style="margin-bottom: 5px;"><b><% list.start_date2 %> - <% list.end_date2 %></b></div>
                                        <!--<b class="team-name" style="display: none"></b>-->
                                        <div class="select2-container form-control select2">
                                            <h4 style="margin:0 0 6px;">Your Schedule Across Zones</h4>
                                            <p>Click the timeslot to view your delivery zone!</p>
                                        </div>
                                    </div>
                                    <div id="schedule2" class="table-responsive schedule2 schedule">
                                        <table class="schedule-table">
                                            <thead class="schedule-header">
                                                <tr>
                                                    <th></th>
                                                    <th ng-repeat="day in daysArr"><% day %></th>
                                                </tr>
                                            </thead>
                                            <tbody class="schedule-rows">
                                                <tr ng-repeat="time in timeMultiZoneArr" ng-init="timeIndex = $index">
                                                    <td><% time[0] %></td>
                                                    <td class="black-box disabled <% x[0] %>" ng-repeat="x in time[2]"
                                                        data-start-time="<% time[1][0] %>" data-end-time="<% time[1][1] %>" data-day="<% $index %>">
                                                        <div class="basic" uib-tooltip="<% x[1] %>"><% x[0] == 'available' ? 'Waitlisted' : '' %></div>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane" id="nextweek">
                                <div class="col-md-6 padding0">
                                    <div class="calender-title">
                                        <h4 class="hidden-xs hidden-sm"> Next Week</h4>
                                        <div style="margin-bottom: 5px;"><b>(31st Dec  - 31st Dec '69)</b></div>
                                        <!--<b class="team-name" style="display: none"></b>-->
                                        <!-- <div class="select2-container form-control select2"> -->
                                                                                    <!-- </div> -->
                                    </div>
                                    <div id="schedule2" class="schedule2 schedule"></div>
                                    <script>
                                        /* Initialise Next Week Schedule */
                                        // $(document).ready(function () {
                                        // var nextWeekDate = new Date("1969-12-31");
                                        // $("#schedule2").dayScheduleSelector({
                                        // startTime: "",
                                        //         endTime: "",
                                        //         dates: '',
                                        //         zone: ""
                                        // });
                                        //                                         // });
                                        /* Initialise Next Week Schedule */
                                    </script>
                                </div>
                            </div>

                        </div>
                    </div>
                    <!-- Desktop -->
                    <!-- Map Modal -->
                    <div id="mapModal" class="modal fade mapModal" role="dialog">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <button type="button" class="close" data-dismiss="modal">&times;</button>
                                <div class="modal-header text-center">
                                    <h3 style="margin:0;">Zones</h3>
                                </div>
                                <div class="map-image">
                                                                                                        <img src="assets/images/driver/houston.jpg" alt="Map" class="img-responsive">
                                                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Map Modal End -->
                </div>
            </div>
        </div>
    </div>
    <!-- <script type="text/ng-template" id="myModalContent.html">
        <div class="modal-header">
            <h3 class="modal-title" id="modal-title">Map</h3>
        </div>
        <div class="modal-body" id="modal-body">
            <ul>
                <li>
                </li>
            </ul>
        </div>
        <div class="modal-footer">
            <button class="btn btn-primary" type="button" ng-click="$ctrl.ok()">OK</button>
        </div>
    </script> -->
</div>

                    </div>
                </div>
                <!-- END :: Body Content -->
            </div>
            <!-- END :: Page Container -->
        </div>
        <!-- END :: Page -->
    </div>
    <!-- END :: Container -->
<!-- START :: Footer -->
    <div class="page-footer">
        <!-- START :: Copyright -->
        <div class="page-footer-inner">
            2018 &copy; H-E-B
        </div>
        <div class="scroll-to-top">
            <i class="icon-arrow-up"></i>
        </div>
        <!-- END :: Copyright -->
    </div>
    <!-- END :: Footer -->
    <!-- START :: Core Plugins -->
    <!--[if lt IE 9]>
    <script src="https://driver.lash3pl.com/assets/metronic/global/plugins/respond.min.js"></script>

    <script src="https://driver.lash3pl.com/assets/metronic/global/plugins/excanvas.min.js"></script>

    <![endif]-->
    <script src="https://driver.lash3pl.com/assets/metronic/global/plugins/jquery-1.11.0.min.js"></script>

    <script src="https://driver.lash3pl.com/assets/metronic/global/plugins/jquery-migrate-1.2.1.min.js"></script>

    <!-- IMPORTANT! Load jquery-ui-1.10.3.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
    <script src="https://driver.lash3pl.com/assets/metronic/global/plugins/jquery-ui/jquery-ui-1.10.3.custom.min.js"></script>

    <script src="https://driver.lash3pl.com/assets/metronic/global/plugins/bootstrap/js/bootstrap.min.js"></script>

    <script src="https://driver.lash3pl.com/assets/metronic/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js"></script>

    <script src="https://driver.lash3pl.com/assets/metronic/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>

    <script src="https://driver.lash3pl.com/assets/metronic/global/plugins/jquery.blockui.min.js"></script>

    <script src="https://driver.lash3pl.com/assets/metronic/global/plugins/jquery.cokie.min.js"></script>

    <script src="https://driver.lash3pl.com/assets/metronic/global/plugins/uniform/jquery.uniform.min.js"></script>

    <script src="https://driver.lash3pl.com/assets/metronic/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>

    <script src="https://driver.lash3pl.com/assets/scripts/driver/browser-notification.js"></script>

    <!-- END :: Core Plugins -->
                    <!-- START :: Page Level Plugins -->
        <script src="https://driver.lash3pl.com/assets/angular/angular.min.js"></script>

<script src="https://driver.lash3pl.com/assets/angular/angular-resource.min.js"></script>

<script src="https://driver.lash3pl.com/assets/js/ui-bootstrap-custom.min.js"></script>

<script src="https://driver.lash3pl.com/assets/js/ui-bootstrap-custom-tpls.min.js"></script>

<script src="https://driver.lash3pl.com/assets/angular/angular-smart-table/dist/smart-table.min.js"></script>

<script src="https://driver.lash3pl.com/assets/metronic/global/plugins/datatables/media/js/jquery.dataTables.min.js"></script>
 
<script src="https://driver.lash3pl.com/assets/metronic/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.js"></script>

<script src="https://driver.lash3pl.com/assets/metronic/global/plugins/bootstrap-daterangepicker/date.js"></script>

<script src="https://driver.lash3pl.com/assets/metronic/global/plugins/bootstrap-daterangepicker/moment.min.js"></script>

<script src="https://driver.lash3pl.com/assets/metronic/global/plugins/bootstrap-daterangepicker/daterangepicker.js"></script>

<script src="https://driver.lash3pl.com/assets/scripts/daterangepicker/daterangepicker.js"></script>

<script src="https://driver.lash3pl.com/assets/metronic/global/plugins/select2/select2.min.js"></script>

<script src="https://driver.lash3pl.com/assets/js/bootstrap-tooltip.js"></script>

<script src="https://cdn.jsdelivr.net/lodash/4.16.4/lodash.min.js"></script>
 
    <!-- END :: Page Level Plugins -->
    <!-- START :: Page Level Scripts -->
        <script src="https://driver.lash3pl.com/assets/angular/driver-availability.js?v=1539267009"></script>

<script src="https://driver.lash3pl.com/assets/metronic/global/scripts/metronic.js"></script>

<script src="https://driver.lash3pl.com/assets/metronic/admin/layout/scripts/layout.js"></script>

<script src="https://driver.lash3pl.com/assets/js/scheduler.js"></script>

<script src="https://driver.lash3pl.com/assets/scripts/drivers-availability/components-dropdowns.js"></script>

    <!-- END :: Page Level Scripts -->
    <!-- START :: Page Level Script Initialize -->
      <script>
    var driverId = "9725";
    var teamList = null;
    jQuery(document).ready(function () {
        Metronic.init(); // init metronic core componets
        Layout.init(); // init layout
        ComponentsDropdowns.init(driverId);
        
        // Hide show layout for mobile view
        $('.time-slot').on('click',function(){
            if($(this).attr('data-zone-id') == "" || $(this).attr('data-zone-id') == undefined){
                alert("Please select a zone");
                event.stopPropagation();
            }else if($(this).hasClass('disabled')){
                event.stopPropagation();
            }
        });

        $('.week').on('change', function () {
            var selectedVal = $(this).val();
            $(this).parent().parent().find('.calender-view div.calendar_week').css('display', 'none');
            $(this).parent().parent().find('.calender-view div.' + selectedVal).css('display', 'block');
        });
        // Hide show layout for mobile view
    });
</script>
    <!-- END :: Page Level Script Initialize -->
</body>
</html>

careca · October 11, 2018

The developer tools inspect tool allows you to see id's and names and classes for a control, so if you can get that, then you use the ie funcs to interact with it, no mouse movement or click, it becomes all ie funcs doing work.

Sign In

Basic MouseClick question

Recommended Posts

retghy

Link to comment

Share on other sites

FrancescoDiMuro

Link to comment

Share on other sites

retghy

Link to comment

Share on other sites

Bert

Link to comment

Share on other sites

retghy

Link to comment

Share on other sites

retghy

Link to comment

Share on other sites

FrancescoDiMuro

Link to comment

Share on other sites

retghy

Link to comment

Share on other sites

careca

IUIAutomation - Topic with framework and examples

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Recently Browsing 0 members

Browse

AutoIt Resources

Release

Beta