Datepicker works only FF and Chrome
I love the custom datepicker. It works and does not inhibit Spry in Firefox(3.6) and Chrome(10). However, it is
not working in IE (9,8.7), Safari (5) or Opera(11)
with Spry Validate also inoperative - unless I remove the scripts calling the datepicker...then validate works, but the datepicker does not, of course.
I do not use Spry Validate on date/datepicker field.
I have the following in my head section and hope someone will provide basic guidance. This is way over my thick head.
Thanks,
Chrissy
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Pet Sitting</title>
<!-- InstanceEndEditable --><!-- ends doctitle -->
<script src="../../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script type="text/javascript"><!-- kills the enter key for navigation -->
function stopRKey(evt) {
var evt = (evt) ? evt : ((event) ? event : null);
var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
if ((evt.keyCode == 13) && (node.type=="text")) {return false;}
}
document.onkeypress = stopRKey;
</script>
<!-- InstanceBeginEditable name="head" -->
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>
<script>$(function() {$( "#datepicker1" ).datepicker({dateFormat: 'm/d/y'});});</script>
<script>$(function() {$( "#datepicker2" ).datepicker({dateFormat: 'm/d/y'});});</script>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="../../SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script src="../../SpryAssets/SpryValidationTextarea.js" type="text/javascript"></script>
<script src="../../SpryAssets/SpryValidationRadio.js" type="text/javascript"></script>
<script src="../../SpryAssets/SpryValidationCheckbox.js" type="text/javascript"></script>
<script src="../../SpryAssets/SpryValidationConfirm.js" type="text/javascript"></script>
<script src="../../SpryAssets/SpryValidationSelect.js" type="text/javascript"></script>
<script src="../../Scripts/swfobject_modified.js" type="text/javascript"></script>
<script src="../../SpryAssets/xpath.js" type="text/javascript"></script>
<script src="../../SpryAssets/SpryData.js" type="text/javascript"></script>
<script src="../../SpryAssets/SpryValidationPassword.js" type="text/javascript"></script>
<!-- InstanceEndEditable --><!-- ends editable head -->
<link rel="icon" type="image/ico" href="../../Images/favicon.ico" />
<link href="../../CSS/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="../../CSS/main.css" rel="stylesheet" type="text/css" />
<!-- InstanceBeginEditable name="CSS" -->
<link href="../../CSS/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<link href="../../CSS/SpryValidationSelect.css" rel="stylesheet" type="text/css" />
<link href="../../CSS/SpryValidationTextarea.css" rel="stylesheet" type="text/css" />
<link href="../../CSS/SpryValidationRadio.css" rel="stylesheet" type="text/css" />
<link href="../../CSS/SpryValidationCheckbox.css" rel="stylesheet" type="text/css" />
<link href="../../CSS/SpryValidationConfirm.css" rel="stylesheet" type="text/css" />
<link href="../../CSS/forms.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="../../jquery/css/custom-theme/jquery-ui-1.8.11.custom.css"/>
<script type="text/javascript">
<!--
var dsClientSource = new Spry.Data.XMLDataSet("../../Data/dbClientSource.xml", "dataroot/dbClientSource/ClientSource", {sortOnLoad: "ClientSource", sortOrderOnLoad: "ascending"});
//-->
</script>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!-- InstanceEndEditable --><!-- ends CSS -->
<!--[if IE]>
<style type="text/css">
.spryField {margin:0 0 0 0; padding:0px; color:#666; text-align:center; border:2px solid #999; background-color:#FEEFBF;}
.fltAddPS {float:left; width:610px; height:70px; margin:15px 0 25px 25px; padding:0; /*border:1px solid #0f0;*/}
.spryCheckboxLabelRight {margin:0 25px 0 5px; padding:0px;}
.spryFieldLabel {margin:0 0 0 25px; padding:0px;}
.fltCountBB1{float:left; width:610px; height:50px; margin:5px 0 0 25px; padding:0; /*border:1px solid #0f0;*/}
.spryRadio25 { /* reduction of addition of 25px, at confirm via */ margin:2px 0 0 25px; padding:0; background-color:#FFFFFF; vertical-align:middle;}
.spryRadio {margin:2px 0 0 25px; padding:0; background-color:#FFFFFF; vertical-align:middle;}
</style>
<![endif]-->
<!--[if lt IE 9]>
<style type="text/css">
.fltInnerContainer{ margin:0 30px 0 30px; padding:0; float:left; text-align:left; font-size:10pt; width:720px; height:531px; overflow:auto overflow-policy-x: hidden; line-height:15px; /*border:1px solid #F00;*/}
</style>
<![endif]-->
<!--[if IE 8]>
<style type="text/css">
.menubarWrapper { background-color: #FEEFBF; float: left; width: 100%; margin-top:-3px; margin-bottom:3px;}
</style>
<![endif]-->
<!--[if IE 7]>
<style type="text/css">
.fltTitleForms1 {float:left; width:500px; height:35px; margin:0 0 -25px 0; padding:0; /*border:1px solid #F00;*/}
.fltTitleForms2 {float:left; width:216px; height:35px; margin:0 0 -25px 0; padding:0; text-align:right; /*border:1px solid #F00;*/}
.menubarWrapper { background-color: #FEEFBF; float: left; width: 100%; margin-top:-3px; margin-bottom:5px;}
.fltForms1 {float:left; width:665px; height:445px; margin:10px 0 0 20px; padding:0px 5px 5px 10px; border:3px solid #CC9900; border-style:outset; background-color:#FFF; color:#000714; overflow:hidden;}
.fltForms2 {float:left; width:665px; height:410px; margin:0 0 5px -5px; padding:3px 3px 0 5px; overflow:auto; /*border:1px solid #f00;*/}
.copyright {margin:-10px 0 0 0; padding:0; font-size:8pt; color:#999; text-align:center; text-decoration:none; font-weight:normal; font-style:normal; outline:none; cursor:none;}
.spryFieldLabel {margin: 0 10px 0 25px ; padding:0px;}
.fltAddPS {float:left; width:610px; height:70px; margin:65px 0 25px 25px; padding:0; /*border:1px solid #0f0;*/}
.fltCountBB1{float:left; width:610px; height:50px; margin:10px 0 0 25px; padding:0; /*border:1px solid #0f0;*/}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css">
body { filter:blur(add=false, direction=270 strength=10); -ms-filter:blur(add=false, direction=270 strength=10);}
</style>
<h1 style="color:#f00; margin:15px; padding:0; text-align:center; font-size:12px !important;">
This website will not function with this version of Internet Explorer.<br />
Please update to a more modern release or phone (770) 232-3035.</h1>
</style>
<![endif]-->
<meta name="google-site-verification" content="h9XQPeslm6RTNXf_5yc31p22EiC1CVIDf93qr5NVfEE" />
</head>