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
