[color=indigo][b]page INDEX.HTML[/b][/color]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Gestion Camera Mobile</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<link rel="stylesheet" type="text/css" media="all" href="base.css" />
<link rel="stylesheet" type="text/css" media="all" href="base2.css" />
<link rel="stylesheet" type="text/css" media="screen" href="screen.css" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false
ion=fr_BE"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="manipulation.js"></script>
</head>
<body onload="initialize()">
<div id="map_canvas">
</div>
<div id="menu">
</div>
<div id="footer">
<h1>Aller vers</h1>
<ul id="zoom_list">
<li><a href="#" onclick="moveTo(50.27, 4.88, 9)">Wallonie</a></li>
<li><div>Provinces
<ul>
<li><a href="#" onclick="moveTo(50.63, 5.40, 9)">Liège</a></li>
<li><a href="#" onclick="moveTo(50.40, 4.08, 9)">Hainaut</a></li>
<li><a href="#" onclick="moveTo(50.35, 4.94, 9)">Namur</a></li>
<li><a href="#" onclick="moveTo(50.68, 4.79, 9)">Brabant wallon</a></li>
<li><a href="#" onclick="moveTo(50.10, 5.55, 9)">Luxembourg</a></li>
</ul>
</li>
<li>Villes
<ul>
<li><a href="#" onclick="moveTo(50.63, 5.57, 9)">Liège</a></li>
<li><a href="#" onclick="moveTo(50.44, 4.43, 9)">Charleroi</a></li>
<li><a href="#" onclick="moveTo(50.46, 4.86, 9)">Namur</a></li>
<li><a href="#" onclick="moveTo(50.58, 5.85, 9)">Verviers</a></li>
<li><a href="#" onclick="moveTo(50.72, 4.60, 9)">Wavre</a></li>
<li><a href="#" onclick="moveTo(50.45, 3.93, 9)">Mons</a></li>
<li><a href="#" onclick="moveTo(50.60, 3.38, 10)">Tournai</a></li>
<li><a href="#" onclick="moveTo(49.68, 5.82, 10)">Arlon</a></li>
</ul>
</div>
<div class="clear"></div>
</li>
</ul>
<form id="form_zoom_vers">
<fieldset>
<label for="adress">Autres:</label>
<input id="address" type="text" />
<input type="button" value="Zoom vers" onclick="codeAddress()">
</fieldset>
</form>
</div>
</body>
</html>
____________________________________________________
[color=indigo][b]PAGE MANIPULATION.JS[/b][/color]
var map;
var geocoder;
function initialize()
{
document.getElementById("address").focus();
geocoder = new google.maps.Geocoder();
var latlng = new google.maps.LatLng(50.90, 4.88);
var myOptions = {
zoom: 9,
center: latlng,
mapTypeControl: true,
//modifier le controleur
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
navigationControl: true,
navigationControlOptions: {style: google.maps.NavigationControlStyle.DEFAULT, position: google.maps.ControlPosition.TOP_RIGHT},
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
/*var html = "<applet archive=http://157.164.95.228/java/AxisCamApplet.zip codeBase=\"http://157.164.95.228/java/\" code=http://157.164.95.228/java/AxisCamApplet.class height=\"240\" width=\"320\">" +
"<param name=\"StreamLocation\" value=\"http://157.164.95.228/axis-cgi/mjpg/video.cgi?camera=&showlength=1&resolution=640x480\">"+
"</applet>";*/
[u][color=red] /*var html = "<a target=\"_blank\" href=\"test.html\">ici</a>";*/
var html = "<A href=\"javascript:window.open('tests.html')\">Ici</A>"
[/color][/u]
var infowindow = new google.maps.InfoWindow({
content: html
});
var marker = new google.maps.Marker({
position: latlng,
map: map,
title:"Camera Test"
});
google.maps.event.addListener(marker, 'click', function() {infowindow.open(map,marker);});
}
function codeAddress()
{
var address = document.getElementById("address").value;
if (geocoder) {
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
map.setCenter(results[0].geometry.location);
map.setZoom(14);
} else
{
alert("Geocode was not successful for the following reason: " + status);
}
});
}
}
function moveTo(latitude, longitude, zoom)
{
var localisation = new google.maps.LatLng(latitude, longitude);
map.setCenter(localisation);
map.setZoom(zoom);
}
$(document).ready(function () {
$('#zoom_list li').hover(
function () {
$('ul', this).slideDown(300);
},
function () {
$('ul', this).slideUp(300);
}
);
});
_________________________________________________
[color=indigo][b]PAGE TEST.HTML (code pour la vidéo)[/b][/color]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Gestion Camera Mobile</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<link rel="stylesheet" type="text/css" media="all" href="css/base.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/base2.css" />
<link rel="stylesheet" type="text/css" media="screen" href="screen.css" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false
ion=fr_BE"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="manipulation.js"></script>
</head>
<body>
<OBJECT ID="AxisCamControl" CLASSID="CLSID:917623D1-D8E5-11D2-BE8B-00104B06BDE3" WIDTH="320" HEIGHT="240" CODEBASE="http://157.164.95.212/activex/AxisCamControl.cab#Version=2,23,0,0">
<PARAM NAME=DisplaySoundPanel VALUE=0>
<PARAM NAME=URL VALUE="http://157.164.95.212/axis-cgi/mjpg/video.cgi?camera=&resolution=320x240">
</OBJECT>
<!--<applet archive="http://157.164.95.212/java/AxisCamApplet.zip" codeBase="http://157.164.95.212/java/" code="http://157.164.95.212/java/AxisCamApplet.class" height="240" width="320">
<param name="StreamLocation" value="http://157.164.95.212/axis-cgi/mjpg/video.cgi?camera=&showlength=1&resolution=640x480">
</applet>-->
</body>
</html>