Commits

Henrique Pereira committed ec25ebb

Novo Layout

  • Participants
  • Parent commits 8f308dd

Comments (0)

Files changed (2)

-function doAjax(url,msg,container){
+function doAjax(url,msg,container, titulo){
     // if the URL starts with http
     if(url.match('^http')){
       // assemble the YQL call
           if(data.results[0]){
             var data = filterData(data.results[0]);
             //msg.html(' (ready.)');
-            container.html(data);//.focus().effect("highlight",{},1000);
+            container.html("<h2>"+titulo+"</h2>"+data);//.focus().effect("highlight",{},1000);
           } else {
             //msg.html(' (error!)');
             //msg.addClass('error');
         success: function(data){
           //msg.html(' (ready.)');
           container.
-            html(data); //.focus().effect("highlight",{},1000);
+            html("<h1>"+titulo+"</h1>"+data); //.focus().effect("highlight",{},1000);
         },
         error: function(req,error){
           //msg.html(' (error!)');
 				
 				//alert(vetconv);
 				
-				/* vetconv[0] = string representando a converso
+				/* vetconv[0] = string representando a conversão
 				   vetconv[1] = texto para apresentar na tabela */
 				for(var i=0; i < alvos.length; i++){
 					if(alvos[i].value != from){
 			
 						var value, commodity, type;
 						
-						value = $("#cotacaoqual option")[idx].value;
+						value = option_finder('opt');
+						
+						//alert(value);
+						//alert(option_finder('name'));
+						
+						$(".resumo-cotacoes").html("<h1>Buscando cotações para "+ option_finder('name') +"</h1>");
 						
 						if (value.indexOf("_") > 0) {
 							vector = value.split("_");
 							commodity = "milho";
 						}
 						
-						doAjax( "http://" + contexto + "bloco-resumo-cotacao/?commodity=" + commodity + "&tipo=" + type + "&omit=true", "lol", $(".resumo-cotacoes"));
+						doAjax( "http://" + contexto + "bloco-resumo-cotacao/?commodity=" + commodity + "&tipo=" + type + "&omit=true", "lol", $(".resumo-cotacoes"), option_finder('name'));
 						//$('#resumocotacao').load('http://google.com');
 
 			};			
 			
+			var option_finder = function(name){
+				var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.hash);
+				return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
+			}
+			
 			$("#textinput1").on("change", function(){ conversor($("#unidadepeso")[0].selectedIndex,0); });
 			$("#textinput1").on("keypress", function(){ conversor($("#unidadepeso")[0].selectedIndex,0); });
 			$("#textinput1").on("keydown", function(){ conversor($("#unidadepeso")[0].selectedIndex,0); });
 			$("#textinput2").on("keyup", function(){ conversor($("#unidadearea")[0].selectedIndex,1); });
 			$("#unidadearea").on("change", function(){ conversor($("#unidadearea")[0].selectedIndex,1); });
 			
-			$("#cotacaoqual").on("change", function(){ troca($("#cotacaoqual")[0].selectedIndex); });
+			$("#ver").live("pageshow", function(){ troca(option_finder('opt')); });
+			$("#ver").live("pagehide", function(){ $(".resumo-cotacoes").innerHTML = ""; });
+			//troca($("#cotacaoqual")[0].selectedIndex);
+			
+			//$("#cots a").live("click", function(event){ event.preventDefault(); alert(event);  });
 			
-			troca($("#cotacaoqual")[0].selectedIndex);
-			
+			if(window.navigator.onLine){
+				//alert('online!');
+			} else {
+				alert('Você precisa estar conectado para ver as cotações!');
+			}
 <!DOCTYPE html> 
 <html> 
 	<head> 
-	<title>RuralBR - Cota��es</title> 
+	<title>RuralBR - Cotações</title> 
+	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1"> 
 	<link rel="stylesheet" href="css/reset.css" />
 	<link rel="stylesheet" href="css/jquery.mobile-1.1.0.min.css" />
 
 <div data-role="page" data-theme="a" id="page0">
 		<div data-role="header" data-position="fixed" data-id="foo1">
-			<h1>RuralBR - Cota��es</h1>
+			<h1>RuralBR - Cotações</h1>
 			<div id="foo1" data-role="navbar">
 				<ul>
-					<li><a href="#page0" data-transition="none" class="ui-btn-active ui-state-persist">Cota��es</a></li>
-					<li><a href="#page1" data-transition="none">Pesos</a></li>
-					<li><a href="#page2" data-transition="none">Medidas</a></li>
+					<li><a href="#page0" data-transition="none" class="ui-btn-active ui-state-persist">Cotações</a></li>
+					<li><a href="#medidas" data-transition="none">Conversor de Medidas</a></li>
 				</ul>
 			</div>
 		</div><!-- /header -->
 		
 		<div data-role="content">	
-                <div data-role="fieldcontain">
+			<div data-role="controlgroup">
+  <ul id="cots">
+		<li><a data-role="button" rel='external' href="#ver?name=Açucar&opt=acucar_bruto">Açucar</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Álcool%20Hidratado&opt=alcool_hidratado">Álcool Hidratado</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Álcool%20Anidro&opt=alcool_anidro">Álcool Anidro</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Algodão%20em%20Caroço&opt=algodao_caroco">Algodão em Caroço</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Algodão%20em%20Pluma&opt=algodao_pluma">Algodão em Pluma</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Arroz%20Irrigado%20Casca&opt=arroz_irrigado">Arroz Irrigado Casca</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Arroz%20Longo%20Fino&opt=arroz_longo-fino">Arroz Longo Fino</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Arroz%20Beneficiado%20T1%20-%20Agulhinha&opt=arroz_beneficiado-t1-agulhinha">Arroz Beneficiado T1 -	Agulhinha</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Boi%20Gordo&opt=boi-gordo_mercado-fisico">Boi Gordo</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Café%20Bica%20Dura&opt=cafe_bica-dura">Café Bica Dura</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Café%20Bica%20Dura%206&opt=cafe_bica-dura-6">Café Bica Dura 6</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Café%20Bica%20Dura%206%20-%207&opt=cafe_bica-dura-6-7">Café Bica Dura 6 / 7</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Café%20Conillon%20400%20Defeitos&opt=cafe_conillon-400-defeitos">Café Conillon 400	Defeitos</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Café%20Peneira&opt=cafe_peneira">Café Peneira</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Cana%20de%20Açucar&opt=cana">Cana de Açucar</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Carne%20Suína%20Carcaça&opt=suino_carcaca">Carne Suína	Carcaça</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Feijão%20Carioca&opt=feijao_carioca">Feijão Carioca</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Feijão%20Preto&opt=feijao_preto">Feijão Preto</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Frango%20-%20Congelado&opt=frango_congelado">Frango - Congelado</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Frango%20Vivo&opt=frango_vivo">Frango Vivo</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Leite%20-%20Tipo%20B&opt=leite_leite-b">Leite - Tipo B</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Leite%20-%20Tipo%20C&opt=leite_leite-c">Leite - Tipo C</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Milho&opt=milho">Milho</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Milho%20Sorgo&opt=sorgo">Milho Sorgo</a></li>
+		<!--li st data-role="buttorel='external' n" le="listname=&opt=-style: none">Soja Grão</li-->
+		<li><a data-role="button" rel='external' href="#ver?name=Soja%20Grão&opt=soja_grao">Soja Grão</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Soja%20Prêmio&opt=soja_premio">Soja Prêmio</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Soja%20Farelo&opt=farelo-e-oleo_farelo">Soja Farelo</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Soja%20Farelo%20Prêmio&opt=farelo-e-oleo_farelo-premio">Soja Farelo Prêmio</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Soja%20Óleo%20Bruto&opt=farelo-e-oleo_oleo-bruto">Soja Óleo Bruto</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Soja%20Óleo%20Prêmio&opt=farelo-e-oleo_oleo-premio">Soja Óleo	Prêmio</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Suíno%20Vivo&opt=suino_vivo">Suíno Vivo</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Trigo&opt=trigo">Trigo</a></li>
+		<li><a data-role="button" rel='external' href="#ver?name=Vaca%20Gorda&opt=vaca-gorda_mercado-fisico">Vaca Gorda</a></li>
+	  </ul>
+			</div>
+		
+                <!--div data-role="fieldcontain">
 					<fieldset data-role="controlgroup">
-                    <!--label for="cotacaoqual">
-                        Unidade
-                    </label-->
 						<select name="cotacaoqual" id="cotacaoqual">
-							<option value="acucar_bruto">A��car</option><option value="alcool_hidratado">�lcool Hidratado</option><option value="alcool_anidro">�lcool Anidro</option><option value="algodao_caroco">Algod�o em Caro�o</option><option value="algodao_pluma">Algod�o em Pluma</option><option value="arroz_irrigado">Arroz Irrigado Casca</option><option value="arroz_longo-fino">Arroz Longo Fino</option><option value="arroz_beneficiado-t1-agulhinha">Arroz Beneficiado T1 - Agulhinha</option><option value="boi-gordo_mercado-fisico">Boi Gordo</option><option value="cafe_bica-dura">Caf� Bica Dura</option><option value="cafe_bica-dura-6">Caf� Bica Dura 6</option><option value="cafe_bica-dura-6-7">Caf� Bica Dura 6 / 7</option><option value="cafe_conillon-400-defeitos">Caf� Conillon 400 Defeitos</option><option value="cafe_peneira">Caf� Peneira</option><option value="cana">Cana de A��car</option><option value="suino_carcaca">Carne Su�na Carca�a</option><option value="feijao_carioca">Feij�o Carioca</option><option value="feijao_preto">Feij�o Preto</option><option value="frango_congelado">Frango - Congelado</option><option value="frango_vivo">Frango Vivo</option><option value="leite_leite-b">Leite - Tipo B</option><option value="leite_leite-c">Leite - Tipo C</option><option value="milho">Milho</option><option value="sorgo">Milho Sorgo</option><option selected="selected" value="soja_grao">Soja Gr�o</option><option value="soja_premio">Soja Pr�mio</option><option value="farelo-e-oleo_farelo">Soja Farelo</option><option value="farelo-e-oleo_farelo-premio">Soja Farelo Pr�mio</option><option value="farelo-e-oleo_oleo-bruto">Soja �leo Bruto</option><option value="farelo-e-oleo_oleo-premio">Soja �leo Pr�mio</option><option value="suino_vivo">Su�no Vivo</option><option value="trigo">Trigo</option><option value="vaca-gorda_mercado-fisico">Vaca Gorda</option>
+							<option value="acucar_bruto">Açúcar</option><option value="alcool_hidratado">Álcool Hidratado</option><option value="alcool_anidro">Álcool Anidro</option><option value="algodao_caroco">Algodão em Caroço</option><option value="algodao_pluma">Algodão em Pluma</option><option value="arroz_irrigado">Arroz Irrigado Casca</option><option value="arroz_longo-fino">Arroz Longo Fino</option><option value="arroz_beneficiado-t1-agulhinha">Arroz Beneficiado T1 - Agulhinha</option><option value="boi-gordo_mercado-fisico">Boi Gordo</option><option value="cafe_bica-dura">Café Bica Dura</option><option value="cafe_bica-dura-6">Café Bica Dura 6</option><option value="cafe_bica-dura-6-7">Café Bica Dura 6 / 7</option><option value="cafe_conillon-400-defeitos">Café Conillon 400 Defeitos</option><option value="cafe_peneira">Café Peneira</option><option value="cana">Cana de Açúcar</option><option value="suino_carcaca">Carne Suína Carcaça</option><option value="feijao_carioca">Feijão Carioca</option><option value="feijao_preto">Feijão Preto</option><option value="frango_congelado">Frango - Congelado</option><option value="frango_vivo">Frango Vivo</option><option value="leite_leite-b">Leite - Tipo B</option><option value="leite_leite-c">Leite - Tipo C</option><option value="milho">Milho</option><option value="sorgo">Milho Sorgo</option><option selected="selected" value="soja_grao">Soja Grão</option><option value="soja_premio">Soja Prêmio</option><option value="farelo-e-oleo_farelo">Soja Farelo</option><option value="farelo-e-oleo_farelo-premio">Soja Farelo Prêmio</option><option value="farelo-e-oleo_oleo-bruto">Soja Óleo Bruto</option><option value="farelo-e-oleo_oleo-premio">Soja Óleo Prêmio</option><option value="suino_vivo">Suíno Vivo</option><option value="trigo">Trigo</option><option value="vaca-gorda_mercado-fisico">Vaca Gorda</option>
 						</select>
 					</fieldset>
 						
                 </div>
                
-				<div class='resumo-cotacoes' id="resumocotacao" style='width: 277px; margin: 0 auto;'></div>
+				<div class='resumo-cotacoes' id="resumocotacao" style='width: 277px; margin: 0 auto;'></div-->
 		</div>
 				
 		<div data-role="footer" data-position="fixed" data-id="foo2">
 	
 	<div data-role="page" data-theme="a" id="page1">
 		<div data-role="header" data-position="fixed" data-id="foo1">
-			<h1>Rural BR - Cota��es</h1>
+			<h1>Rural BR - Cotações</h1>
 			<!--a href="index.html" data-icon="gear" class="ui-btn-right">Options</a-->
 			<div data-role="navbar">
 				<ul>
-					<li><a href="#page0" data-transition="none">Cota��es</a></li>
-					<li><a href="#page1" data-transition="none" class="ui-btn-active ui-state-persist">Pesos</a></li>
-					<li><a href="#page2" data-transition="none">Medidas</a></li>
+					<li><a href="#page0" data-transition="none">Cotações</a></li>
+					<li><a href="#medidas" data-transition="none" class="ui-btn-active ui-state-persist">Conversor de Medidas</a></li>
 				</ul>
 			</div><!-- /navbar -->
 		</div><!-- /header -->
 								Tonelada Longa
 							</option>
 							<option value="TONELADA_METRICA">
-								Tonelada Mtrica
+								Tonelada Métrica
 							</option>
 						</select>
 						</fieldset>
 
 	<div data-role="page" data-theme="a" id="page2">
 		<div data-role="header" data-position="fixed" data-id="foo1">
-			<h1>Rural BR - Cota��es</h1>
+			<h1>Rural BR - Cotações</h1>
 			<div id="foo1" data-role="navbar">
 				<ul>
-					<li><a href="#page0" data-transition="none">Cota��es</a></li>
-					<li><a href="#page1" data-transition="none">Pesos</a></li>
-					<li><a href="#page2" data-transition="none" class="ui-btn-active ui-state-persist">Medidas</a></li>
+					<li><a href="#page0" data-transition="none">Cotações</a></li>
+					<li><a href="#medidas" data-transition="none" class="ui-btn-active ui-state-persist">Conversor de Medidas</a></li>
 				</ul>
 			</div>
 		</div><!-- /header -->
 	</div>
 
 
+	<div data-role="page" data-theme="a" id="medidas">
+		<div data-role="header" data-position="fixed" data-id="foo1">
+			<h1>Rural BR - Cotações</h1>
+			<div id="foo1" data-role="navbar">
+				<ul>
+					<li><a href="#page0" data-transition="none">Cotações</a></li>
+					<li><a href="#medidas" data-transition="none" class="ui-btn-active ui-state-persist">Conversor de Medidas</a></li>
+				</ul>
+			</div>
+		</div><!-- /header -->
+		
+		<div data-role="content">	
+			<a href="#page1" data-role="button">Conversor de Pesos</a>
+			<a href="#page2" data-role="button">Conversor de Medidas</a>
+		</div>
+				
+		<div data-role="footer" data-position="fixed" data-id="foo2">
+			<h4>www.ruralbr.com.br</h4>
+		</div>
+	
+	</div>
+	
+	
+	<div data-role="page" data-theme="a" id="ver">
+		<div data-role="header" data-position="fixed" data-id="foo12">
+			<h1>Rural BR - Cotações</h1>
+			<div id="foo1" data-role="navbar">
+				<ul>
+					<li><a href="#page0" class="ui-btn-active ui-state-persist" data-transition="none">Cotações</a></li>
+					<li><a href="#medidas" data-transition="none">Conversor de Medidas</a></li>
+				</ul>
+			</div>
+		</div><!-- /header -->
+		
+		<div data-role="content">	
+			<div class='resumo-cotacoes'></div>
+		</div>
+				
+		<div data-role="footer" data-position="fixed" data-id="foo21">
+			<h4>www.ruralbr.com.br</h4>
+		</div>
+	
+	</div>
 
 
 <script src='codigo.js'></script>