openlayers/examples/filter.html

   1 <html xmlns="http://www.w3.org/1999/xhtml">
   2   <head>
   3     <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
   4     <link rel="stylesheet" href="style.css" type="text/css" />
   5     <style>
   6     #in {
   7         width: 90%;
   8         height: 250px;
   9     }
  10     #out0, #out1 {
  11         height: 100px;
  12         width: 90%;
  13         overflow: auto;
  14     }
  15     </style>
  16     <script src="../lib/OpenLayers.js"></script>
  17     <script type="text/javascript">
  18
  19         var filter_1_0 = new OpenLayers.Format.Filter({version: "1.0.0"});
  20         var filter_1_1 = new OpenLayers.Format.Filter({version: "1.1.0"});
  21         var xml = new OpenLayers.Format.XML();
  22
  23         var filter;
  24         function write() {
  25             var code = input.value;
  26             try {
  27                 eval(code);
  28             } catch(err) {
  29                 out0.value = err.message;
  30                 out1.value = "";
  31             }
  32             try {
  33                 out0.value = xml.write(filter_1_0.write(filter));
  34             } catch(err) {
  35                 out0.value = err.message;
  36                 if(err.lineNumber != undefined) {
  37                     out0.value += " (line " + err.lineNumber + " " +
  38                                         err.fileName + ")";
  39                 }
  40             }
  41             try {
  42                 out1.value = xml.write(filter_1_1.write(filter));
  43             } catch(err) {
  44                 out1.value = err.message;
  45                 if(err.lineNumber != undefined) {
  46                     out1.value += " (line " + err.lineNumber + " " +
  47                                         err.fileName + ")";
  48                 }
  49             }
  50         }
  51
  52         var input, out0;
  53         window.onload = function() {
  54             input = document.getElementById("in");
  55             out0 = document.getElementById("out0");
  56             out1 = document.getElementById("out1");
  57             out0.value = "";
  58             out1.value = "";
  59             document.getElementById("write").onclick = write;
  60         };
  61
  62     </script>
  63   </head>
  64   <body>
  65     <h1 id="title">Filter Encoding</h1>
  66     <p id="shortdesc">
  67         Using the filter format write out filter objects.
  68     </p>
  69     <textarea id="in">
  70 filter = new OpenLayers.Filter.Logical({
  71     type: OpenLayers.Filter.Logical.AND,
  72     filters: [
  73         new OpenLayers.Filter.Comparison({
  74             type: OpenLayers.Filter.Comparison.LIKE,
  75             property: "person",
  76             value: "me"
  77         }),
  78         new OpenLayers.Filter.Comparison({
  79             type: OpenLayers.Filter.Comparison.NOT_EQUAL_TO,
  80             property: "mean",
  81             value: "yes"
  82         }),
  83         new OpenLayers.Filter.Spatial({
  84             type: OpenLayers.Filter.Spatial.BBOX,
  85             value: new OpenLayers.Bounds(-180, -90, 180, 90),
  86             projection: "EPSG:4326"
  87         })
  88     ]
  89 });
  90     </textarea>
  91     <button id="write">write</button><br />
  92     Filter Encoding 1.0
  93     <textarea id="out0"></textarea><br />
  94     Filter Encoding 1.1
  95     <textarea id="out1"></textarea><br />
  96     <p id="docs">
  97     </p>
  98   </body>
  99 </html>