</head>
<body onload="init()">
<div id='banner' style='width: 51%; height: 50px; background-color: #A52A2A; border-top-left-radius: 9px; border-top-right-radius: 9px; text-align: center; font-size: 25px; '>
<div id="text" style='color: white; font-family: tahoma; line-height:50px;'> Projet Géod'Air<Projet</div>
</div>
<div id='map' style='width: 51%; height: 500px; float: bottom;'>
</div>
<div id='button1' style='display: inline-block; margin-top: 1%; width: 10%; height: 50px; background-color: #32CD32; border-radius: 15px;'>
<div id='txt1' style='text-align: center; font-family: tahoma; color: white; font-size: 25px; line-height: 49px;'>Station 1</div>
</div>
<script>
$( "#button1" ).click(function() {
//Put the logical filter there
});
</script>
</body>
station = new OpenLayers.Layer.Vector("station", {
strategies: [new OpenLayers.Strategy.BBOX()],
protocol: new OpenLayers.Protocol.WFS({
version: "1.0.0",
url: "http://129585.182.247555.82/sig/geoserver/wfs",
featureType: "station_de_mesure""station",
srsName:"EPSG:2154",
featureNS: "http://www.obx.com/zodb",
geometryName: "geom"
}),