I replaced "jQuery" for $ and still the page is blank!
Em 11 de agosto de 2011 11:16, António Ramos <ramstei...@gmail.com>escreveu: > Hello, > i had troubles using jquery mobile plugin. > It did not fit properly in my samsung galaxy. > The buttons and text boxes are too small. > Something is not ok > so i bought a book about jquery mobile. > I did not include the jquery mobile layout and it works ok now. > > The problem is, i need a date picker and in the following example i i > include the script in bold the page is blank in the browser. > without the script it works ok except the date picker. > > Can anyone tell me what i´m doing wrong? > > This is my view (notice no include layout!) > > > > <!doctype html> > <html> > <head> > <title>LIMS CIRES</title> > <meta charset="utf-8"> > <meta name="viewport" content="width=device-width, initial-scale=1, > maximum-scale=1"> > <link rel="stylesheet" href=" > http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" /> > <script type="text/javascript" src=" > http://code.jquery.com/jquery-1.6.2.min.js"></script> > <script type="text/javascript" src=" > http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script> > <link href="http://demo.mobiscroll.com/css/jquery.scroller-1.0.2.css" > rel="stylesheet" type="text/css" /> > <style type="text/css"> > body { > font-family: arial, verdana, sans-serif; > font-size: 12px; > } > </style> > > > </head> > <body> > *<script> > jQuery(document).ready(function () { > jQuery('#StartD').scroller(); > jQuery('#EndD').scroller(); > wheels = []; > wheels[0] = { 'Hours': {} }; > wheels[1] = { 'Minutes': {} }; > for (var i = 0; i < 60; i++) { > if (i < 16) wheels[0]['Hours'][i] = (i < 10) ? ('0' + i) : i; > wheels[1]['Minutes'][i] = (i < 10) ? ('0' + i) : i; > } > jQuery('#custom').scroller({ > width: 90, > wheels: wheels, > formatResult: function (d) { > return ((d[0] - 0) + ((d[1] - 0) / 60)).toFixed(1); > }, > parseValue: function (s) { > var d = s.split('.'); > d[0] = d[0] - 0; > d[1] = d[1] ? ((('0.' + d[1]) - 0) * 60) : 0; > return d; > } > }); > > }); > </script>* > > > > > > <div data-role="page" id="login"> > <div data-role="header"> > <h1>TITLE HERE</h1> > </div> > <div data-role="content"> > > > > > > <form action="{{=URL(r=request,c='amostras',f='listaAmostras')}}" > method="post"> > <div data-role="fieldcontain"> > <label for="StartD">Date</label> > <input type="text" name="StartD" id="StartD" class="genField textEntry > date" readonly="readonly" value="07/05/2011" /> > </div> > <div data-role="fieldcontain"> > <label for="EndD">Date</label> > <input type="text" name="EndD" id="EndD" class="genField textEntry date" > readonly="readonly" value="07/18/2011" /> > </div> > > <div id="PontoCDiv" data-role="fieldcontain"> > <label id="PontoCLabel" for="PontoC">Ponto Colheita</label> > <select id="PontoC" name="PontoC_r" tabindex="2"> > {{for x in PontoC:}} > <option value={{=x}}>{{=x}}</option> > {{pass}} > </select> > </div> > <div id="ProductDiv" data-role="fieldcontain"> > <label id="ProductLabel" for="Product">Produto</label> > <select id="Product" name="Product_r" tabindex="2"> > {{for x in Product:}} > <option value={{=x}}>{{=x}}</option> > {{pass}} > </select> > </div> > <div id="TipoDiv" data-role="fieldcontain"> > <label id="TipoLabel" for="Tipo">Tipo</label> > <select id="Tipo" name="Tipo_r" tabindex="2"> > {{for x in Tipo:}} > <option value={{=x}}>{{=x}}</option> > {{pass}} > </select> > </div> > > <div class="ui-block-b"><button type="submit" data-theme="a" > data-icon="search">Pesquisar</button></div> > > </form> > </div> > </div> > </body> > </html> > > > thank you >