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
>

Reply via email to