Datepicker
ok i've allready posted in spry forum not getting replies thought i'd try here.
i've got spry dataset , function filters out dates. heres html:
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="css/en-stylesheet.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/datepicker.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/datepicker.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<link href="spryassets/spryspotlightcolumn.css" rel="stylesheet">
<script src="spryassets/xpath.js"></script>
<script src="spryassets/sprydata.js"></script>
<script src="spryassets/sprynestedxmldataset.js"></script>
<script>
var dsartists = new spry.data.xmldataset("artistsearch.xml", "artists/artist");
dsartists.setcolumntype("picture", "html");
dsartists.setcolumntype("button", "html");
var dsdates = new spry.data.nestedxmldataset(dsartists, "datesbooked/datebooked");
</script>
<style>
.hidden {display: none;}
</style>
</head>
<body>
<div id="container">
<div id="allactsmain">
<div id="dataregion" spry:region="dsartists" class="spotlightandstacked">
<div id="id{@id}" spry:repeat="dsartists" class="spotlightandstackedrow">
<div class="spotlightcontainer">
<div class="spotlightcolumn"> {dsartists::picture}</div>
</div>
<div class="stackedcontainer">
<div class="stackedcolumn"> {dsartists::name}</div>
<div class="stackedcolumn"> {dsartists::type}</div>
<div class="stackedcolumn"> {dsartists::button}</div>
</div>
<br style="clear:both; line-height: 0px" />
</div>
</div>
<div spry:region="dsartists dsdates">
<div spry:repeat="dsartists">
<div spry:repeat="dsdates">
<div spry:if="function::checkdate">{dsdates::datebooked}</div>
</div>
</div>
</div>
</div>
</div>
<script>
var chosendate = '2012-09-04';
function checkdate(rgn, doit) {
if (doit('{dsdates::datebooked}') == chosendate) {
spry.utils.addclassname('id'+doit('{dsartists::@id}'),'hidden');
}
}
</script>
</body>
</html>
so highlighted part filter. want datepicker assign date when ''picked'' chosendate part of filter.
and here datepicker:
<p><label for="dp-1">demo 1</label> : <input type="text" class="w16em" id="dp-1" name="dp-1" value="13/03/2009" /></p>
<script type="text/javascript">
// <![cdata[
var opts = {
// attach input id of "dp-1" , give "d-sl-m-sl-y" date format (e.g. 13/03/1990)
formelements:{"dp-1":"d-sl-m-sl-y"}
};
datepickercontroller.createdatepicker(opts);
// ]]>
</script>
here got datepicker if help: http://www.frequency-decoder.com/2009/09/09/unobtrusive-date-picker-widget-v5
any appreciated.
More discussions in Dreamweaver support forum
adobe
Comments
Post a Comment