PageRenderTime 24ms CodeModel.GetById 12ms app.highlight 9ms RepoModel.GetById 1ms app.codeStats 0ms

/Prototipo/PrototipoMemoria/web/Query.xhtml

http://prototipomemoria.googlecode.com/
Unknown | 148 lines | 113 code | 35 blank | 0 comment | 0 complexity | 80dc8fbf26d707c0be2654affcfe1f88 MD5 | raw file
  1<?xml version='1.0' encoding='UTF-8' ?>
  2<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3<html xmlns="http://www.w3.org/1999/xhtml"
  4      xmlns:h="http://java.sun.com/jsf/html">
  5    <head>
  6
  7        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8        <!--Fireworks CS3 Dreamweaver CS3 target.  Created Thu Jun 23 15:30:01 GMT-0300 (Montevideo Standard Time) 2011-->
  9        <link rel="stylesheet" type="text/css" href="view.css" media="all"/>
 10        <script type="text/javascript" src="view.js"></script>
 11        <script type="text/javascript" src="calendar.js"></script>
 12        <style type="text/css">
 13            td img {display: block;}
 14            body {
 15                background-image: url("img/background.png");
 16                background-position: 0% 50%;
 17                background-repeat: no-repeat;
 18            }
 19            .content{
 20                margin-right: 10px;
 21                display: block;
 22                margin-top:10px;
 23            }
 24
 25            .contenedor{
 26                display: block;
 27                margin: 0 auto;
 28                width: 900px;
 29            }
 30            .map-container{
 31                width: 900px;
 32                height: 500px;
 33                horizontal-align:center;
 34                margin-top: 10px;
 35            }
 36
 37        </style>
 38
 39
 40        <style type="text/css">
 41            @import url("http://www.google.com/uds/css/gsearch.css");
 42            @import url("http://www.google.com/uds/solutions/localsearch/gmlocalsearch.css");
 43        </style>
 44        <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=ABQIAAAAuPsJpk3MBtDpJ4G8cqBnjRRaGTYH6UMl8mADNa0YKuWNNa8VNxQCzVBXTx2DYyXGsTOxpWhvIG7Djw" type="text/javascript"></script>
 45        <script src="http://www.google.com/uds/api?file=uds.js&amp;v=1.0" type="text/javascript"></script>
 46
 47        <script src="http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js" type="text/javascript"></script>
 48        <script type="text/javascript">
 49
 50        function initialize() {
 51      if (GBrowserIsCompatible()) {
 52
 53        var map = new GMap2(document.getElementById("map"));
 54        var center = new GLatLng(-34.89952766562065, -56.165394720459);
 55        map.addControl(new google.maps.LocalSearch(), new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10,20)));
 56        map.setCenter(center, 13);
 57        map.setUIToDefault();
 58
 59
 60        var marker = new GMarker(center, {draggable: true});
 61
 62        GEvent.addListener(map, "move", function() {
 63           document.getElementById("form_231301:id_lat").value = map.getCenter().lat();
 64           document.getElementById("form_231301:id_lng").value = map.getCenter().lng();
 65
 66           document.getElementById("form_231301:id_lat_sw").value = map.getBounds().getSouthWest().lat();
 67           document.getElementById("form_231301:id_lng_sw").value = map.getBounds().getSouthWest().lng();
 68
 69           document.getElementById("form_231301:id_lat_ne").value = map.getBounds().getNorthEast().lat();
 70           document.getElementById("form_231301:id_lng_ne").value = map.getBounds().getNorthEast().lng();
 71
 72           marker.setLatLng(map.getCenter())
 73         });
 74        document.getElementById("id_zoom").value = map.getZoom();
 75        GEvent.addListener(map, "zoomend", function() {
 76          document.getElementById("id_zoom").value = map.getZoom();
 77        });
 78
 79        map.addOverlay(marker);
 80
 81
 82      }
 83    }
 84    GSearch.setOnLoadCallback(initialize);
 85        </script>
 86
 87    </head>
 88
 89    <h:body  onload="initialize()" onunload="GUnload()">
 90
 91        <div id="header" align="top">
 92            <table border="0" cellpadding="0" cellspacing="0">
 93                <tr>
 94                    <td>
 95
 96
 97                    </td>
 98                    <td>
 99
100                    </td>
101
102
103                </tr>
104            </table>
105        </div>
106        <div class="contenedor">
107
108            <div align="center" id="map" class="map-container"></div>
109            <div class="content" align="center">
110
111
112
113            </div>
114            <div id="form_container">
115                <h:form id="form_231301" styleClass="appnitro"  >
116                    <div class="left">
117                        <h:inputText id="id_lat" value="#{queryBean.latcenter}"/>
118                        <h:inputText id="id_lng" value="#{queryBean.loncenter}"/>
119                        <label for="id_lat">Centro</label>
120                    </div>
121                    <p/>
122                    <div class="left">
123                        <h:inputText id="id_lat_sw" value="#{queryBean.SWlat}"/>
124                        <h:inputText id="id_lng_sw" value="#{queryBean.SWlon}"/>
125                        <label for="id_lat_sw">Esquina inferior izquierda</label>
126                    </div>
127                    <p/>
128                    <div class="left">
129                        <h:inputText id="id_lat_ne" value="#{queryBean.NElat}" />
130                        <h:inputText id="id_lng_ne" value="#{queryBean.NElon}"/>
131                        <label for="id_lat_sw">Esquina superior derecha</label>
132                    </div>
133                    <div class="left">
134                        <input type="text" name="zoom" id="id_zoom" />
135                        <label for="id_zoom">Zoom</label>
136                    </div>
137
138                    <h:commandButton  action="#{queryBean.ejecutarQuery}"  />
139
140                </h:form>
141            </div>
142
143        </div>
144
145
146    </h:body>
147</html>
148