<!-- //////////////////////////////////////////////////////////////////////////////// // // THIS CODE IS NOT APPROVED FOR USE IN/ON ANY OTHER UI ELEMENT OR PRODUCT COMPONENT. // Copyright (c) 2006 Microsoft Corporation. All rights reserved. // //////////////////////////////////////////////////////////////////////////////// --> <html> <head> <meta http-equiv="MSThemeCompatible" CONTENT="yes" /> <meta http-equiv="Content-Type" content="text/html; charset=Unicode" /> <title>Clock Settings</title> <link href="css/settings.css" rel="stylesheet" type="text/css" /> <script src="localized_strings.js" language="javascript" type="text/javascript"></script> <script src="js/timeZones.js" language="javascript" type="text/javascript"></script> <script src="js/settings.js" language="javascript" type="text/javascript"></script> <script src="js/clock.js" language="javascript" type="text/javascript"></script> </head> <body onload="loadSettings()"> <table dir="ltr" cellspacing="0" cellpadding="0" border="0"> <tr> <td style="width:4px;height:3px;background:url(images/settings_corner_top_left.png)" nowrap></td> <td style="width:100%;background:url(images/settings_box_top.png)"></td> <td style="width:4px;height:3px;background:url(images/settings_corner_top_right.png)" nowrap></td> </tr> <tr style="background-color:#ffffff"> <td style="width:4px;background:url(images/settings_box_left.png) repeat-y" nowrap></td> <td align="center" style="padding:5px"><img id="settingsImagePreview" /></td> <td style="width:4px;background:url(images/settings_box_right.png) repeat-y" nowrap></td> </tr> <tr style="background-color:#f4f4f4"> <td style="width:4px;height:2px;background:url(images/settings_divider_left.png)" nowrap></td> <td style="width:100%;background:url(images/settings_divider.png)"></td> <td style="width:4px;height:2px;background:url(images/settings_divider_right.png)" nowrap></td> </tr> <tr style="background-color:#f4f4f4"> <td style="width:4px;background:url(images/settings_box_divider_left.png) repeat-y" nowrap></td> <td align="center" style="padding:5px 0px 5px 0px"> <table id="settingsButtonTable" cellspacing="0" cellpadding="0" border="0"> <tr> <td id="settingsButtonLeftCell"><a id="settingsLeftAnchor" href="javascript:void(0)" onkeypress="settingsButtonBack()" style="cursor:default"><img id="settingsImageLeft" src="images/settings_left_rest.png" onmousedown="settingsButtonBack(true)" onmouseenter="settingsUpdateImage(this, 'hover')" onmouseleave="settingsUpdateImage(this, 'rest')" onmousedown="settingsUpdateImage(this, 'pressed')" onmouseup="settingsUpdateImage(this, 'hover')" style="width:19px;height:18px;border:none;margin-right:11px" /></a></td> <td id="currentIndex"></td> <td id="L_OF"> of </td> <td id="maxIndex"></td> <td id="settingsButtonRightCell"><a id="settingsRightAnchor" href="javascript:void(0)" onkeypress="settingsButtonForward()" style="cursor:default"><img id="settingsImageRight" src="images/settings_right_rest.png" onmousedown="settingsButtonForward(true)" onmouseenter="settingsUpdateImage(this, 'hover')" onmouseleave="settingsUpdateImage(this, 'rest')" onmousedown="settingsUpdateImage(this, 'pressed')" onmouseup="settingsUpdateImage(this, 'hover')" style="width:19px;height:18px;border:none;margin-left:11px" /></a></td> </tr> </table> </td> <td style="width:4px;background:url(images/settings_box_divider_right.png) repeat-y" nowrap></td> </tr> <tr style="background-color:#f4f4f4"> <td style="width:4px;height:3px;background:url(images/settings_corner_bottom_left.png)" nowrap></td> <td style="width:100%;background:url(images/settings_box_bottom.png)"></td> <td style="width:4px;height:3px;background:url(images/settings_corner_bottom_right.png)" nowrap></td> </tr> </table> <div class="option" style="padding-top:5px"> <label id='labelClockName' for="clockName">Clock name:</label><br /> <input id="clockName" type="text" class="option" style="width:100%;" maxlength="30" /> </div> <div class="option"> <label id='labelTimeZone' for="timeZoneIndex">Time zone:</label><br /> <select id="timeZoneIndex" onchange="this.title=timeZoneIndex.options[this.selectedIndex].text" class="option" style="width:100%;"></select> </div> <table cellspacing="0" cellpadding="0" style="width:100%;padding-top:5px" class="option"> <tr> <td width="50%"><input type="checkbox" id="showDay" value="checkbox" /><label id="labelShowDay" for="showDay">Show day</label></td> <td width="50%"><input type="checkbox" id="showDate" value="checkbox" /><label id="labelShowDate" for="showDate">Show date</label></td> </tr> <tr> <td><input type="checkbox" id="showDigital" value="checkbox" /><label id="labelShowDigital" for="showDigital">Show digital clock</label></td> <td><input type="checkbox" id="show24" value="checkbox" /><label id="label24Hours" for="show24">24 hour display </label></td> </tr> <tr> <td><input type="checkbox" id="secondsEnabled" value="checkbox" /><label id="labelSecondsAnalog" for="secondsEnabled">Seconds (analog)</label></td> <td><input type="checkbox" id="secondsEnabledDigital" value="checkbox" /><label id="labelSecondsDigital" for="secondsEnabledDigital">Seconds (digital)</label></td> </tr> </table> <div style="padding-top:5px"> <a id="clockProperties" href="javascript:void(0)" onclick="openSettings()"></a> </div> </body> </html>