http://www.escapade-champenoise.fr/ Toutes les manifestations de Reims et sa région, séjours, hôtels, visite de caves et du vignoble, golfs, ... fr SPIP - www.spip.net http://www.escapade-champenoise.fr/-Evenements-?id_evenement=824&annee=2010&mois=09 http://www.escapade-champenoise.fr/Visite-guidee-gratuite-au-Musee 2010-01-13T17:32:03Z text/html fr véronique Evénements Les pavements anciens :le 05/09/2010 <br />Visite guidée <br />Horaires : de 14h30 à 16h <br />Tarif : Entrée libre <br />Renseignements et réservation : Tél : 03.26.35.36.90 ou 03.26.35.36.91 <br />Musée Saint Remi - 53, rue Simon - <a href="http://www.escapade-champenoise.fr/-Evenements-" rel="directory">Evénements</a> <img src="http://www.escapade-champenoise.fr/SITES/escapade-champenoise.fr/IMG/arton1065.jpg" alt="" align="right" width="170" height="121" class="spip_logos" /> <div class='rss_texte'><p class="spip"><strong class="spip">Les pavements anciens :le 05/09/2010</strong></p> <p class="spip">Visite guidée</p> <p class="spip">Horaires : de 14h30 à 16h</p> <p class="spip">Tarif : Entrée libre</p> <p class="spip">Renseignements et réservation : Tél : 03.26.35.36.90 ou 03.26.35.36.91</p> <p class="spip">Musée Saint Remi - 53, rue Simon <br /> <br /></p> <script type="text/javascript"> /** * @author Marco Alionso Ramirez, marco@onemarco.com * @version 1.0 * The Tooltip class is an addon designed for the Google * Maps GMarker class. */ /** * @constructor * @param {GMarker} marker * @param {String} content * @param {Number} padding */ function Tooltip(marker, content, padding){ this.marker = marker; this.content = content; this.padding = padding; this.div = null; this.map = null; } Tooltip.prototype = new GOverlay(); Tooltip.prototype.initialize = function(map){ this.div = document.createElement("div"); var innerContainer = this.div.cloneNode(false); this.div.appendChild(innerContainer); this.div.style.position = 'absolute'; this.div.style.visibility = 'hidden'; this.shadowQuadrants = [{},{},{},{}] this.shadowQuadrants[0].div = document.createElement('div'); this.shadowQuadrants[0].div.style.position = 'absolute'; this.shadowQuadrants[0].div.style.overflow = 'hidden'; this.shadowQuadrants[0].img = createPngElement('plugins/googlemap_api/img_pack/tooltip_shadow.png'); this.shadowQuadrants[0].img.style.position = 'absolute'; this.shadowQuadrants[0].div.appendChild(this.shadowQuadrants[0].img); this.shadowQuadrants[1].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[1].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[1].div.appendChild(this.shadowQuadrants[1].img); this.shadowQuadrants[2].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[2].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[2].div.appendChild(this.shadowQuadrants[2].img); this.shadowQuadrants[3].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[3].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[3].div.appendChild(this.shadowQuadrants[3].img); this.shadowQuadrants[0].div.style.right = '0px'; this.shadowQuadrants[0].div.style.top = '0px'; this.shadowQuadrants[0].img.style.top = '0px'; this.shadowQuadrants[0].img.style.right = '0px'; this.shadowQuadrants[1].div.style.left = '0px'; this.shadowQuadrants[1].div.style.top = '0px'; this.shadowQuadrants[1].img.style.top = '0px'; this.shadowQuadrants[2].div.style.left = '0px'; this.shadowQuadrants[2].div.style.bottom = '0px'; this.shadowQuadrants[2].img.style.bottom = '0px'; this.shadowQuadrants[2].img.style.left = '0px'; this.shadowQuadrants[3].div.style.right = '0px'; this.shadowQuadrants[3].div.style.bottom = '0px'; this.shadowQuadrants[3].img.style.bottom = '0px'; this.shadow = this.div.cloneNode(false); this.shadow.appendChild(this.shadowQuadrants[0].div); this.shadow.appendChild(this.shadowQuadrants[1].div); this.shadow.appendChild(this.shadowQuadrants[2].div); this.shadow.appendChild(this.shadowQuadrants[3].div); innerContainer.className = 'tooltip'; var child = typeof this.content == 'string' ? document.createTextNode(this.content) : this.content; innerContainer.appendChild(child); map.getPane(G_MAP_FLOAT_PANE).appendChild(this.div); map.getPane(G_MAP_MARKER_SHADOW_PANE).appendChild(this.shadow); this.map = map; } Tooltip.prototype.remove = function(){ this.div.parentNode.removeChild(this.div); } Tooltip.prototype.copy = function(){ var content = typeof this.content == 'string' ? this.content : this.content.cloneNode(true); return new Tooltip(this.marker,content,this.padding); } Tooltip.prototype.redraw = function(force){ if (!force) return; //draw tooltip var markerPos = this.map.fromLatLngToDivPixel(this.marker.getPoint()); var iconAnchor = this.marker.getIcon().iconAnchor; var xPos = Math.round(markerPos.x - this.div.clientWidth / 2); var yPos = markerPos.y - iconAnchor.y - this.div.clientHeight - this.padding; this.div.style.top = yPos + 'px'; this.div.style.left = xPos + 'px'; //draw shadow //calculate shadow location shadowAnchor = new GPoint( markerPos.x + Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) , markerPos.y - Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) + 4); //calculate shadow dimenstions var shadowSize = new GSize(this.div.clientWidth + Math.round(this.div.clientHeight / 2) + 8, Math.round(this.div.clientHeight / 2) + 10); if(shadowSize.width % 2 == 1) shadowSize.width--; if(shadowSize.height % 2 == 1) shadowSize.height--; //apply shodaw location and dimensions this.shadow.style.left = (shadowAnchor.x - (shadowSize.width - shadowSize.height - 10 )/ 2) + 'px'; this.shadow.style.top = (shadowAnchor.y - shadowSize.height) + 'px'; this.shadow.style.width = (shadowSize.width) + 'px'; this.shadow.style.height = shadowSize.height + 'px'; //get quadrant dimensions var qHeight = shadowSize.height / 2; var qOddWidth = shadowSize.height > shadowSize.width ? shadowSize.height / 2: (shadowSize.width) / 2; var qEvenWidth = shadowSize.width - qOddWidth; //apply quadrant dimensions, calculate and apply Q2 and Q4 image offsets this.shadowQuadrants[0].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[0].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[1].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].img.style.left = -(160 - shadowSize.height) + 'px'; this.shadowQuadrants[2].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[2].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[3].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].img.style.right = -(160 - shadowSize.height) +'px'; } Tooltip.prototype.show = function(){ this.div.style.visibility = 'visible'; this.shadow.style.visibility = 'visible'; } Tooltip.prototype.hide = function(){ this.div.style.visibility = 'hidden'; this.shadow.style.visibility = 'hidden'; } //utility function for png compatibility in IE6 var IS_IE = false; var IS_LT_IE7; //@cc_on IS_IE = true; //@cc_on IS_LT_IE7 = @_jscript_version < 5.7; function createPngElement(src){ var img = document.createElement('img'); img.setAttribute('src',src); if(IS_IE && IS_LT_IE7){ img.style.visibility = 'hidden'; var div = document.createElement('div'); div.appendChild(img); div.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\',sizingMethod=\'crop\')'; return div; } return img; } </script> <script type="text/javascript"> if (document.namespaces) { // only needed in IE document.namespaces.add("v", "urn:schemas-microsoft-com:vml"); } //<![CDATA[ URLbase = "http://www.escapade-champenoise.fr/"; var map1; var markerManager1; var gdir; //UN CALCUL D'ITINERAIRE PAR POINT var latitude; var lonxitude; function load1() { if (GBrowserIsCompatible()) { //ITINERAIRES(CA C'ETAIT AVANT LE DRAME....) //createpanel(); // facelo mapa map1= new GMap2(document.getElementById("map1")); map1.addControl(new mapTypeControl()); map1.addControl(new mapZoomControl()); map1.addControl(new mapMoveControl()); map1.setCenter(new GLatLng(49.2428, 4.03936), 10, G_NORMAL_MAP); center = map1.getCenter(); map1.enableDoubleClickZoom(); map1.enableContinuousZoom(); markerManager1= new GMarkerManager(map1); //leemo-lo documento dos marcadores $.get('http://www.escapade-champenoise.fr/spip.php?page=rss-gis', {id_rubrique:14, id_article:1065}, function(xml1){ //xml almacena en un objeto xml los datos recogidos del documento leido $("item", xml1).each(function(item1){; //alert("ici"); var xmlItem1= xml1.documentElement.getElementsByTagName("item")[item1]; agregarMarcador(xmlItem1, 0, 0, markerManager1); }); markerManager1.refresh(); //map1.openInfoWindow(map1.getCenter(),contidosHTML[1]); }); gdir = new GDirections(map1,document.getElementById("panel")); GEvent.addListener(gdir, "load", onGDirectionsLoad); GEvent.addListener(gdir, "error", onGDirectionsError); } } //IMPLEMENTE LA FONTION QUI CREE UN ITINERAIRE function makemyitin(){ if(document.getElementById("panel")){ setDirections(document.getElementById("panel_from").value,latitude+" , "+ lonxitude); } } function onGDirectionsLoad(){ //alert("ca charge"); } function onGDirectionsError(){ alert("erreur :"+gdir.getStatus().code); } function setDirections(fromAddress, toAddress) { geocoder = new GClientGeocoder(); geocoder.getLatLng(fromAddress, function(point) { if (point) { //alert(point); // Yipeeee! gdir.load("from: " + point.toUrlValue() + " to: " + toAddress , { "locale": "fr_FR" }); } else { alert (fromAddress + " est inconnu!! "); } }); } //CREATE A PANEL WHERE WE CAN SEE A DIRECTION function createpanel() { /*if(!document.getElementById("rechercheItin")){ var map1=document.getElementById("map1"); var recherche=document.createElement("div"); recherche.setAttribute("id","rechercheItin"); recherche.style.visibility = "hidden"; map1.parentNode.insertBefore(recherche,map1); var panel=document.createElement("div"); panel.setAttribute("id","panel"); panel.style.width = "100%"; panel.style.visibility = "hidden"; if(map1.nextSibling!=null){ map1.parentNode.insertBefore(panel,map1.nextSibling); } else{ map1.appendChild(panel); } document.getElementById("rechercheItin").innerHTML= '<input type="text" id="panel_from" value="votre point de depart" onclick="if(this.value=='votre point de depart'){this.value='';}" /><a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;">Calculer</a>'; }*/ } function showpanel(lat,lonx) { document.getElementById("panel").style.display= "block"; //alert("coucou10"); document.getElementById("rechercheItin").style.display = "block"; //alert("coucou11"); latitude = lat; lonxitude = lonx; } $(document).ready(function(){ load1(); }) //]]> </script> <style type="text/css"> .tooltip{ background-color:white; border:solid 2px black; padding:4px; } </style> <div id="rechercheItin" style="display:none"> <input type="text" id="panel_from" onfocus="if(this.value=='votre point de depart'){this.value='';}" value="votre point de depart" /> <a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;" onfocus="this.value='';">Calculer</a> </div> <div id="map1" style="width: 100%;height:400px;"></div> <div id="panel" style="display:none;"> </div></div> http://www.escapade-champenoise.fr/-Evenements-?id_evenement=1089&annee=2010&mois=09 http://www.escapade-champenoise.fr/Les-Puces-de-Reims,583 2008-01-02T13:08:45Z text/html fr véronique Evénements Chaque 1er dimanche du mois, les brocanteurs exposent leurs trésors de 8h à 17h30 au Parc des Expositions de Reims ou au chapiteau du Boulingrin <br />Entrée libre <br />6 Juin Chapiteau du boulingrin <br />4 Juillet Chapiteau du boulingrin <br />5 Septembre Chapiteau du boulingrin <br />3 Octobre Parc des Expo <br />7 Novembre Parc des Expo <br />5 Décembre Parc des Expo <br />Plus de renseignements : 03.26.02.04.06 <br />Site (...) - <a href="http://www.escapade-champenoise.fr/-Evenements-" rel="directory">Evénements</a> <img src="http://www.escapade-champenoise.fr/SITES/escapade-champenoise.fr/IMG/arton583.jpg" alt="" align="right" width="350" height="259" class="spip_logos" /> <div class='rss_texte'><p class="spip">Chaque <strong class="spip">1er dimanche du mois</strong>, les brocanteurs exposent leurs trésors de 8h à 17h30 au Parc des Expositions de Reims ou au chapiteau du Boulingrin</p> <p class="spip">Entrée libre</p> <p class="spip">6 Juin Chapiteau du boulingrin <br />4 Juillet Chapiteau du boulingrin <br />5 Septembre Chapiteau du boulingrin <br />3 Octobre Parc des Expo <br />7 Novembre Parc des Expo <br />5 Décembre Parc des Expo</p> <p class="spip"><strong class="spip">Plus de renseignements</strong> : 03.26.02.04.06 <br /><a href="http://www.europuces.com/calendrier-reims.htm" class="spip_out">Site web</a> pour en savoir plus <br /> <br /></p> <script type="text/javascript"> /** * @author Marco Alionso Ramirez, marco@onemarco.com * @version 1.0 * The Tooltip class is an addon designed for the Google * Maps GMarker class. */ /** * @constructor * @param {GMarker} marker * @param {String} content * @param {Number} padding */ function Tooltip(marker, content, padding){ this.marker = marker; this.content = content; this.padding = padding; this.div = null; this.map = null; } Tooltip.prototype = new GOverlay(); Tooltip.prototype.initialize = function(map){ this.div = document.createElement("div"); var innerContainer = this.div.cloneNode(false); this.div.appendChild(innerContainer); this.div.style.position = 'absolute'; this.div.style.visibility = 'hidden'; this.shadowQuadrants = [{},{},{},{}] this.shadowQuadrants[0].div = document.createElement('div'); this.shadowQuadrants[0].div.style.position = 'absolute'; this.shadowQuadrants[0].div.style.overflow = 'hidden'; this.shadowQuadrants[0].img = createPngElement('plugins/googlemap_api/img_pack/tooltip_shadow.png'); this.shadowQuadrants[0].img.style.position = 'absolute'; this.shadowQuadrants[0].div.appendChild(this.shadowQuadrants[0].img); this.shadowQuadrants[1].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[1].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[1].div.appendChild(this.shadowQuadrants[1].img); this.shadowQuadrants[2].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[2].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[2].div.appendChild(this.shadowQuadrants[2].img); this.shadowQuadrants[3].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[3].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[3].div.appendChild(this.shadowQuadrants[3].img); this.shadowQuadrants[0].div.style.right = '0px'; this.shadowQuadrants[0].div.style.top = '0px'; this.shadowQuadrants[0].img.style.top = '0px'; this.shadowQuadrants[0].img.style.right = '0px'; this.shadowQuadrants[1].div.style.left = '0px'; this.shadowQuadrants[1].div.style.top = '0px'; this.shadowQuadrants[1].img.style.top = '0px'; this.shadowQuadrants[2].div.style.left = '0px'; this.shadowQuadrants[2].div.style.bottom = '0px'; this.shadowQuadrants[2].img.style.bottom = '0px'; this.shadowQuadrants[2].img.style.left = '0px'; this.shadowQuadrants[3].div.style.right = '0px'; this.shadowQuadrants[3].div.style.bottom = '0px'; this.shadowQuadrants[3].img.style.bottom = '0px'; this.shadow = this.div.cloneNode(false); this.shadow.appendChild(this.shadowQuadrants[0].div); this.shadow.appendChild(this.shadowQuadrants[1].div); this.shadow.appendChild(this.shadowQuadrants[2].div); this.shadow.appendChild(this.shadowQuadrants[3].div); innerContainer.className = 'tooltip'; var child = typeof this.content == 'string' ? document.createTextNode(this.content) : this.content; innerContainer.appendChild(child); map.getPane(G_MAP_FLOAT_PANE).appendChild(this.div); map.getPane(G_MAP_MARKER_SHADOW_PANE).appendChild(this.shadow); this.map = map; } Tooltip.prototype.remove = function(){ this.div.parentNode.removeChild(this.div); } Tooltip.prototype.copy = function(){ var content = typeof this.content == 'string' ? this.content : this.content.cloneNode(true); return new Tooltip(this.marker,content,this.padding); } Tooltip.prototype.redraw = function(force){ if (!force) return; //draw tooltip var markerPos = this.map.fromLatLngToDivPixel(this.marker.getPoint()); var iconAnchor = this.marker.getIcon().iconAnchor; var xPos = Math.round(markerPos.x - this.div.clientWidth / 2); var yPos = markerPos.y - iconAnchor.y - this.div.clientHeight - this.padding; this.div.style.top = yPos + 'px'; this.div.style.left = xPos + 'px'; //draw shadow //calculate shadow location shadowAnchor = new GPoint( markerPos.x + Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) , markerPos.y - Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) + 4); //calculate shadow dimenstions var shadowSize = new GSize(this.div.clientWidth + Math.round(this.div.clientHeight / 2) + 8, Math.round(this.div.clientHeight / 2) + 10); if(shadowSize.width % 2 == 1) shadowSize.width--; if(shadowSize.height % 2 == 1) shadowSize.height--; //apply shodaw location and dimensions this.shadow.style.left = (shadowAnchor.x - (shadowSize.width - shadowSize.height - 10 )/ 2) + 'px'; this.shadow.style.top = (shadowAnchor.y - shadowSize.height) + 'px'; this.shadow.style.width = (shadowSize.width) + 'px'; this.shadow.style.height = shadowSize.height + 'px'; //get quadrant dimensions var qHeight = shadowSize.height / 2; var qOddWidth = shadowSize.height > shadowSize.width ? shadowSize.height / 2: (shadowSize.width) / 2; var qEvenWidth = shadowSize.width - qOddWidth; //apply quadrant dimensions, calculate and apply Q2 and Q4 image offsets this.shadowQuadrants[0].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[0].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[1].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].img.style.left = -(160 - shadowSize.height) + 'px'; this.shadowQuadrants[2].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[2].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[3].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].img.style.right = -(160 - shadowSize.height) +'px'; } Tooltip.prototype.show = function(){ this.div.style.visibility = 'visible'; this.shadow.style.visibility = 'visible'; } Tooltip.prototype.hide = function(){ this.div.style.visibility = 'hidden'; this.shadow.style.visibility = 'hidden'; } //utility function for png compatibility in IE6 var IS_IE = false; var IS_LT_IE7; //@cc_on IS_IE = true; //@cc_on IS_LT_IE7 = @_jscript_version < 5.7; function createPngElement(src){ var img = document.createElement('img'); img.setAttribute('src',src); if(IS_IE && IS_LT_IE7){ img.style.visibility = 'hidden'; var div = document.createElement('div'); div.appendChild(img); div.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\',sizingMethod=\'crop\')'; return div; } return img; } </script> <script type="text/javascript"> if (document.namespaces) { // only needed in IE document.namespaces.add("v", "urn:schemas-microsoft-com:vml"); } //<![CDATA[ URLbase = "http://www.escapade-champenoise.fr/"; var map1; var markerManager1; var gdir; //UN CALCUL D'ITINERAIRE PAR POINT var latitude; var lonxitude; function load1() { if (GBrowserIsCompatible()) { //ITINERAIRES(CA C'ETAIT AVANT LE DRAME....) //createpanel(); // facelo mapa map1= new GMap2(document.getElementById("map1")); map1.addControl(new mapTypeControl()); map1.addControl(new mapZoomControl()); map1.addControl(new mapMoveControl()); map1.setCenter(new GLatLng(49.2499, 4.05327), 10, G_NORMAL_MAP); center = map1.getCenter(); map1.enableDoubleClickZoom(); map1.enableContinuousZoom(); markerManager1= new GMarkerManager(map1); //leemo-lo documento dos marcadores $.get('http://www.escapade-champenoise.fr/spip.php?page=rss-gis', {id_rubrique:14, id_article:583}, function(xml1){ //xml almacena en un objeto xml los datos recogidos del documento leido $("item", xml1).each(function(item1){; //alert("ici"); var xmlItem1= xml1.documentElement.getElementsByTagName("item")[item1]; agregarMarcador(xmlItem1, 0, 0, markerManager1); }); markerManager1.refresh(); //map1.openInfoWindow(map1.getCenter(),contidosHTML[1]); }); gdir = new GDirections(map1,document.getElementById("panel")); GEvent.addListener(gdir, "load", onGDirectionsLoad); GEvent.addListener(gdir, "error", onGDirectionsError); } } //IMPLEMENTE LA FONTION QUI CREE UN ITINERAIRE function makemyitin(){ if(document.getElementById("panel")){ setDirections(document.getElementById("panel_from").value,latitude+" , "+ lonxitude); } } function onGDirectionsLoad(){ //alert("ca charge"); } function onGDirectionsError(){ alert("erreur :"+gdir.getStatus().code); } function setDirections(fromAddress, toAddress) { geocoder = new GClientGeocoder(); geocoder.getLatLng(fromAddress, function(point) { if (point) { //alert(point); // Yipeeee! gdir.load("from: " + point.toUrlValue() + " to: " + toAddress , { "locale": "fr_FR" }); } else { alert (fromAddress + " est inconnu!! "); } }); } //CREATE A PANEL WHERE WE CAN SEE A DIRECTION function createpanel() { /*if(!document.getElementById("rechercheItin")){ var map1=document.getElementById("map1"); var recherche=document.createElement("div"); recherche.setAttribute("id","rechercheItin"); recherche.style.visibility = "hidden"; map1.parentNode.insertBefore(recherche,map1); var panel=document.createElement("div"); panel.setAttribute("id","panel"); panel.style.width = "100%"; panel.style.visibility = "hidden"; if(map1.nextSibling!=null){ map1.parentNode.insertBefore(panel,map1.nextSibling); } else{ map1.appendChild(panel); } document.getElementById("rechercheItin").innerHTML= '<input type="text" id="panel_from" value="votre point de depart" onclick="if(this.value=='votre point de depart'){this.value='';}" /><a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;">Calculer</a>'; }*/ } function showpanel(lat,lonx) { document.getElementById("panel").style.display= "block"; //alert("coucou10"); document.getElementById("rechercheItin").style.display = "block"; //alert("coucou11"); latitude = lat; lonxitude = lonx; } $(document).ready(function(){ load1(); }) //]]> </script> <style type="text/css"> .tooltip{ background-color:white; border:solid 2px black; padding:4px; } </style> <div id="rechercheItin" style="display:none"> <input type="text" id="panel_from" onfocus="if(this.value=='votre point de depart'){this.value='';}" value="votre point de depart" /> <a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;" onfocus="this.value='';">Calculer</a> </div> <div id="map1" style="width: 100%;height:400px;"></div> <div id="panel" style="display:none;"> </div></div> http://www.escapade-champenoise.fr/-Evenements-?id_evenement=957&annee=2010&mois=09 http://www.escapade-champenoise.fr/Marche-aux-puces-de-St-Imoges 2010-03-29T16:25:00Z text/html fr véronique Evénements 5 Septembre 2010 <br />L'un des plus grand marché aux puces de la région ; Les organisateurs, chaque année, attendent des centaines d'exposants et des milliers de visiteurs. <br />Contact : 03 26 52 87 92 - <a href="http://www.escapade-champenoise.fr/-Evenements-" rel="directory">Evénements</a> <img src="http://www.escapade-champenoise.fr/SITES/escapade-champenoise.fr/IMG/arton1192.jpg" alt="" align="right" width="120" height="89" class="spip_logos" /> <div class='rss_texte'><p class="spip">5 Septembre 2010</p> <p class="spip">L'un des plus grand marché aux puces de la région ; Les organisateurs, chaque année, attendent des centaines d'exposants et des milliers de visiteurs.</p> <p class="spip">Contact : 03 26 52 87 92 <br /> <br /></p> <script type="text/javascript"> /** * @author Marco Alionso Ramirez, marco@onemarco.com * @version 1.0 * The Tooltip class is an addon designed for the Google * Maps GMarker class. */ /** * @constructor * @param {GMarker} marker * @param {String} content * @param {Number} padding */ function Tooltip(marker, content, padding){ this.marker = marker; this.content = content; this.padding = padding; this.div = null; this.map = null; } Tooltip.prototype = new GOverlay(); Tooltip.prototype.initialize = function(map){ this.div = document.createElement("div"); var innerContainer = this.div.cloneNode(false); this.div.appendChild(innerContainer); this.div.style.position = 'absolute'; this.div.style.visibility = 'hidden'; this.shadowQuadrants = [{},{},{},{}] this.shadowQuadrants[0].div = document.createElement('div'); this.shadowQuadrants[0].div.style.position = 'absolute'; this.shadowQuadrants[0].div.style.overflow = 'hidden'; this.shadowQuadrants[0].img = createPngElement('plugins/googlemap_api/img_pack/tooltip_shadow.png'); this.shadowQuadrants[0].img.style.position = 'absolute'; this.shadowQuadrants[0].div.appendChild(this.shadowQuadrants[0].img); this.shadowQuadrants[1].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[1].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[1].div.appendChild(this.shadowQuadrants[1].img); this.shadowQuadrants[2].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[2].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[2].div.appendChild(this.shadowQuadrants[2].img); this.shadowQuadrants[3].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[3].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[3].div.appendChild(this.shadowQuadrants[3].img); this.shadowQuadrants[0].div.style.right = '0px'; this.shadowQuadrants[0].div.style.top = '0px'; this.shadowQuadrants[0].img.style.top = '0px'; this.shadowQuadrants[0].img.style.right = '0px'; this.shadowQuadrants[1].div.style.left = '0px'; this.shadowQuadrants[1].div.style.top = '0px'; this.shadowQuadrants[1].img.style.top = '0px'; this.shadowQuadrants[2].div.style.left = '0px'; this.shadowQuadrants[2].div.style.bottom = '0px'; this.shadowQuadrants[2].img.style.bottom = '0px'; this.shadowQuadrants[2].img.style.left = '0px'; this.shadowQuadrants[3].div.style.right = '0px'; this.shadowQuadrants[3].div.style.bottom = '0px'; this.shadowQuadrants[3].img.style.bottom = '0px'; this.shadow = this.div.cloneNode(false); this.shadow.appendChild(this.shadowQuadrants[0].div); this.shadow.appendChild(this.shadowQuadrants[1].div); this.shadow.appendChild(this.shadowQuadrants[2].div); this.shadow.appendChild(this.shadowQuadrants[3].div); innerContainer.className = 'tooltip'; var child = typeof this.content == 'string' ? document.createTextNode(this.content) : this.content; innerContainer.appendChild(child); map.getPane(G_MAP_FLOAT_PANE).appendChild(this.div); map.getPane(G_MAP_MARKER_SHADOW_PANE).appendChild(this.shadow); this.map = map; } Tooltip.prototype.remove = function(){ this.div.parentNode.removeChild(this.div); } Tooltip.prototype.copy = function(){ var content = typeof this.content == 'string' ? this.content : this.content.cloneNode(true); return new Tooltip(this.marker,content,this.padding); } Tooltip.prototype.redraw = function(force){ if (!force) return; //draw tooltip var markerPos = this.map.fromLatLngToDivPixel(this.marker.getPoint()); var iconAnchor = this.marker.getIcon().iconAnchor; var xPos = Math.round(markerPos.x - this.div.clientWidth / 2); var yPos = markerPos.y - iconAnchor.y - this.div.clientHeight - this.padding; this.div.style.top = yPos + 'px'; this.div.style.left = xPos + 'px'; //draw shadow //calculate shadow location shadowAnchor = new GPoint( markerPos.x + Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) , markerPos.y - Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) + 4); //calculate shadow dimenstions var shadowSize = new GSize(this.div.clientWidth + Math.round(this.div.clientHeight / 2) + 8, Math.round(this.div.clientHeight / 2) + 10); if(shadowSize.width % 2 == 1) shadowSize.width--; if(shadowSize.height % 2 == 1) shadowSize.height--; //apply shodaw location and dimensions this.shadow.style.left = (shadowAnchor.x - (shadowSize.width - shadowSize.height - 10 )/ 2) + 'px'; this.shadow.style.top = (shadowAnchor.y - shadowSize.height) + 'px'; this.shadow.style.width = (shadowSize.width) + 'px'; this.shadow.style.height = shadowSize.height + 'px'; //get quadrant dimensions var qHeight = shadowSize.height / 2; var qOddWidth = shadowSize.height > shadowSize.width ? shadowSize.height / 2: (shadowSize.width) / 2; var qEvenWidth = shadowSize.width - qOddWidth; //apply quadrant dimensions, calculate and apply Q2 and Q4 image offsets this.shadowQuadrants[0].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[0].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[1].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].img.style.left = -(160 - shadowSize.height) + 'px'; this.shadowQuadrants[2].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[2].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[3].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].img.style.right = -(160 - shadowSize.height) +'px'; } Tooltip.prototype.show = function(){ this.div.style.visibility = 'visible'; this.shadow.style.visibility = 'visible'; } Tooltip.prototype.hide = function(){ this.div.style.visibility = 'hidden'; this.shadow.style.visibility = 'hidden'; } //utility function for png compatibility in IE6 var IS_IE = false; var IS_LT_IE7; //@cc_on IS_IE = true; //@cc_on IS_LT_IE7 = @_jscript_version < 5.7; function createPngElement(src){ var img = document.createElement('img'); img.setAttribute('src',src); if(IS_IE && IS_LT_IE7){ img.style.visibility = 'hidden'; var div = document.createElement('div'); div.appendChild(img); div.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\',sizingMethod=\'crop\')'; return div; } return img; } </script> <script type="text/javascript"> if (document.namespaces) { // only needed in IE document.namespaces.add("v", "urn:schemas-microsoft-com:vml"); } //<![CDATA[ URLbase = "http://www.escapade-champenoise.fr/"; var map1; var markerManager1; var gdir; //UN CALCUL D'ITINERAIRE PAR POINT var latitude; var lonxitude; function load1() { if (GBrowserIsCompatible()) { //ITINERAIRES(CA C'ETAIT AVANT LE DRAME....) //createpanel(); // facelo mapa map1= new GMap2(document.getElementById("map1")); map1.addControl(new mapTypeControl()); map1.addControl(new mapZoomControl()); map1.addControl(new mapMoveControl()); map1.setCenter(new GLatLng(49.1106, 3.97583), 10, G_NORMAL_MAP); center = map1.getCenter(); map1.enableDoubleClickZoom(); map1.enableContinuousZoom(); markerManager1= new GMarkerManager(map1); //leemo-lo documento dos marcadores $.get('http://www.escapade-champenoise.fr/spip.php?page=rss-gis', {id_rubrique:14, id_article:1192}, function(xml1){ //xml almacena en un objeto xml los datos recogidos del documento leido $("item", xml1).each(function(item1){; //alert("ici"); var xmlItem1= xml1.documentElement.getElementsByTagName("item")[item1]; agregarMarcador(xmlItem1, 0, 0, markerManager1); }); markerManager1.refresh(); //map1.openInfoWindow(map1.getCenter(),contidosHTML[1]); }); gdir = new GDirections(map1,document.getElementById("panel")); GEvent.addListener(gdir, "load", onGDirectionsLoad); GEvent.addListener(gdir, "error", onGDirectionsError); } } //IMPLEMENTE LA FONTION QUI CREE UN ITINERAIRE function makemyitin(){ if(document.getElementById("panel")){ setDirections(document.getElementById("panel_from").value,latitude+" , "+ lonxitude); } } function onGDirectionsLoad(){ //alert("ca charge"); } function onGDirectionsError(){ alert("erreur :"+gdir.getStatus().code); } function setDirections(fromAddress, toAddress) { geocoder = new GClientGeocoder(); geocoder.getLatLng(fromAddress, function(point) { if (point) { //alert(point); // Yipeeee! gdir.load("from: " + point.toUrlValue() + " to: " + toAddress , { "locale": "fr_FR" }); } else { alert (fromAddress + " est inconnu!! "); } }); } //CREATE A PANEL WHERE WE CAN SEE A DIRECTION function createpanel() { /*if(!document.getElementById("rechercheItin")){ var map1=document.getElementById("map1"); var recherche=document.createElement("div"); recherche.setAttribute("id","rechercheItin"); recherche.style.visibility = "hidden"; map1.parentNode.insertBefore(recherche,map1); var panel=document.createElement("div"); panel.setAttribute("id","panel"); panel.style.width = "100%"; panel.style.visibility = "hidden"; if(map1.nextSibling!=null){ map1.parentNode.insertBefore(panel,map1.nextSibling); } else{ map1.appendChild(panel); } document.getElementById("rechercheItin").innerHTML= '<input type="text" id="panel_from" value="votre point de depart" onclick="if(this.value=='votre point de depart'){this.value='';}" /><a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;">Calculer</a>'; }*/ } function showpanel(lat,lonx) { document.getElementById("panel").style.display= "block"; //alert("coucou10"); document.getElementById("rechercheItin").style.display = "block"; //alert("coucou11"); latitude = lat; lonxitude = lonx; } $(document).ready(function(){ load1(); }) //]]> </script> <style type="text/css"> .tooltip{ background-color:white; border:solid 2px black; padding:4px; } </style> <div id="rechercheItin" style="display:none"> <input type="text" id="panel_from" onfocus="if(this.value=='votre point de depart'){this.value='';}" value="votre point de depart" /> <a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;" onfocus="this.value='';">Calculer</a> </div> <div id="map1" style="width: 100%;height:400px;"></div> <div id="panel" style="display:none;"> </div></div> http://www.escapade-champenoise.fr/-Evenements-?id_evenement=1216&annee=2010&mois=09 http://www.escapade-champenoise.fr/Vendanges-en-Champagnes-chez-les 2010-08-09T06:11:30Z text/html fr véronique Evénements Chaque année, les vendanges sont une fête en Champagne ! <br />Balade dans les vignes, découverte du pressoir, de la cuverie, dégustation de jus de raisin et de Champagnes. <br />Des vignerons et acteurs touristiques de l'association Action Champagnes Tourisme vous accueillent pour vous faire partager,en toute convivialité, l'ambiance des vendanges. <br />Les dates des vendanges sont approximatives : <br />début programmé autour du 10 septembre 2010 selon les secteurs <br />Renseignements : au 03.26.64.08.13 <br />CHAMPAGNE Alain (...) - <a href="http://www.escapade-champenoise.fr/-Evenements-" rel="directory">Evénements</a> <img src="http://www.escapade-champenoise.fr/SITES/escapade-champenoise.fr/IMG/arton1426.png" alt="" align="right" width="297" height="305" class="spip_logos" /> <div class='rss_texte'><p class="spip">Chaque année, les vendanges sont une fête en Champagne !</p> <p class="spip">Balade dans les vignes, découverte du pressoir, de la cuverie, dégustation de jus de raisin et de Champagnes.</p> <p class="spip">Des vignerons et acteurs touristiques de l'association <a href="http://www.champagne-tourisme.com/" class="spip_out"><strong class="spip">Action Champagnes Tourisme</strong></a> vous accueillent pour vous faire partager,en toute convivialité, l'ambiance des vendanges.</p> <p class="spip">Les dates des vendanges sont approximatives : <br />début programmé <strong class="spip">autour du 10 septembre 2010</strong> selon les secteurs</p> <p class="spip">Renseignements : au 03.26.64.08.13</p> <p class="spip"><strong class="spip">CHAMPAGNE Alain LALLEMENT - VERZY</strong> Visite des caves, du pressoir avec possibilité de dégustation de jus de raisin et de Champagne. <br />Tous les jours des vendanges sur rendez-vous de 9H00 à 12H00 et de 14H00 à 17H30. Destinée aux petits groupes ou particuliers <br />Tarif : 4€/pers si visite sans achat. Sur réservation la veille : 03 26 97 92 32 ou 06 70 24 78 28. <br />19, rue Carnot - 51380 VERZY Tél. : 03.26.97.92.32 <br /><a href="mailto:champagne.alain.lallement@club-internet.fr" class="spip_out">Email</a> <br /><a href="http://www.champagne-alain-lallement.com/" class="spip_out">http://www.champagne-alain-lallement.com/ </a></p> <p class="spip"><strong class="spip">CHAMPAGNE AUTREAU-LASNOT - VENTEUIL</strong> <br />Tous les jours des vendanges de 10H00 à 12H00 et de 14H00 à 17H30. visite du pressoir, dégustations de jus de raisin et de nos cuvées <br />Tarif : Gratuit . Groupes ou individuels. <br />Réservation pour les groupes au 03 26 58 49 35 <br />6 rue du Château - 51 480 VENTEUIL Tél. : 03.26.58.49.35 <br /><a href="mailto:info@champagne-autreau-lasnot.com" class="spip_out">E-mail</a> <br /><a href="http://www.champagne-autreau-lasnot.com/" class="spip_out">http://www.champagne-autreau-lasnot.com/</a></p> <p class="spip"><strong class="spip">CHAMPAGNE J. CHARPENTIER – VILLERS SOUS CHATILLON</strong> _ Tous les jours des vendanges De 09H00 à 12H00 et de 14H00 à 17H30. Groupe et individuels. <br />Visite des pressoirs traditionnels et modernes, visite de la cave, de la cuverie, des foudres et des fûts, remuage traditionnel et moderne, chantier de dégorgement. <br />Possibilité de repas à partir de 20 personnes. <br />Tarif : Visite : 3€/pers pour les groupes. Repas : 29€ ou 33,50 € à partir de 20 pers. <br />88 rue de Reuil 51700 VILLERS SOUS CHATILLON Tél. : 03.26.58.05.78 <br /><a href="mailto:info@jcharpentier.fr" class="spip_out">Email</a> <br /><a href="http://www.jcharpentier.fr/" class="spip_out">http://www.jcharpentier.fr/</a></p> <p class="spip"><strong class="spip"> CHAMPAGNE ASPASIE – ARISTON Fils - BROUILLET</strong> <br />Durant 8 jours autour du 25 septembre <br />10H30 – 14H00 pour les groupes - 9H00 – 12H00 et 14H00 – 17H00 pour les individuels <br />Visite du pressoir et des caves suivie d'une dégustation de jus de raisin. Tarif : 5€ par pers. <br />Réservation par mail ou tél à Caroline : 03 26 97 43 46 ou contact@champagneaspasie.com <br />4 et 8 Grande Rue 51 170 BROUILLET Tél. : 03 26 97 43 46 <br /><a href="http://www.champagneaspasie.com/" class="spip_out">http://www.champagneaspasie.com/</a></p> <p class="spip"><strong class="spip">Champagne POIROT - BERGERES LES VERTUS</strong> <br />Tous les jours. de 10H00 à 18H00 <br />Visite de cave et balade dans les vignes <br />Tarif : Gratuit. Groupes ou individuels. <br />Rue Pernet 51130 - Bergères les Vertus Tél. 03 26 52 02 26 <br /><a href="mailto:al.poirot@wanadoo.fr" class="spip_out">Email</a> <br /><a href="http://www.vitiplus.com/champagne-poirot/" class="spip_out">http://www.vitiplus.com/champagne-poirot/</a></p> <p class="spip"><strong class="spip">CHAMPAGNE F.P. ARNOULT-FLEURY LA RIVIERE</strong> <br />Tous les jours des vendanges (fermé lundi matin et mercredi), dimanche matin sur RDV, dimanche après-midi : 14H00-19H00 de 09H00 à 12H30 et de 14H00 à 19H00 <br />Visite de cave, du pressoir et dégustation <br />Tarif : 4 € par pers. Groupes ou individuels. Formule groupes (à partir de 30 pers) Visite des caves, vignes…, dégustation et repas (boisson comprise dont une demi-bouteille de Champagne par personne.) <br />Tarif : 36€ par pers. Sur réservation. <br />Route de Damery - 51480 Fleury la Rivière Tél. 03 26 58 42 53 <br /><a href="mailto:champagne-fp.arnoult@wanadoo.fr" class="spip_out">Email</a></p> <p class="spip"><strong class="spip">Champagne DAUBY – AY</strong> <br />10 jours autour du 20 septembre de 10H00 12H00 et de 14H00 à 17H30 <br />Visite du pressoir, des caves, balades dans les vignes, dégustations et chansons. <br />Tarif : Visite : 5 € par pers. Groupes (12 pers mini) et individuels <br />Réservation la veille auprès de Francine DAUBY : 06 12 77 07 56 <br />22 rue Jeanson - 51160 AY. Tél : 03 26 54 96 49 <br /><a href="mailto:champagne.dauby@wanadoo.fr" class="spip_out">E-mail</a> <br /><a href="http://www.champagne-dauby.fr/" class="spip_out">http://www.champagne-dauby.fr/</a></p> <p class="spip"><strong class="spip">Champagne André JACQUART - VERTUS</strong> <br />Tous les jours des vendanges de 10H30 à 17H00 <br />Visite du pressoir et dégustation de jus de raisin. Visite des caves. Dégustation de jus de raisin et de Champagne. Possibilité repas « typique » des vendanges avec dégustation. Groupes) et individuels. <br />Tarif : Visite 6€ par pers - Repas : 20€/ pers. Journée : 30 €/pers. <br />Réservation 48h à l'avance pour les groupes et 24H pour les individuels auprès de Marie DOYARD <br />Tél : 06.19.60.00.86 <br />63 avenue de Bammental - BP14 - 51130 VERTUS Tél. : 03.26.57.52.29 - <br /><a href="http://www.a-jacquart-fils.com/" class="spip_out">http://www.a-jacquart-fils.com/</a></p> <p class="spip"><strong class="spip">Champagne Michel GONET - AVIZE</strong> <br />Tous les jours des vendanges <br />Sur rendez-vous de 9H30 à 12H30 et de 14H30 à 17H00 <br />Visite de cave et du pressoir. Dégustation de jus de raisin et des cuvées. Groupes ou individuels. <br />Tarif : Visite : 10€ par pers - Réservation conseillée. <br />196 avenue Jean Jaurès 51190 AVIZE Tél : 03 26 57 50 56 <br /><a href="mailto:info@champagnegonet.com" class="spip_out">Email</a> <br /><a href="http://www.champagnegonet.com/" class="spip_out">http://www.champagnegonet.com/</a></p> <p class="spip"><strong class="spip">CHAMPAGNE COLIN - VERTUS</strong> <br />Tous les jours des vendanges entre le 6 et 26 septembre de 9H00 à 12H00 et de 14H00 à 18H00 <br />Visite du pressoir, cave. Dégustation de jus de raisin. <br />Tarif : Visite : 4,50€ par pers (Carte : n°6). Sur réservation. <br />101 avenue du Gal de Gaulle 51130 VERTUS Tél. 03 26 58 86 32 <br /><a href="mailto:info@champagne-colin.com" class="spip_out">Email</a> <br /><a href="http://www.champagne-colin.com/" class="spip_out">http://www.champagne-colin.com/</a></p></div> http://www.escapade-champenoise.fr/-Evenements-?id_evenement=616&annee=2010&mois=09 http://www.escapade-champenoise.fr/Festival-de-la-Poule-des-Champs 2009-08-25T12:26:15Z text/html fr Artégo Evénements inclure-dans-la-lettre 10 et 11 Septembre 2010 <br />Festival musical à la campagne à Auberive petit village du nord de la Marne <br />Tout le programme : www.lapouledeschamps.com - <a href="http://www.escapade-champenoise.fr/-Evenements-" rel="directory">Evénements</a> / <a href="http://www.escapade-champenoise.fr/+-inclure-dans-la-lettre-+" rel="tag">inclure-dans-la-lettre</a> <img src="http://www.escapade-champenoise.fr/SITES/escapade-champenoise.fr/IMG/arton906.png" alt="" align="right" width="486" height="441" class="spip_logos" /> <div class='rss_texte'><p class="spip"><strong class="spip">10 et 11 Septembre 2010</strong></p> <p class="spip">Festival musical à la campagne à Auberive petit village du nord de la Marne</p> <p class="spip">Tout le programme : <a href="http://www.lapouledeschamps.com/" class="spip_out">www.lapouledeschamps.com</a> <br /> <br /></p> <script type="text/javascript"> /** * @author Marco Alionso Ramirez, marco@onemarco.com * @version 1.0 * The Tooltip class is an addon designed for the Google * Maps GMarker class. */ /** * @constructor * @param {GMarker} marker * @param {String} content * @param {Number} padding */ function Tooltip(marker, content, padding){ this.marker = marker; this.content = content; this.padding = padding; this.div = null; this.map = null; } Tooltip.prototype = new GOverlay(); Tooltip.prototype.initialize = function(map){ this.div = document.createElement("div"); var innerContainer = this.div.cloneNode(false); this.div.appendChild(innerContainer); this.div.style.position = 'absolute'; this.div.style.visibility = 'hidden'; this.shadowQuadrants = [{},{},{},{}] this.shadowQuadrants[0].div = document.createElement('div'); this.shadowQuadrants[0].div.style.position = 'absolute'; this.shadowQuadrants[0].div.style.overflow = 'hidden'; this.shadowQuadrants[0].img = createPngElement('plugins/googlemap_api/img_pack/tooltip_shadow.png'); this.shadowQuadrants[0].img.style.position = 'absolute'; this.shadowQuadrants[0].div.appendChild(this.shadowQuadrants[0].img); this.shadowQuadrants[1].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[1].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[1].div.appendChild(this.shadowQuadrants[1].img); this.shadowQuadrants[2].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[2].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[2].div.appendChild(this.shadowQuadrants[2].img); this.shadowQuadrants[3].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[3].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[3].div.appendChild(this.shadowQuadrants[3].img); this.shadowQuadrants[0].div.style.right = '0px'; this.shadowQuadrants[0].div.style.top = '0px'; this.shadowQuadrants[0].img.style.top = '0px'; this.shadowQuadrants[0].img.style.right = '0px'; this.shadowQuadrants[1].div.style.left = '0px'; this.shadowQuadrants[1].div.style.top = '0px'; this.shadowQuadrants[1].img.style.top = '0px'; this.shadowQuadrants[2].div.style.left = '0px'; this.shadowQuadrants[2].div.style.bottom = '0px'; this.shadowQuadrants[2].img.style.bottom = '0px'; this.shadowQuadrants[2].img.style.left = '0px'; this.shadowQuadrants[3].div.style.right = '0px'; this.shadowQuadrants[3].div.style.bottom = '0px'; this.shadowQuadrants[3].img.style.bottom = '0px'; this.shadow = this.div.cloneNode(false); this.shadow.appendChild(this.shadowQuadrants[0].div); this.shadow.appendChild(this.shadowQuadrants[1].div); this.shadow.appendChild(this.shadowQuadrants[2].div); this.shadow.appendChild(this.shadowQuadrants[3].div); innerContainer.className = 'tooltip'; var child = typeof this.content == 'string' ? document.createTextNode(this.content) : this.content; innerContainer.appendChild(child); map.getPane(G_MAP_FLOAT_PANE).appendChild(this.div); map.getPane(G_MAP_MARKER_SHADOW_PANE).appendChild(this.shadow); this.map = map; } Tooltip.prototype.remove = function(){ this.div.parentNode.removeChild(this.div); } Tooltip.prototype.copy = function(){ var content = typeof this.content == 'string' ? this.content : this.content.cloneNode(true); return new Tooltip(this.marker,content,this.padding); } Tooltip.prototype.redraw = function(force){ if (!force) return; //draw tooltip var markerPos = this.map.fromLatLngToDivPixel(this.marker.getPoint()); var iconAnchor = this.marker.getIcon().iconAnchor; var xPos = Math.round(markerPos.x - this.div.clientWidth / 2); var yPos = markerPos.y - iconAnchor.y - this.div.clientHeight - this.padding; this.div.style.top = yPos + 'px'; this.div.style.left = xPos + 'px'; //draw shadow //calculate shadow location shadowAnchor = new GPoint( markerPos.x + Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) , markerPos.y - Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) + 4); //calculate shadow dimenstions var shadowSize = new GSize(this.div.clientWidth + Math.round(this.div.clientHeight / 2) + 8, Math.round(this.div.clientHeight / 2) + 10); if(shadowSize.width % 2 == 1) shadowSize.width--; if(shadowSize.height % 2 == 1) shadowSize.height--; //apply shodaw location and dimensions this.shadow.style.left = (shadowAnchor.x - (shadowSize.width - shadowSize.height - 10 )/ 2) + 'px'; this.shadow.style.top = (shadowAnchor.y - shadowSize.height) + 'px'; this.shadow.style.width = (shadowSize.width) + 'px'; this.shadow.style.height = shadowSize.height + 'px'; //get quadrant dimensions var qHeight = shadowSize.height / 2; var qOddWidth = shadowSize.height > shadowSize.width ? shadowSize.height / 2: (shadowSize.width) / 2; var qEvenWidth = shadowSize.width - qOddWidth; //apply quadrant dimensions, calculate and apply Q2 and Q4 image offsets this.shadowQuadrants[0].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[0].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[1].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].img.style.left = -(160 - shadowSize.height) + 'px'; this.shadowQuadrants[2].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[2].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[3].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].img.style.right = -(160 - shadowSize.height) +'px'; } Tooltip.prototype.show = function(){ this.div.style.visibility = 'visible'; this.shadow.style.visibility = 'visible'; } Tooltip.prototype.hide = function(){ this.div.style.visibility = 'hidden'; this.shadow.style.visibility = 'hidden'; } //utility function for png compatibility in IE6 var IS_IE = false; var IS_LT_IE7; //@cc_on IS_IE = true; //@cc_on IS_LT_IE7 = @_jscript_version < 5.7; function createPngElement(src){ var img = document.createElement('img'); img.setAttribute('src',src); if(IS_IE && IS_LT_IE7){ img.style.visibility = 'hidden'; var div = document.createElement('div'); div.appendChild(img); div.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\',sizingMethod=\'crop\')'; return div; } return img; } </script> <script type="text/javascript"> if (document.namespaces) { // only needed in IE document.namespaces.add("v", "urn:schemas-microsoft-com:vml"); } //<![CDATA[ URLbase = "http://www.escapade-champenoise.fr/"; var map1; var markerManager1; var gdir; //UN CALCUL D'ITINERAIRE PAR POINT var latitude; var lonxitude; function load1() { if (GBrowserIsCompatible()) { //ITINERAIRES(CA C'ETAIT AVANT LE DRAME....) //createpanel(); // facelo mapa map1= new GMap2(document.getElementById("map1")); map1.addControl(new mapTypeControl()); map1.addControl(new mapZoomControl()); map1.addControl(new mapMoveControl()); map1.setCenter(new GLatLng(49.1961, 4.38904), 10, G_NORMAL_MAP); center = map1.getCenter(); map1.enableDoubleClickZoom(); map1.enableContinuousZoom(); markerManager1= new GMarkerManager(map1); //leemo-lo documento dos marcadores $.get('http://www.escapade-champenoise.fr/spip.php?page=rss-gis', {id_rubrique:14, id_article:906}, function(xml1){ //xml almacena en un objeto xml los datos recogidos del documento leido $("item", xml1).each(function(item1){; //alert("ici"); var xmlItem1= xml1.documentElement.getElementsByTagName("item")[item1]; agregarMarcador(xmlItem1, 0, 0, markerManager1); }); markerManager1.refresh(); //map1.openInfoWindow(map1.getCenter(),contidosHTML[1]); }); gdir = new GDirections(map1,document.getElementById("panel")); GEvent.addListener(gdir, "load", onGDirectionsLoad); GEvent.addListener(gdir, "error", onGDirectionsError); } } //IMPLEMENTE LA FONTION QUI CREE UN ITINERAIRE function makemyitin(){ if(document.getElementById("panel")){ setDirections(document.getElementById("panel_from").value,latitude+" , "+ lonxitude); } } function onGDirectionsLoad(){ //alert("ca charge"); } function onGDirectionsError(){ alert("erreur :"+gdir.getStatus().code); } function setDirections(fromAddress, toAddress) { geocoder = new GClientGeocoder(); geocoder.getLatLng(fromAddress, function(point) { if (point) { //alert(point); // Yipeeee! gdir.load("from: " + point.toUrlValue() + " to: " + toAddress , { "locale": "fr_FR" }); } else { alert (fromAddress + " est inconnu!! "); } }); } //CREATE A PANEL WHERE WE CAN SEE A DIRECTION function createpanel() { /*if(!document.getElementById("rechercheItin")){ var map1=document.getElementById("map1"); var recherche=document.createElement("div"); recherche.setAttribute("id","rechercheItin"); recherche.style.visibility = "hidden"; map1.parentNode.insertBefore(recherche,map1); var panel=document.createElement("div"); panel.setAttribute("id","panel"); panel.style.width = "100%"; panel.style.visibility = "hidden"; if(map1.nextSibling!=null){ map1.parentNode.insertBefore(panel,map1.nextSibling); } else{ map1.appendChild(panel); } document.getElementById("rechercheItin").innerHTML= '<input type="text" id="panel_from" value="votre point de depart" onclick="if(this.value=='votre point de depart'){this.value='';}" /><a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;">Calculer</a>'; }*/ } function showpanel(lat,lonx) { document.getElementById("panel").style.display= "block"; //alert("coucou10"); document.getElementById("rechercheItin").style.display = "block"; //alert("coucou11"); latitude = lat; lonxitude = lonx; } $(document).ready(function(){ load1(); }) //]]> </script> <style type="text/css"> .tooltip{ background-color:white; border:solid 2px black; padding:4px; } </style> <div id="rechercheItin" style="display:none"> <input type="text" id="panel_from" onfocus="if(this.value=='votre point de depart'){this.value='';}" value="votre point de depart" /> <a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;" onfocus="this.value='';">Calculer</a> </div> <div id="map1" style="width: 100%;height:400px;"></div> <div id="panel" style="display:none;"> </div></div> http://www.escapade-champenoise.fr/-Evenements-?id_evenement=102&annee=2010&mois=09 http://www.escapade-champenoise.fr/3eme-week-end-de-l-Excellence 2007-03-21T16:27:15Z text/html fr véronique Evénements projecteur_sur Les 10,11 et 12 septembre 2010 se déroulera le 4eme Week-End de l'Excellence Automobile de Reims-Gueux <br />Avec plus de 30 000 visiteurs en septembre dernier, le « Week-End de l'Excellence » devient désormais une référence en matière de rassemblement de véhicules historiques. <br />Le millésime 2010 du « WEEA » pourra se targuer de réunir dans un même temps, autant d'autos que de motos d'exception ayant marqué l'histoire. <br />Site web pour en savoir (...) - <a href="http://www.escapade-champenoise.fr/-Evenements-" rel="directory">Evénements</a> / <a href="http://www.escapade-champenoise.fr/+-projecteur-sur-+" rel="tag">projecteur_sur</a> <img src="http://www.escapade-champenoise.fr/SITES/escapade-champenoise.fr/IMG/arton251.jpg" alt="" align="right" width="427" height="640" class="spip_logos" /> <div class='rss_texte'><p class="spip">Les 10,11 et 12 septembre 2010 se déroulera le <strong class="spip">4eme Week-End de l'Excellence Automobile de Reims-Gueux</strong></p> <p class="spip">Avec plus de 30 000 visiteurs en septembre dernier, le « Week-End de l'Excellence » devient désormais une référence en matière de rassemblement de véhicules historiques.</p> <p class="spip">Le millésime 2010 du « WEEA » pourra se targuer de réunir dans un même temps, autant d'autos que de motos d'exception ayant marqué l'histoire.</p> <p class="spip"><a href="http://www.weea-organisation.com" class="spip_out"><strong class="spip">Site web</strong></a> pour en savoir plus</p></div> http://www.escapade-champenoise.fr/-Evenements-?id_evenement=1120&annee=2010&mois=09 http://www.escapade-champenoise.fr/EXTRA-2-Benoit-Pelletier 2010-06-17T15:49:51Z text/html fr véronique Evénements Photographe et graphiste, Benoît Pelletier vit et travaille à Reims. Ses photographies se jouent de nos sens et de notre perception du monde réel. Il investit l'Ancien Collège des Jésuites qui devient le sujet de ses photographies. Cette création jette un regard étrange et déconcertant sur ce lieu patrimonial familier. <br />Du 11 septembre au 10 octobre <br />Tous les jours de 14h00 à 18h00 <br />Ancien Collège des Jésuites (Salle Brûlart) <br />Site web pour en savoir (...) - <a href="http://www.escapade-champenoise.fr/-Evenements-" rel="directory">Evénements</a> <img src="http://www.escapade-champenoise.fr/SITES/escapade-champenoise.fr/IMG/arton1330.jpg" alt="" align="right" width="640" height="428" class="spip_logos" /> <div class='rss_texte'><p class="spip">Photographe et graphiste, <a href="http://www.benoitpelletier-diabolus.fr/" class="spip_out">Benoît Pelletier</a> vit et travaille à Reims. Ses photographies se jouent de nos sens et de notre perception du monde réel. Il investit l'Ancien Collège des Jésuites qui devient le sujet de ses photographies. Cette création jette un regard étrange et déconcertant sur ce lieu patrimonial familier.</p> <p class="spip"><strong class="spip">Du 11 septembre au 10 octobre</strong> <br />Tous les jours de 14h00 à 18h00 <br />Ancien Collège des Jésuites (Salle Brûlart) <br /><a href="http://www.benoitpelletier.fr" class="spip_out">Site web</a> pour en savoir plus <br /> <br /></p> <script type="text/javascript"> /** * @author Marco Alionso Ramirez, marco@onemarco.com * @version 1.0 * The Tooltip class is an addon designed for the Google * Maps GMarker class. */ /** * @constructor * @param {GMarker} marker * @param {String} content * @param {Number} padding */ function Tooltip(marker, content, padding){ this.marker = marker; this.content = content; this.padding = padding; this.div = null; this.map = null; } Tooltip.prototype = new GOverlay(); Tooltip.prototype.initialize = function(map){ this.div = document.createElement("div"); var innerContainer = this.div.cloneNode(false); this.div.appendChild(innerContainer); this.div.style.position = 'absolute'; this.div.style.visibility = 'hidden'; this.shadowQuadrants = [{},{},{},{}] this.shadowQuadrants[0].div = document.createElement('div'); this.shadowQuadrants[0].div.style.position = 'absolute'; this.shadowQuadrants[0].div.style.overflow = 'hidden'; this.shadowQuadrants[0].img = createPngElement('plugins/googlemap_api/img_pack/tooltip_shadow.png'); this.shadowQuadrants[0].img.style.position = 'absolute'; this.shadowQuadrants[0].div.appendChild(this.shadowQuadrants[0].img); this.shadowQuadrants[1].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[1].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[1].div.appendChild(this.shadowQuadrants[1].img); this.shadowQuadrants[2].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[2].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[2].div.appendChild(this.shadowQuadrants[2].img); this.shadowQuadrants[3].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[3].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[3].div.appendChild(this.shadowQuadrants[3].img); this.shadowQuadrants[0].div.style.right = '0px'; this.shadowQuadrants[0].div.style.top = '0px'; this.shadowQuadrants[0].img.style.top = '0px'; this.shadowQuadrants[0].img.style.right = '0px'; this.shadowQuadrants[1].div.style.left = '0px'; this.shadowQuadrants[1].div.style.top = '0px'; this.shadowQuadrants[1].img.style.top = '0px'; this.shadowQuadrants[2].div.style.left = '0px'; this.shadowQuadrants[2].div.style.bottom = '0px'; this.shadowQuadrants[2].img.style.bottom = '0px'; this.shadowQuadrants[2].img.style.left = '0px'; this.shadowQuadrants[3].div.style.right = '0px'; this.shadowQuadrants[3].div.style.bottom = '0px'; this.shadowQuadrants[3].img.style.bottom = '0px'; this.shadow = this.div.cloneNode(false); this.shadow.appendChild(this.shadowQuadrants[0].div); this.shadow.appendChild(this.shadowQuadrants[1].div); this.shadow.appendChild(this.shadowQuadrants[2].div); this.shadow.appendChild(this.shadowQuadrants[3].div); innerContainer.className = 'tooltip'; var child = typeof this.content == 'string' ? document.createTextNode(this.content) : this.content; innerContainer.appendChild(child); map.getPane(G_MAP_FLOAT_PANE).appendChild(this.div); map.getPane(G_MAP_MARKER_SHADOW_PANE).appendChild(this.shadow); this.map = map; } Tooltip.prototype.remove = function(){ this.div.parentNode.removeChild(this.div); } Tooltip.prototype.copy = function(){ var content = typeof this.content == 'string' ? this.content : this.content.cloneNode(true); return new Tooltip(this.marker,content,this.padding); } Tooltip.prototype.redraw = function(force){ if (!force) return; //draw tooltip var markerPos = this.map.fromLatLngToDivPixel(this.marker.getPoint()); var iconAnchor = this.marker.getIcon().iconAnchor; var xPos = Math.round(markerPos.x - this.div.clientWidth / 2); var yPos = markerPos.y - iconAnchor.y - this.div.clientHeight - this.padding; this.div.style.top = yPos + 'px'; this.div.style.left = xPos + 'px'; //draw shadow //calculate shadow location shadowAnchor = new GPoint( markerPos.x + Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) , markerPos.y - Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) + 4); //calculate shadow dimenstions var shadowSize = new GSize(this.div.clientWidth + Math.round(this.div.clientHeight / 2) + 8, Math.round(this.div.clientHeight / 2) + 10); if(shadowSize.width % 2 == 1) shadowSize.width--; if(shadowSize.height % 2 == 1) shadowSize.height--; //apply shodaw location and dimensions this.shadow.style.left = (shadowAnchor.x - (shadowSize.width - shadowSize.height - 10 )/ 2) + 'px'; this.shadow.style.top = (shadowAnchor.y - shadowSize.height) + 'px'; this.shadow.style.width = (shadowSize.width) + 'px'; this.shadow.style.height = shadowSize.height + 'px'; //get quadrant dimensions var qHeight = shadowSize.height / 2; var qOddWidth = shadowSize.height > shadowSize.width ? shadowSize.height / 2: (shadowSize.width) / 2; var qEvenWidth = shadowSize.width - qOddWidth; //apply quadrant dimensions, calculate and apply Q2 and Q4 image offsets this.shadowQuadrants[0].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[0].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[1].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].img.style.left = -(160 - shadowSize.height) + 'px'; this.shadowQuadrants[2].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[2].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[3].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].img.style.right = -(160 - shadowSize.height) +'px'; } Tooltip.prototype.show = function(){ this.div.style.visibility = 'visible'; this.shadow.style.visibility = 'visible'; } Tooltip.prototype.hide = function(){ this.div.style.visibility = 'hidden'; this.shadow.style.visibility = 'hidden'; } //utility function for png compatibility in IE6 var IS_IE = false; var IS_LT_IE7; //@cc_on IS_IE = true; //@cc_on IS_LT_IE7 = @_jscript_version < 5.7; function createPngElement(src){ var img = document.createElement('img'); img.setAttribute('src',src); if(IS_IE && IS_LT_IE7){ img.style.visibility = 'hidden'; var div = document.createElement('div'); div.appendChild(img); div.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\',sizingMethod=\'crop\')'; return div; } return img; } </script> <script type="text/javascript"> if (document.namespaces) { // only needed in IE document.namespaces.add("v", "urn:schemas-microsoft-com:vml"); } //<![CDATA[ URLbase = "http://www.escapade-champenoise.fr/"; var map1; var markerManager1; var gdir; //UN CALCUL D'ITINERAIRE PAR POINT var latitude; var lonxitude; function load1() { if (GBrowserIsCompatible()) { //ITINERAIRES(CA C'ETAIT AVANT LE DRAME....) //createpanel(); // facelo mapa map1= new GMap2(document.getElementById("map1")); map1.addControl(new mapTypeControl()); map1.addControl(new mapZoomControl()); map1.addControl(new mapMoveControl()); map1.setCenter(new GLatLng(49.2466, 4.04048), 10, G_NORMAL_MAP); center = map1.getCenter(); map1.enableDoubleClickZoom(); map1.enableContinuousZoom(); markerManager1= new GMarkerManager(map1); //leemo-lo documento dos marcadores $.get('http://www.escapade-champenoise.fr/spip.php?page=rss-gis', {id_rubrique:14, id_article:1330}, function(xml1){ //xml almacena en un objeto xml los datos recogidos del documento leido $("item", xml1).each(function(item1){; //alert("ici"); var xmlItem1= xml1.documentElement.getElementsByTagName("item")[item1]; agregarMarcador(xmlItem1, 0, 0, markerManager1); }); markerManager1.refresh(); //map1.openInfoWindow(map1.getCenter(),contidosHTML[1]); }); gdir = new GDirections(map1,document.getElementById("panel")); GEvent.addListener(gdir, "load", onGDirectionsLoad); GEvent.addListener(gdir, "error", onGDirectionsError); } } //IMPLEMENTE LA FONTION QUI CREE UN ITINERAIRE function makemyitin(){ if(document.getElementById("panel")){ setDirections(document.getElementById("panel_from").value,latitude+" , "+ lonxitude); } } function onGDirectionsLoad(){ //alert("ca charge"); } function onGDirectionsError(){ alert("erreur :"+gdir.getStatus().code); } function setDirections(fromAddress, toAddress) { geocoder = new GClientGeocoder(); geocoder.getLatLng(fromAddress, function(point) { if (point) { //alert(point); // Yipeeee! gdir.load("from: " + point.toUrlValue() + " to: " + toAddress , { "locale": "fr_FR" }); } else { alert (fromAddress + " est inconnu!! "); } }); } //CREATE A PANEL WHERE WE CAN SEE A DIRECTION function createpanel() { /*if(!document.getElementById("rechercheItin")){ var map1=document.getElementById("map1"); var recherche=document.createElement("div"); recherche.setAttribute("id","rechercheItin"); recherche.style.visibility = "hidden"; map1.parentNode.insertBefore(recherche,map1); var panel=document.createElement("div"); panel.setAttribute("id","panel"); panel.style.width = "100%"; panel.style.visibility = "hidden"; if(map1.nextSibling!=null){ map1.parentNode.insertBefore(panel,map1.nextSibling); } else{ map1.appendChild(panel); } document.getElementById("rechercheItin").innerHTML= '<input type="text" id="panel_from" value="votre point de depart" onclick="if(this.value=='votre point de depart'){this.value='';}" /><a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;">Calculer</a>'; }*/ } function showpanel(lat,lonx) { document.getElementById("panel").style.display= "block"; //alert("coucou10"); document.getElementById("rechercheItin").style.display = "block"; //alert("coucou11"); latitude = lat; lonxitude = lonx; } $(document).ready(function(){ load1(); }) //]]> </script> <style type="text/css"> .tooltip{ background-color:white; border:solid 2px black; padding:4px; } </style> <div id="rechercheItin" style="display:none"> <input type="text" id="panel_from" onfocus="if(this.value=='votre point de depart'){this.value='';}" value="votre point de depart" /> <a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;" onfocus="this.value='';">Calculer</a> </div> <div id="map1" style="width: 100%;height:400px;"></div> <div id="panel" style="display:none;"> </div></div> http://www.escapade-champenoise.fr/-Evenements-?id_evenement=1043&annee=2010&mois=09 http://www.escapade-champenoise.fr/Didier-Gustin-a-l-Affiche 2010-04-27T16:15:29Z text/html fr véronique Evénements Plus de 60 imitations chantées ou sketchs avec un guitariste <br />Didier Gustin nous emmène à travers des chansons parodiées et des sketchs dans un univers mêlé d'humour et d'émotions. <br />Un grand moment de bonheur et d'éclats de rire à déguster sans modération. <br />les 10 et 11 septembre 2010 - 20h30 <br />Théâtre A L'Affiche <br />110 avenue Jean Jaurès <br />51100 Reims - <a href="http://www.escapade-champenoise.fr/-Evenements-" rel="directory">Evénements</a> <img src="http://www.escapade-champenoise.fr/SITES/escapade-champenoise.fr/IMG/arton1270.png" alt="" align="right" width="219" height="266" class="spip_logos" /> <div class='rss_texte'><p class="spip">Plus de 60 imitations chantées ou sketchs avec un guitariste</p> <p class="spip">Didier Gustin nous emmène à travers des chansons parodiées et des sketchs dans un univers mêlé d'humour et d'émotions.</p> <p class="spip">Un grand moment de bonheur et d'éclats de rire à déguster sans modération.</p> <p class="spip"><strong class="spip">les 10 et 11 septembre 2010 - 20h30</strong></p> <p class="spip">Théâtre A L'Affiche <br />110 avenue Jean Jaurès <br />51100 Reims <br /> <br /></p> <script type="text/javascript"> /** * @author Marco Alionso Ramirez, marco@onemarco.com * @version 1.0 * The Tooltip class is an addon designed for the Google * Maps GMarker class. */ /** * @constructor * @param {GMarker} marker * @param {String} content * @param {Number} padding */ function Tooltip(marker, content, padding){ this.marker = marker; this.content = content; this.padding = padding; this.div = null; this.map = null; } Tooltip.prototype = new GOverlay(); Tooltip.prototype.initialize = function(map){ this.div = document.createElement("div"); var innerContainer = this.div.cloneNode(false); this.div.appendChild(innerContainer); this.div.style.position = 'absolute'; this.div.style.visibility = 'hidden'; this.shadowQuadrants = [{},{},{},{}] this.shadowQuadrants[0].div = document.createElement('div'); this.shadowQuadrants[0].div.style.position = 'absolute'; this.shadowQuadrants[0].div.style.overflow = 'hidden'; this.shadowQuadrants[0].img = createPngElement('plugins/googlemap_api/img_pack/tooltip_shadow.png'); this.shadowQuadrants[0].img.style.position = 'absolute'; this.shadowQuadrants[0].div.appendChild(this.shadowQuadrants[0].img); this.shadowQuadrants[1].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[1].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[1].div.appendChild(this.shadowQuadrants[1].img); this.shadowQuadrants[2].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[2].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[2].div.appendChild(this.shadowQuadrants[2].img); this.shadowQuadrants[3].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[3].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[3].div.appendChild(this.shadowQuadrants[3].img); this.shadowQuadrants[0].div.style.right = '0px'; this.shadowQuadrants[0].div.style.top = '0px'; this.shadowQuadrants[0].img.style.top = '0px'; this.shadowQuadrants[0].img.style.right = '0px'; this.shadowQuadrants[1].div.style.left = '0px'; this.shadowQuadrants[1].div.style.top = '0px'; this.shadowQuadrants[1].img.style.top = '0px'; this.shadowQuadrants[2].div.style.left = '0px'; this.shadowQuadrants[2].div.style.bottom = '0px'; this.shadowQuadrants[2].img.style.bottom = '0px'; this.shadowQuadrants[2].img.style.left = '0px'; this.shadowQuadrants[3].div.style.right = '0px'; this.shadowQuadrants[3].div.style.bottom = '0px'; this.shadowQuadrants[3].img.style.bottom = '0px'; this.shadow = this.div.cloneNode(false); this.shadow.appendChild(this.shadowQuadrants[0].div); this.shadow.appendChild(this.shadowQuadrants[1].div); this.shadow.appendChild(this.shadowQuadrants[2].div); this.shadow.appendChild(this.shadowQuadrants[3].div); innerContainer.className = 'tooltip'; var child = typeof this.content == 'string' ? document.createTextNode(this.content) : this.content; innerContainer.appendChild(child); map.getPane(G_MAP_FLOAT_PANE).appendChild(this.div); map.getPane(G_MAP_MARKER_SHADOW_PANE).appendChild(this.shadow); this.map = map; } Tooltip.prototype.remove = function(){ this.div.parentNode.removeChild(this.div); } Tooltip.prototype.copy = function(){ var content = typeof this.content == 'string' ? this.content : this.content.cloneNode(true); return new Tooltip(this.marker,content,this.padding); } Tooltip.prototype.redraw = function(force){ if (!force) return; //draw tooltip var markerPos = this.map.fromLatLngToDivPixel(this.marker.getPoint()); var iconAnchor = this.marker.getIcon().iconAnchor; var xPos = Math.round(markerPos.x - this.div.clientWidth / 2); var yPos = markerPos.y - iconAnchor.y - this.div.clientHeight - this.padding; this.div.style.top = yPos + 'px'; this.div.style.left = xPos + 'px'; //draw shadow //calculate shadow location shadowAnchor = new GPoint( markerPos.x + Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) , markerPos.y - Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) + 4); //calculate shadow dimenstions var shadowSize = new GSize(this.div.clientWidth + Math.round(this.div.clientHeight / 2) + 8, Math.round(this.div.clientHeight / 2) + 10); if(shadowSize.width % 2 == 1) shadowSize.width--; if(shadowSize.height % 2 == 1) shadowSize.height--; //apply shodaw location and dimensions this.shadow.style.left = (shadowAnchor.x - (shadowSize.width - shadowSize.height - 10 )/ 2) + 'px'; this.shadow.style.top = (shadowAnchor.y - shadowSize.height) + 'px'; this.shadow.style.width = (shadowSize.width) + 'px'; this.shadow.style.height = shadowSize.height + 'px'; //get quadrant dimensions var qHeight = shadowSize.height / 2; var qOddWidth = shadowSize.height > shadowSize.width ? shadowSize.height / 2: (shadowSize.width) / 2; var qEvenWidth = shadowSize.width - qOddWidth; //apply quadrant dimensions, calculate and apply Q2 and Q4 image offsets this.shadowQuadrants[0].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[0].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[1].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].img.style.left = -(160 - shadowSize.height) + 'px'; this.shadowQuadrants[2].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[2].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[3].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].img.style.right = -(160 - shadowSize.height) +'px'; } Tooltip.prototype.show = function(){ this.div.style.visibility = 'visible'; this.shadow.style.visibility = 'visible'; } Tooltip.prototype.hide = function(){ this.div.style.visibility = 'hidden'; this.shadow.style.visibility = 'hidden'; } //utility function for png compatibility in IE6 var IS_IE = false; var IS_LT_IE7; //@cc_on IS_IE = true; //@cc_on IS_LT_IE7 = @_jscript_version < 5.7; function createPngElement(src){ var img = document.createElement('img'); img.setAttribute('src',src); if(IS_IE && IS_LT_IE7){ img.style.visibility = 'hidden'; var div = document.createElement('div'); div.appendChild(img); div.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\',sizingMethod=\'crop\')'; return div; } return img; } </script> <script type="text/javascript"> if (document.namespaces) { // only needed in IE document.namespaces.add("v", "urn:schemas-microsoft-com:vml"); } //<![CDATA[ URLbase = "http://www.escapade-champenoise.fr/"; var map1; var markerManager1; var gdir; //UN CALCUL D'ITINERAIRE PAR POINT var latitude; var lonxitude; function load1() { if (GBrowserIsCompatible()) { //ITINERAIRES(CA C'ETAIT AVANT LE DRAME....) //createpanel(); // facelo mapa map1= new GMap2(document.getElementById("map1")); map1.addControl(new mapTypeControl()); map1.addControl(new mapZoomControl()); map1.addControl(new mapMoveControl()); map1.setCenter(new GLatLng(49.2599, 4.04634), 10, G_NORMAL_MAP); center = map1.getCenter(); map1.enableDoubleClickZoom(); map1.enableContinuousZoom(); markerManager1= new GMarkerManager(map1); //leemo-lo documento dos marcadores $.get('http://www.escapade-champenoise.fr/spip.php?page=rss-gis', {id_rubrique:14, id_article:1270}, function(xml1){ //xml almacena en un objeto xml los datos recogidos del documento leido $("item", xml1).each(function(item1){; //alert("ici"); var xmlItem1= xml1.documentElement.getElementsByTagName("item")[item1]; agregarMarcador(xmlItem1, 0, 0, markerManager1); }); markerManager1.refresh(); //map1.openInfoWindow(map1.getCenter(),contidosHTML[1]); }); gdir = new GDirections(map1,document.getElementById("panel")); GEvent.addListener(gdir, "load", onGDirectionsLoad); GEvent.addListener(gdir, "error", onGDirectionsError); } } //IMPLEMENTE LA FONTION QUI CREE UN ITINERAIRE function makemyitin(){ if(document.getElementById("panel")){ setDirections(document.getElementById("panel_from").value,latitude+" , "+ lonxitude); } } function onGDirectionsLoad(){ //alert("ca charge"); } function onGDirectionsError(){ alert("erreur :"+gdir.getStatus().code); } function setDirections(fromAddress, toAddress) { geocoder = new GClientGeocoder(); geocoder.getLatLng(fromAddress, function(point) { if (point) { //alert(point); // Yipeeee! gdir.load("from: " + point.toUrlValue() + " to: " + toAddress , { "locale": "fr_FR" }); } else { alert (fromAddress + " est inconnu!! "); } }); } //CREATE A PANEL WHERE WE CAN SEE A DIRECTION function createpanel() { /*if(!document.getElementById("rechercheItin")){ var map1=document.getElementById("map1"); var recherche=document.createElement("div"); recherche.setAttribute("id","rechercheItin"); recherche.style.visibility = "hidden"; map1.parentNode.insertBefore(recherche,map1); var panel=document.createElement("div"); panel.setAttribute("id","panel"); panel.style.width = "100%"; panel.style.visibility = "hidden"; if(map1.nextSibling!=null){ map1.parentNode.insertBefore(panel,map1.nextSibling); } else{ map1.appendChild(panel); } document.getElementById("rechercheItin").innerHTML= '<input type="text" id="panel_from" value="votre point de depart" onclick="if(this.value=='votre point de depart'){this.value='';}" /><a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;">Calculer</a>'; }*/ } function showpanel(lat,lonx) { document.getElementById("panel").style.display= "block"; //alert("coucou10"); document.getElementById("rechercheItin").style.display = "block"; //alert("coucou11"); latitude = lat; lonxitude = lonx; } $(document).ready(function(){ load1(); }) //]]> </script> <style type="text/css"> .tooltip{ background-color:white; border:solid 2px black; padding:4px; } </style> <div id="rechercheItin" style="display:none"> <input type="text" id="panel_from" onfocus="if(this.value=='votre point de depart'){this.value='';}" value="votre point de depart" /> <a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;" onfocus="this.value='';">Calculer</a> </div> <div id="map1" style="width: 100%;height:400px;"></div> <div id="panel" style="display:none;"> </div></div> http://www.escapade-champenoise.fr/-Evenements-?id_evenement=997&annee=2010&mois=09 http://www.escapade-champenoise.fr/Exposition-Peter-Saville-et-Anna 2010-04-04T16:35:32Z text/html fr véronique Evénements 10/09/2010 - 02/01/2011 <br />Vernissage le jeudi 9 septembre. <br />FRAC, 1 place Museux - REIMS <br />Email <br />www.frac-champagneardenne.org <br />03 26 05 78 32 - <a href="http://www.escapade-champenoise.fr/-Evenements-" rel="directory">Evénements</a> <img src="http://www.escapade-champenoise.fr/SITES/escapade-champenoise.fr/IMG/arton1230.jpg" alt="" align="right" width="230" height="175" class="spip_logos" /> <div class='rss_texte'><p class="spip"><strong class="spip">10/09/2010 - 02/01/2011</strong></p> <p class="spip">Vernissage le jeudi 9 septembre.</p> <ul class="spip"><li class="spip"> FRAC, 1 place Museux - REIMS</li><li class="spip"> <a href="mailto:contact@frac-champagneardenne.org" class="spip_out">Email</a> </li><li class="spip"> <a href="http://www.frac-champagneardenne.org" class="spip_out">www.frac-champagneardenne.org</a></li><li class="spip"> 03 26 05 78 32 <br /> <br /> <script type="text/javascript"> /** * @author Marco Alionso Ramirez, marco@onemarco.com * @version 1.0 * The Tooltip class is an addon designed for the Google * Maps GMarker class. */ /** * @constructor * @param {GMarker} marker * @param {String} content * @param {Number} padding */ function Tooltip(marker, content, padding){ this.marker = marker; this.content = content; this.padding = padding; this.div = null; this.map = null; } Tooltip.prototype = new GOverlay(); Tooltip.prototype.initialize = function(map){ this.div = document.createElement("div"); var innerContainer = this.div.cloneNode(false); this.div.appendChild(innerContainer); this.div.style.position = 'absolute'; this.div.style.visibility = 'hidden'; this.shadowQuadrants = [{},{},{},{}] this.shadowQuadrants[0].div = document.createElement('div'); this.shadowQuadrants[0].div.style.position = 'absolute'; this.shadowQuadrants[0].div.style.overflow = 'hidden'; this.shadowQuadrants[0].img = createPngElement('plugins/googlemap_api/img_pack/tooltip_shadow.png'); this.shadowQuadrants[0].img.style.position = 'absolute'; this.shadowQuadrants[0].div.appendChild(this.shadowQuadrants[0].img); this.shadowQuadrants[1].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[1].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[1].div.appendChild(this.shadowQuadrants[1].img); this.shadowQuadrants[2].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[2].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[2].div.appendChild(this.shadowQuadrants[2].img); this.shadowQuadrants[3].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[3].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[3].div.appendChild(this.shadowQuadrants[3].img); this.shadowQuadrants[0].div.style.right = '0px'; this.shadowQuadrants[0].div.style.top = '0px'; this.shadowQuadrants[0].img.style.top = '0px'; this.shadowQuadrants[0].img.style.right = '0px'; this.shadowQuadrants[1].div.style.left = '0px'; this.shadowQuadrants[1].div.style.top = '0px'; this.shadowQuadrants[1].img.style.top = '0px'; this.shadowQuadrants[2].div.style.left = '0px'; this.shadowQuadrants[2].div.style.bottom = '0px'; this.shadowQuadrants[2].img.style.bottom = '0px'; this.shadowQuadrants[2].img.style.left = '0px'; this.shadowQuadrants[3].div.style.right = '0px'; this.shadowQuadrants[3].div.style.bottom = '0px'; this.shadowQuadrants[3].img.style.bottom = '0px'; this.shadow = this.div.cloneNode(false); this.shadow.appendChild(this.shadowQuadrants[0].div); this.shadow.appendChild(this.shadowQuadrants[1].div); this.shadow.appendChild(this.shadowQuadrants[2].div); this.shadow.appendChild(this.shadowQuadrants[3].div); innerContainer.className = 'tooltip'; var child = typeof this.content == 'string' ? document.createTextNode(this.content) : this.content; innerContainer.appendChild(child); map.getPane(G_MAP_FLOAT_PANE).appendChild(this.div); map.getPane(G_MAP_MARKER_SHADOW_PANE).appendChild(this.shadow); this.map = map; } Tooltip.prototype.remove = function(){ this.div.parentNode.removeChild(this.div); } Tooltip.prototype.copy = function(){ var content = typeof this.content == 'string' ? this.content : this.content.cloneNode(true); return new Tooltip(this.marker,content,this.padding); } Tooltip.prototype.redraw = function(force){ if (!force) return; //draw tooltip var markerPos = this.map.fromLatLngToDivPixel(this.marker.getPoint()); var iconAnchor = this.marker.getIcon().iconAnchor; var xPos = Math.round(markerPos.x - this.div.clientWidth / 2); var yPos = markerPos.y - iconAnchor.y - this.div.clientHeight - this.padding; this.div.style.top = yPos + 'px'; this.div.style.left = xPos + 'px'; //draw shadow //calculate shadow location shadowAnchor = new GPoint( markerPos.x + Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) , markerPos.y - Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) + 4); //calculate shadow dimenstions var shadowSize = new GSize(this.div.clientWidth + Math.round(this.div.clientHeight / 2) + 8, Math.round(this.div.clientHeight / 2) + 10); if(shadowSize.width % 2 == 1) shadowSize.width--; if(shadowSize.height % 2 == 1) shadowSize.height--; //apply shodaw location and dimensions this.shadow.style.left = (shadowAnchor.x - (shadowSize.width - shadowSize.height - 10 )/ 2) + 'px'; this.shadow.style.top = (shadowAnchor.y - shadowSize.height) + 'px'; this.shadow.style.width = (shadowSize.width) + 'px'; this.shadow.style.height = shadowSize.height + 'px'; //get quadrant dimensions var qHeight = shadowSize.height / 2; var qOddWidth = shadowSize.height > shadowSize.width ? shadowSize.height / 2: (shadowSize.width) / 2; var qEvenWidth = shadowSize.width - qOddWidth; //apply quadrant dimensions, calculate and apply Q2 and Q4 image offsets this.shadowQuadrants[0].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[0].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[1].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].img.style.left = -(160 - shadowSize.height) + 'px'; this.shadowQuadrants[2].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[2].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[3].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].img.style.right = -(160 - shadowSize.height) +'px'; } Tooltip.prototype.show = function(){ this.div.style.visibility = 'visible'; this.shadow.style.visibility = 'visible'; } Tooltip.prototype.hide = function(){ this.div.style.visibility = 'hidden'; this.shadow.style.visibility = 'hidden'; } //utility function for png compatibility in IE6 var IS_IE = false; var IS_LT_IE7; //@cc_on IS_IE = true; //@cc_on IS_LT_IE7 = @_jscript_version < 5.7; function createPngElement(src){ var img = document.createElement('img'); img.setAttribute('src',src); if(IS_IE && IS_LT_IE7){ img.style.visibility = 'hidden'; var div = document.createElement('div'); div.appendChild(img); div.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\',sizingMethod=\'crop\')'; return div; } return img; } </script> <script type="text/javascript"> if (document.namespaces) { // only needed in IE document.namespaces.add("v", "urn:schemas-microsoft-com:vml"); } //<![CDATA[ URLbase = "http://www.escapade-champenoise.fr/"; var map1; var markerManager1; var gdir; //UN CALCUL D'ITINERAIRE PAR POINT var latitude; var lonxitude; function load1() { if (GBrowserIsCompatible()) { //ITINERAIRES(CA C'ETAIT AVANT LE DRAME....) //createpanel(); // facelo mapa map1= new GMap2(document.getElementById("map1")); map1.addControl(new mapTypeControl()); map1.addControl(new mapZoomControl()); map1.addControl(new mapMoveControl()); map1.setCenter(new GLatLng(49.2465, 4.04037), 10, G_NORMAL_MAP); center = map1.getCenter(); map1.enableDoubleClickZoom(); map1.enableContinuousZoom(); markerManager1= new GMarkerManager(map1); //leemo-lo documento dos marcadores $.get('http://www.escapade-champenoise.fr/spip.php?page=rss-gis', {id_rubrique:14, id_article:1230}, function(xml1){ //xml almacena en un objeto xml los datos recogidos del documento leido $("item", xml1).each(function(item1){; //alert("ici"); var xmlItem1= xml1.documentElement.getElementsByTagName("item")[item1]; agregarMarcador(xmlItem1, 0, 0, markerManager1); }); markerManager1.refresh(); //map1.openInfoWindow(map1.getCenter(),contidosHTML[1]); }); gdir = new GDirections(map1,document.getElementById("panel")); GEvent.addListener(gdir, "load", onGDirectionsLoad); GEvent.addListener(gdir, "error", onGDirectionsError); } } //IMPLEMENTE LA FONTION QUI CREE UN ITINERAIRE function makemyitin(){ if(document.getElementById("panel")){ setDirections(document.getElementById("panel_from").value,latitude+" , "+ lonxitude); } } function onGDirectionsLoad(){ //alert("ca charge"); } function onGDirectionsError(){ alert("erreur :"+gdir.getStatus().code); } function setDirections(fromAddress, toAddress) { geocoder = new GClientGeocoder(); geocoder.getLatLng(fromAddress, function(point) { if (point) { //alert(point); // Yipeeee! gdir.load("from: " + point.toUrlValue() + " to: " + toAddress , { "locale": "fr_FR" }); } else { alert (fromAddress + " est inconnu!! "); } }); } //CREATE A PANEL WHERE WE CAN SEE A DIRECTION function createpanel() { /*if(!document.getElementById("rechercheItin")){ var map1=document.getElementById("map1"); var recherche=document.createElement("div"); recherche.setAttribute("id","rechercheItin"); recherche.style.visibility = "hidden"; map1.parentNode.insertBefore(recherche,map1); var panel=document.createElement("div"); panel.setAttribute("id","panel"); panel.style.width = "100%"; panel.style.visibility = "hidden"; if(map1.nextSibling!=null){ map1.parentNode.insertBefore(panel,map1.nextSibling); } else{ map1.appendChild(panel); } document.getElementById("rechercheItin").innerHTML= '<input type="text" id="panel_from" value="votre point de depart" onclick="if(this.value=='votre point de depart'){this.value='';}" /><a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;">Calculer</a>'; }*/ } function showpanel(lat,lonx) { document.getElementById("panel").style.display= "block"; //alert("coucou10"); document.getElementById("rechercheItin").style.display = "block"; //alert("coucou11"); latitude = lat; lonxitude = lonx; } $(document).ready(function(){ load1(); }) //]]> </script> <style type="text/css"> .tooltip{ background-color:white; border:solid 2px black; padding:4px; } </style> <div id="rechercheItin" style="display:none"> <input type="text" id="panel_from" onfocus="if(this.value=='votre point de depart'){this.value='';}" value="votre point de depart" /> <a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;" onfocus="this.value='';">Calculer</a> </div> <div id="map1" style="width: 100%;height:400px;"></div> <div id="panel" style="display:none;"> </div></li></ul></div> http://www.escapade-champenoise.fr/-Evenements-?id_evenement=1260&annee=2010&mois=09 http://www.escapade-champenoise.fr/Jeu-de-pistes-Raconte-moi-l 2010-09-03T08:41:15Z text/html fr véronique Evénements La Jeune Chambre Economique de Reims organise une journée festive pour raconter l'histoire de la Cathédrale de Reims qui fêtera ses 800 ans le 6 mai 2011. <br />Rendez vous le Dimanche 11 Septembre à partir de 14h sur le Parvis de la Cathédrale pour un jeu de pistes sous forme d'énigmes. <br />Le Jeu : constitué de quatorze énigmes autour de ce magnifique édifice gothique. Ce concours énigmes débutera dès 14 heures par la délivrance d'un livret. Il finira à 17 heures. La résolution de ces énigmes vous permettra de (...) - <a href="http://www.escapade-champenoise.fr/-Evenements-" rel="directory">Evénements</a> <img src="http://www.escapade-champenoise.fr/SITES/escapade-champenoise.fr/IMG/arton1462.jpg" alt="" align="right" width="428" height="640" class="spip_logos" /> <div class='rss_texte'><p class="spip">La Jeune Chambre Economique de Reims organise une journée festive pour raconter l'histoire de la Cathédrale de Reims qui fêtera ses 800 ans le 6 mai 2011.</p> <p class="spip">Rendez vous <strong class="spip">le Dimanche 11 Septembre à partir de 14h</strong> sur le Parvis de la Cathédrale pour un jeu de pistes sous forme d'énigmes.</p> <p class="spip"><strong class="spip">Le Jeu</strong> : constitué de quatorze énigmes autour de ce magnifique édifice gothique. Ce concours énigmes débutera dès 14 heures par la délivrance d'un livret. Il finira à 17 heures. La résolution de ces énigmes vous permettra de vous promener dans et autour de la cathédrale et de découvrir ces principaux attraits ainsi que son histoire huit fois centenaire !</p> <p class="spip"><strong class="spip">Spectacle</strong> :17 heures 30 à 18 heures 30 - Yvan l'impossible jongleur <a href="http://lezartshaches.blogspot.com/" class="spip_out">Léz'Arts Hachés</a> <strong class="spip">Présentation des métiers d'art</strong>:14 heures à 17 heures 30</p> <p class="spip">Pour en savoir plus : <a href="http://www.racontemoi-reimscathedrale.fr" class="spip_out">www.racontemoi-reimscathedrale.fr</a> _ <br /></p> <script type="text/javascript"> /** * @author Marco Alionso Ramirez, marco@onemarco.com * @version 1.0 * The Tooltip class is an addon designed for the Google * Maps GMarker class. */ /** * @constructor * @param {GMarker} marker * @param {String} content * @param {Number} padding */ function Tooltip(marker, content, padding){ this.marker = marker; this.content = content; this.padding = padding; this.div = null; this.map = null; } Tooltip.prototype = new GOverlay(); Tooltip.prototype.initialize = function(map){ this.div = document.createElement("div"); var innerContainer = this.div.cloneNode(false); this.div.appendChild(innerContainer); this.div.style.position = 'absolute'; this.div.style.visibility = 'hidden'; this.shadowQuadrants = [{},{},{},{}] this.shadowQuadrants[0].div = document.createElement('div'); this.shadowQuadrants[0].div.style.position = 'absolute'; this.shadowQuadrants[0].div.style.overflow = 'hidden'; this.shadowQuadrants[0].img = createPngElement('plugins/googlemap_api/img_pack/tooltip_shadow.png'); this.shadowQuadrants[0].img.style.position = 'absolute'; this.shadowQuadrants[0].div.appendChild(this.shadowQuadrants[0].img); this.shadowQuadrants[1].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[1].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[1].div.appendChild(this.shadowQuadrants[1].img); this.shadowQuadrants[2].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[2].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[2].div.appendChild(this.shadowQuadrants[2].img); this.shadowQuadrants[3].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[3].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[3].div.appendChild(this.shadowQuadrants[3].img); this.shadowQuadrants[0].div.style.right = '0px'; this.shadowQuadrants[0].div.style.top = '0px'; this.shadowQuadrants[0].img.style.top = '0px'; this.shadowQuadrants[0].img.style.right = '0px'; this.shadowQuadrants[1].div.style.left = '0px'; this.shadowQuadrants[1].div.style.top = '0px'; this.shadowQuadrants[1].img.style.top = '0px'; this.shadowQuadrants[2].div.style.left = '0px'; this.shadowQuadrants[2].div.style.bottom = '0px'; this.shadowQuadrants[2].img.style.bottom = '0px'; this.shadowQuadrants[2].img.style.left = '0px'; this.shadowQuadrants[3].div.style.right = '0px'; this.shadowQuadrants[3].div.style.bottom = '0px'; this.shadowQuadrants[3].img.style.bottom = '0px'; this.shadow = this.div.cloneNode(false); this.shadow.appendChild(this.shadowQuadrants[0].div); this.shadow.appendChild(this.shadowQuadrants[1].div); this.shadow.appendChild(this.shadowQuadrants[2].div); this.shadow.appendChild(this.shadowQuadrants[3].div); innerContainer.className = 'tooltip'; var child = typeof this.content == 'string' ? document.createTextNode(this.content) : this.content; innerContainer.appendChild(child); map.getPane(G_MAP_FLOAT_PANE).appendChild(this.div); map.getPane(G_MAP_MARKER_SHADOW_PANE).appendChild(this.shadow); this.map = map; } Tooltip.prototype.remove = function(){ this.div.parentNode.removeChild(this.div); } Tooltip.prototype.copy = function(){ var content = typeof this.content == 'string' ? this.content : this.content.cloneNode(true); return new Tooltip(this.marker,content,this.padding); } Tooltip.prototype.redraw = function(force){ if (!force) return; //draw tooltip var markerPos = this.map.fromLatLngToDivPixel(this.marker.getPoint()); var iconAnchor = this.marker.getIcon().iconAnchor; var xPos = Math.round(markerPos.x - this.div.clientWidth / 2); var yPos = markerPos.y - iconAnchor.y - this.div.clientHeight - this.padding; this.div.style.top = yPos + 'px'; this.div.style.left = xPos + 'px'; //draw shadow //calculate shadow location shadowAnchor = new GPoint( markerPos.x + Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) , markerPos.y - Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) + 4); //calculate shadow dimenstions var shadowSize = new GSize(this.div.clientWidth + Math.round(this.div.clientHeight / 2) + 8, Math.round(this.div.clientHeight / 2) + 10); if(shadowSize.width % 2 == 1) shadowSize.width--; if(shadowSize.height % 2 == 1) shadowSize.height--; //apply shodaw location and dimensions this.shadow.style.left = (shadowAnchor.x - (shadowSize.width - shadowSize.height - 10 )/ 2) + 'px'; this.shadow.style.top = (shadowAnchor.y - shadowSize.height) + 'px'; this.shadow.style.width = (shadowSize.width) + 'px'; this.shadow.style.height = shadowSize.height + 'px'; //get quadrant dimensions var qHeight = shadowSize.height / 2; var qOddWidth = shadowSize.height > shadowSize.width ? shadowSize.height / 2: (shadowSize.width) / 2; var qEvenWidth = shadowSize.width - qOddWidth; //apply quadrant dimensions, calculate and apply Q2 and Q4 image offsets this.shadowQuadrants[0].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[0].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[1].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].img.style.left = -(160 - shadowSize.height) + 'px'; this.shadowQuadrants[2].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[2].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[3].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].img.style.right = -(160 - shadowSize.height) +'px'; } Tooltip.prototype.show = function(){ this.div.style.visibility = 'visible'; this.shadow.style.visibility = 'visible'; } Tooltip.prototype.hide = function(){ this.div.style.visibility = 'hidden'; this.shadow.style.visibility = 'hidden'; } //utility function for png compatibility in IE6 var IS_IE = false; var IS_LT_IE7; //@cc_on IS_IE = true; //@cc_on IS_LT_IE7 = @_jscript_version < 5.7; function createPngElement(src){ var img = document.createElement('img'); img.setAttribute('src',src); if(IS_IE && IS_LT_IE7){ img.style.visibility = 'hidden'; var div = document.createElement('div'); div.appendChild(img); div.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\',sizingMethod=\'crop\')'; return div; } return img; } </script> <script type="text/javascript"> if (document.namespaces) { // only needed in IE document.namespaces.add("v", "urn:schemas-microsoft-com:vml"); } //<![CDATA[ URLbase = "http://www.escapade-champenoise.fr/"; var map1; var markerManager1; var gdir; //UN CALCUL D'ITINERAIRE PAR POINT var latitude; var lonxitude; function load1() { if (GBrowserIsCompatible()) { //ITINERAIRES(CA C'ETAIT AVANT LE DRAME....) //createpanel(); // facelo mapa map1= new GMap2(document.getElementById("map1")); map1.addControl(new mapTypeControl()); map1.addControl(new mapZoomControl()); map1.addControl(new mapMoveControl()); map1.setCenter(new GLatLng(49.2537, 4.03414), 10, G_NORMAL_MAP); center = map1.getCenter(); map1.enableDoubleClickZoom(); map1.enableContinuousZoom(); markerManager1= new GMarkerManager(map1); //leemo-lo documento dos marcadores $.get('http://www.escapade-champenoise.fr/spip.php?page=rss-gis', {id_rubrique:14, id_article:1462}, function(xml1){ //xml almacena en un objeto xml los datos recogidos del documento leido $("item", xml1).each(function(item1){; //alert("ici"); var xmlItem1= xml1.documentElement.getElementsByTagName("item")[item1]; agregarMarcador(xmlItem1, 0, 0, markerManager1); }); markerManager1.refresh(); //map1.openInfoWindow(map1.getCenter(),contidosHTML[1]); }); gdir = new GDirections(map1,document.getElementById("panel")); GEvent.addListener(gdir, "load", onGDirectionsLoad); GEvent.addListener(gdir, "error", onGDirectionsError); } } //IMPLEMENTE LA FONTION QUI CREE UN ITINERAIRE function makemyitin(){ if(document.getElementById("panel")){ setDirections(document.getElementById("panel_from").value,latitude+" , "+ lonxitude); } } function onGDirectionsLoad(){ //alert("ca charge"); } function onGDirectionsError(){ alert("erreur :"+gdir.getStatus().code); } function setDirections(fromAddress, toAddress) { geocoder = new GClientGeocoder(); geocoder.getLatLng(fromAddress, function(point) { if (point) { //alert(point); // Yipeeee! gdir.load("from: " + point.toUrlValue() + " to: " + toAddress , { "locale": "fr_FR" }); } else { alert (fromAddress + " est inconnu!! "); } }); } //CREATE A PANEL WHERE WE CAN SEE A DIRECTION function createpanel() { /*if(!document.getElementById("rechercheItin")){ var map1=document.getElementById("map1"); var recherche=document.createElement("div"); recherche.setAttribute("id","rechercheItin"); recherche.style.visibility = "hidden"; map1.parentNode.insertBefore(recherche,map1); var panel=document.createElement("div"); panel.setAttribute("id","panel"); panel.style.width = "100%"; panel.style.visibility = "hidden"; if(map1.nextSibling!=null){ map1.parentNode.insertBefore(panel,map1.nextSibling); } else{ map1.appendChild(panel); } document.getElementById("rechercheItin").innerHTML= '<input type="text" id="panel_from" value="votre point de depart" onclick="if(this.value=='votre point de depart'){this.value='';}" /><a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;">Calculer</a>'; }*/ } function showpanel(lat,lonx) { document.getElementById("panel").style.display= "block"; //alert("coucou10"); document.getElementById("rechercheItin").style.display = "block"; //alert("coucou11"); latitude = lat; lonxitude = lonx; } $(document).ready(function(){ load1(); }) //]]> </script> <style type="text/css"> .tooltip{ background-color:white; border:solid 2px black; padding:4px; } </style> <div id="rechercheItin" style="display:none"> <input type="text" id="panel_from" onfocus="if(this.value=='votre point de depart'){this.value='';}" value="votre point de depart" /> <a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;" onfocus="this.value='';">Calculer</a> </div> <div id="map1" style="width: 100%;height:400px;"></div> <div id="panel" style="display:none;"> </div></div> http://www.escapade-champenoise.fr/-Evenements-?id_evenement=1230&annee=2010&mois=09 http://www.escapade-champenoise.fr/Soiree-Ambiance-Bresilienne-a-l 2010-08-25T09:02:41Z text/html fr véronique Evénements Soirée Ambiance Brésilienne à l'Hippodrome <br />samedi 11 Septembre 2010 à 19h00 <br />3, Avenue du Président Kennedy <br />Tel : 03.26.08.65.29 <br />www.hippodromedereims.com - <a href="http://www.escapade-champenoise.fr/-Evenements-" rel="directory">Evénements</a> <img src="http://www.escapade-champenoise.fr/SITES/escapade-champenoise.fr/IMG/arton1438.jpg" alt="" align="right" width="205" height="127" class="spip_logos" /> <div class='rss_texte'><p class="spip">Soirée Ambiance Brésilienne à l'Hippodrome</p> <p class="spip"><strong class="spip">samedi 11 Septembre 2010</strong> à 19h00</p> <p class="spip">3, Avenue du Président Kennedy <br />Tel : 03.26.08.65.29 <br /><a href="http://www.hippodromedereims.com" class="spip_out">www.hippodromedereims.com</a> <br /> <br /></p> <script type="text/javascript"> /** * @author Marco Alionso Ramirez, marco@onemarco.com * @version 1.0 * The Tooltip class is an addon designed for the Google * Maps GMarker class. */ /** * @constructor * @param {GMarker} marker * @param {String} content * @param {Number} padding */ function Tooltip(marker, content, padding){ this.marker = marker; this.content = content; this.padding = padding; this.div = null; this.map = null; } Tooltip.prototype = new GOverlay(); Tooltip.prototype.initialize = function(map){ this.div = document.createElement("div"); var innerContainer = this.div.cloneNode(false); this.div.appendChild(innerContainer); this.div.style.position = 'absolute'; this.div.style.visibility = 'hidden'; this.shadowQuadrants = [{},{},{},{}] this.shadowQuadrants[0].div = document.createElement('div'); this.shadowQuadrants[0].div.style.position = 'absolute'; this.shadowQuadrants[0].div.style.overflow = 'hidden'; this.shadowQuadrants[0].img = createPngElement('plugins/googlemap_api/img_pack/tooltip_shadow.png'); this.shadowQuadrants[0].img.style.position = 'absolute'; this.shadowQuadrants[0].div.appendChild(this.shadowQuadrants[0].img); this.shadowQuadrants[1].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[1].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[1].div.appendChild(this.shadowQuadrants[1].img); this.shadowQuadrants[2].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[2].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[2].div.appendChild(this.shadowQuadrants[2].img); this.shadowQuadrants[3].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[3].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[3].div.appendChild(this.shadowQuadrants[3].img); this.shadowQuadrants[0].div.style.right = '0px'; this.shadowQuadrants[0].div.style.top = '0px'; this.shadowQuadrants[0].img.style.top = '0px'; this.shadowQuadrants[0].img.style.right = '0px'; this.shadowQuadrants[1].div.style.left = '0px'; this.shadowQuadrants[1].div.style.top = '0px'; this.shadowQuadrants[1].img.style.top = '0px'; this.shadowQuadrants[2].div.style.left = '0px'; this.shadowQuadrants[2].div.style.bottom = '0px'; this.shadowQuadrants[2].img.style.bottom = '0px'; this.shadowQuadrants[2].img.style.left = '0px'; this.shadowQuadrants[3].div.style.right = '0px'; this.shadowQuadrants[3].div.style.bottom = '0px'; this.shadowQuadrants[3].img.style.bottom = '0px'; this.shadow = this.div.cloneNode(false); this.shadow.appendChild(this.shadowQuadrants[0].div); this.shadow.appendChild(this.shadowQuadrants[1].div); this.shadow.appendChild(this.shadowQuadrants[2].div); this.shadow.appendChild(this.shadowQuadrants[3].div); innerContainer.className = 'tooltip'; var child = typeof this.content == 'string' ? document.createTextNode(this.content) : this.content; innerContainer.appendChild(child); map.getPane(G_MAP_FLOAT_PANE).appendChild(this.div); map.getPane(G_MAP_MARKER_SHADOW_PANE).appendChild(this.shadow); this.map = map; } Tooltip.prototype.remove = function(){ this.div.parentNode.removeChild(this.div); } Tooltip.prototype.copy = function(){ var content = typeof this.content == 'string' ? this.content : this.content.cloneNode(true); return new Tooltip(this.marker,content,this.padding); } Tooltip.prototype.redraw = function(force){ if (!force) return; //draw tooltip var markerPos = this.map.fromLatLngToDivPixel(this.marker.getPoint()); var iconAnchor = this.marker.getIcon().iconAnchor; var xPos = Math.round(markerPos.x - this.div.clientWidth / 2); var yPos = markerPos.y - iconAnchor.y - this.div.clientHeight - this.padding; this.div.style.top = yPos + 'px'; this.div.style.left = xPos + 'px'; //draw shadow //calculate shadow location shadowAnchor = new GPoint( markerPos.x + Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) , markerPos.y - Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) + 4); //calculate shadow dimenstions var shadowSize = new GSize(this.div.clientWidth + Math.round(this.div.clientHeight / 2) + 8, Math.round(this.div.clientHeight / 2) + 10); if(shadowSize.width % 2 == 1) shadowSize.width--; if(shadowSize.height % 2 == 1) shadowSize.height--; //apply shodaw location and dimensions this.shadow.style.left = (shadowAnchor.x - (shadowSize.width - shadowSize.height - 10 )/ 2) + 'px'; this.shadow.style.top = (shadowAnchor.y - shadowSize.height) + 'px'; this.shadow.style.width = (shadowSize.width) + 'px'; this.shadow.style.height = shadowSize.height + 'px'; //get quadrant dimensions var qHeight = shadowSize.height / 2; var qOddWidth = shadowSize.height > shadowSize.width ? shadowSize.height / 2: (shadowSize.width) / 2; var qEvenWidth = shadowSize.width - qOddWidth; //apply quadrant dimensions, calculate and apply Q2 and Q4 image offsets this.shadowQuadrants[0].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[0].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[1].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].img.style.left = -(160 - shadowSize.height) + 'px'; this.shadowQuadrants[2].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[2].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[3].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].img.style.right = -(160 - shadowSize.height) +'px'; } Tooltip.prototype.show = function(){ this.div.style.visibility = 'visible'; this.shadow.style.visibility = 'visible'; } Tooltip.prototype.hide = function(){ this.div.style.visibility = 'hidden'; this.shadow.style.visibility = 'hidden'; } //utility function for png compatibility in IE6 var IS_IE = false; var IS_LT_IE7; //@cc_on IS_IE = true; //@cc_on IS_LT_IE7 = @_jscript_version < 5.7; function createPngElement(src){ var img = document.createElement('img'); img.setAttribute('src',src); if(IS_IE && IS_LT_IE7){ img.style.visibility = 'hidden'; var div = document.createElement('div'); div.appendChild(img); div.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\',sizingMethod=\'crop\')'; return div; } return img; } </script> <script type="text/javascript"> if (document.namespaces) { // only needed in IE document.namespaces.add("v", "urn:schemas-microsoft-com:vml"); } //<![CDATA[ URLbase = "http://www.escapade-champenoise.fr/"; var map1; var markerManager1; var gdir; //UN CALCUL D'ITINERAIRE PAR POINT var latitude; var lonxitude; function load1() { if (GBrowserIsCompatible()) { //ITINERAIRES(CA C'ETAIT AVANT LE DRAME....) //createpanel(); // facelo mapa map1= new GMap2(document.getElementById("map1")); map1.addControl(new mapTypeControl()); map1.addControl(new mapZoomControl()); map1.addControl(new mapMoveControl()); map1.setCenter(new GLatLng(49.2363, 4.01046), 10, G_NORMAL_MAP); center = map1.getCenter(); map1.enableDoubleClickZoom(); map1.enableContinuousZoom(); markerManager1= new GMarkerManager(map1); //leemo-lo documento dos marcadores $.get('http://www.escapade-champenoise.fr/spip.php?page=rss-gis', {id_rubrique:14, id_article:1438}, function(xml1){ //xml almacena en un objeto xml los datos recogidos del documento leido $("item", xml1).each(function(item1){; //alert("ici"); var xmlItem1= xml1.documentElement.getElementsByTagName("item")[item1]; agregarMarcador(xmlItem1, 0, 0, markerManager1); }); markerManager1.refresh(); //map1.openInfoWindow(map1.getCenter(),contidosHTML[1]); }); gdir = new GDirections(map1,document.getElementById("panel")); GEvent.addListener(gdir, "load", onGDirectionsLoad); GEvent.addListener(gdir, "error", onGDirectionsError); } } //IMPLEMENTE LA FONTION QUI CREE UN ITINERAIRE function makemyitin(){ if(document.getElementById("panel")){ setDirections(document.getElementById("panel_from").value,latitude+" , "+ lonxitude); } } function onGDirectionsLoad(){ //alert("ca charge"); } function onGDirectionsError(){ alert("erreur :"+gdir.getStatus().code); } function setDirections(fromAddress, toAddress) { geocoder = new GClientGeocoder(); geocoder.getLatLng(fromAddress, function(point) { if (point) { //alert(point); // Yipeeee! gdir.load("from: " + point.toUrlValue() + " to: " + toAddress , { "locale": "fr_FR" }); } else { alert (fromAddress + " est inconnu!! "); } }); } //CREATE A PANEL WHERE WE CAN SEE A DIRECTION function createpanel() { /*if(!document.getElementById("rechercheItin")){ var map1=document.getElementById("map1"); var recherche=document.createElement("div"); recherche.setAttribute("id","rechercheItin"); recherche.style.visibility = "hidden"; map1.parentNode.insertBefore(recherche,map1); var panel=document.createElement("div"); panel.setAttribute("id","panel"); panel.style.width = "100%"; panel.style.visibility = "hidden"; if(map1.nextSibling!=null){ map1.parentNode.insertBefore(panel,map1.nextSibling); } else{ map1.appendChild(panel); } document.getElementById("rechercheItin").innerHTML= '<input type="text" id="panel_from" value="votre point de depart" onclick="if(this.value=='votre point de depart'){this.value='';}" /><a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;">Calculer</a>'; }*/ } function showpanel(lat,lonx) { document.getElementById("panel").style.display= "block"; //alert("coucou10"); document.getElementById("rechercheItin").style.display = "block"; //alert("coucou11"); latitude = lat; lonxitude = lonx; } $(document).ready(function(){ load1(); }) //]]> </script> <style type="text/css"> .tooltip{ background-color:white; border:solid 2px black; padding:4px; } </style> <div id="rechercheItin" style="display:none"> <input type="text" id="panel_from" onfocus="if(this.value=='votre point de depart'){this.value='';}" value="votre point de depart" /> <a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;" onfocus="this.value='';">Calculer</a> </div> <div id="map1" style="width: 100%;height:400px;"></div> <div id="panel" style="display:none;"> </div></div> http://www.escapade-champenoise.fr/-Evenements-?id_evenement=1163&annee=2010&mois=09 http://www.escapade-champenoise.fr/Concerts-Clavecin-Orgue-Opera-de 2010-07-06T13:03:28Z text/html fr véronique Evénements A l'occasion du 10ème anniversaire des orgues Cattiaux l'Association Renaissance des Orgues de la Basilique Saint Remi et l'Opéra de Reims vous proposent un double Récital de Benjamin Alard <br />Récital de Clavecin à l'Opéra de Reims <br />Bach et ses contemporains <br />Samedi 11 septembre - 20h30 <br />13 rue Chanzy - 51100 Reims <br />Récital d'orgue à la Basilique Saint Remi <br />Bach et le dogme en musique <br />Dimanche 12 septembre - 18h00 <br />Rue Simon - Reims <br />Tarifs <br />20€ les 2 concerts/13€ par concert <br />Durée : 1 heure <br />Location à partir du (...) - <a href="http://www.escapade-champenoise.fr/-Evenements-" rel="directory">Evénements</a> <div class='rss_texte'><p class="spip">A l'occasion du 10ème anniversaire des orgues Cattiaux l'Association Renaissance des Orgues de la Basilique Saint Remi et l'Opéra de Reims vous proposent un double Récital de Benjamin Alard</p> <p class="spip"><strong class="spip">Récital de Clavecin à l'Opéra de Reims</strong> <br />Bach et ses contemporains <br />Samedi 11 septembre - 20h30 <br />13 rue Chanzy - 51100 Reims</p> <p class="spip"><strong class="spip">Récital d'orgue à la Basilique Saint Remi</strong> <br />Bach et le dogme en musique <br />Dimanche 12 septembre - 18h00 <br />Rue Simon - Reims</p> <p class="spip">Tarifs <br />20€ les 2 concerts/13€ par concert <br />Durée : 1 heure <br />Location à partir du 28 août</p> <p class="spip"><a href="http://www.operadereims.com/" class="spip_out">Site web</a> pour en savoir plus <br /> <br /></p> <script type="text/javascript"> /** * @author Marco Alionso Ramirez, marco@onemarco.com * @version 1.0 * The Tooltip class is an addon designed for the Google * Maps GMarker class. */ /** * @constructor * @param {GMarker} marker * @param {String} content * @param {Number} padding */ function Tooltip(marker, content, padding){ this.marker = marker; this.content = content; this.padding = padding; this.div = null; this.map = null; } Tooltip.prototype = new GOverlay(); Tooltip.prototype.initialize = function(map){ this.div = document.createElement("div"); var innerContainer = this.div.cloneNode(false); this.div.appendChild(innerContainer); this.div.style.position = 'absolute'; this.div.style.visibility = 'hidden'; this.shadowQuadrants = [{},{},{},{}] this.shadowQuadrants[0].div = document.createElement('div'); this.shadowQuadrants[0].div.style.position = 'absolute'; this.shadowQuadrants[0].div.style.overflow = 'hidden'; this.shadowQuadrants[0].img = createPngElement('plugins/googlemap_api/img_pack/tooltip_shadow.png'); this.shadowQuadrants[0].img.style.position = 'absolute'; this.shadowQuadrants[0].div.appendChild(this.shadowQuadrants[0].img); this.shadowQuadrants[1].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[1].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[1].div.appendChild(this.shadowQuadrants[1].img); this.shadowQuadrants[2].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[2].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[2].div.appendChild(this.shadowQuadrants[2].img); this.shadowQuadrants[3].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[3].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[3].div.appendChild(this.shadowQuadrants[3].img); this.shadowQuadrants[0].div.style.right = '0px'; this.shadowQuadrants[0].div.style.top = '0px'; this.shadowQuadrants[0].img.style.top = '0px'; this.shadowQuadrants[0].img.style.right = '0px'; this.shadowQuadrants[1].div.style.left = '0px'; this.shadowQuadrants[1].div.style.top = '0px'; this.shadowQuadrants[1].img.style.top = '0px'; this.shadowQuadrants[2].div.style.left = '0px'; this.shadowQuadrants[2].div.style.bottom = '0px'; this.shadowQuadrants[2].img.style.bottom = '0px'; this.shadowQuadrants[2].img.style.left = '0px'; this.shadowQuadrants[3].div.style.right = '0px'; this.shadowQuadrants[3].div.style.bottom = '0px'; this.shadowQuadrants[3].img.style.bottom = '0px'; this.shadow = this.div.cloneNode(false); this.shadow.appendChild(this.shadowQuadrants[0].div); this.shadow.appendChild(this.shadowQuadrants[1].div); this.shadow.appendChild(this.shadowQuadrants[2].div); this.shadow.appendChild(this.shadowQuadrants[3].div); innerContainer.className = 'tooltip'; var child = typeof this.content == 'string' ? document.createTextNode(this.content) : this.content; innerContainer.appendChild(child); map.getPane(G_MAP_FLOAT_PANE).appendChild(this.div); map.getPane(G_MAP_MARKER_SHADOW_PANE).appendChild(this.shadow); this.map = map; } Tooltip.prototype.remove = function(){ this.div.parentNode.removeChild(this.div); } Tooltip.prototype.copy = function(){ var content = typeof this.content == 'string' ? this.content : this.content.cloneNode(true); return new Tooltip(this.marker,content,this.padding); } Tooltip.prototype.redraw = function(force){ if (!force) return; //draw tooltip var markerPos = this.map.fromLatLngToDivPixel(this.marker.getPoint()); var iconAnchor = this.marker.getIcon().iconAnchor; var xPos = Math.round(markerPos.x - this.div.clientWidth / 2); var yPos = markerPos.y - iconAnchor.y - this.div.clientHeight - this.padding; this.div.style.top = yPos + 'px'; this.div.style.left = xPos + 'px'; //draw shadow //calculate shadow location shadowAnchor = new GPoint( markerPos.x + Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) , markerPos.y - Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) + 4); //calculate shadow dimenstions var shadowSize = new GSize(this.div.clientWidth + Math.round(this.div.clientHeight / 2) + 8, Math.round(this.div.clientHeight / 2) + 10); if(shadowSize.width % 2 == 1) shadowSize.width--; if(shadowSize.height % 2 == 1) shadowSize.height--; //apply shodaw location and dimensions this.shadow.style.left = (shadowAnchor.x - (shadowSize.width - shadowSize.height - 10 )/ 2) + 'px'; this.shadow.style.top = (shadowAnchor.y - shadowSize.height) + 'px'; this.shadow.style.width = (shadowSize.width) + 'px'; this.shadow.style.height = shadowSize.height + 'px'; //get quadrant dimensions var qHeight = shadowSize.height / 2; var qOddWidth = shadowSize.height > shadowSize.width ? shadowSize.height / 2: (shadowSize.width) / 2; var qEvenWidth = shadowSize.width - qOddWidth; //apply quadrant dimensions, calculate and apply Q2 and Q4 image offsets this.shadowQuadrants[0].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[0].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[1].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].img.style.left = -(160 - shadowSize.height) + 'px'; this.shadowQuadrants[2].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[2].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[3].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].img.style.right = -(160 - shadowSize.height) +'px'; } Tooltip.prototype.show = function(){ this.div.style.visibility = 'visible'; this.shadow.style.visibility = 'visible'; } Tooltip.prototype.hide = function(){ this.div.style.visibility = 'hidden'; this.shadow.style.visibility = 'hidden'; } //utility function for png compatibility in IE6 var IS_IE = false; var IS_LT_IE7; //@cc_on IS_IE = true; //@cc_on IS_LT_IE7 = @_jscript_version < 5.7; function createPngElement(src){ var img = document.createElement('img'); img.setAttribute('src',src); if(IS_IE && IS_LT_IE7){ img.style.visibility = 'hidden'; var div = document.createElement('div'); div.appendChild(img); div.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\',sizingMethod=\'crop\')'; return div; } return img; } </script> <script type="text/javascript"> if (document.namespaces) { // only needed in IE document.namespaces.add("v", "urn:schemas-microsoft-com:vml"); } //<![CDATA[ URLbase = "http://www.escapade-champenoise.fr/"; var map1; var markerManager1; var gdir; //UN CALCUL D'ITINERAIRE PAR POINT var latitude; var lonxitude; function load1() { if (GBrowserIsCompatible()) { //ITINERAIRES(CA C'ETAIT AVANT LE DRAME....) //createpanel(); // facelo mapa map1= new GMap2(document.getElementById("map1")); map1.addControl(new mapTypeControl()); map1.addControl(new mapZoomControl()); map1.addControl(new mapMoveControl()); map1.setCenter(new GLatLng(49.2431, 4.04194), 10, G_NORMAL_MAP); center = map1.getCenter(); map1.enableDoubleClickZoom(); map1.enableContinuousZoom(); markerManager1= new GMarkerManager(map1); //leemo-lo documento dos marcadores $.get('http://www.escapade-champenoise.fr/spip.php?page=rss-gis', {id_rubrique:14, id_article:1371}, function(xml1){ //xml almacena en un objeto xml los datos recogidos del documento leido $("item", xml1).each(function(item1){; //alert("ici"); var xmlItem1= xml1.documentElement.getElementsByTagName("item")[item1]; agregarMarcador(xmlItem1, 0, 0, markerManager1); }); markerManager1.refresh(); //map1.openInfoWindow(map1.getCenter(),contidosHTML[1]); }); gdir = new GDirections(map1,document.getElementById("panel")); GEvent.addListener(gdir, "load", onGDirectionsLoad); GEvent.addListener(gdir, "error", onGDirectionsError); } } //IMPLEMENTE LA FONTION QUI CREE UN ITINERAIRE function makemyitin(){ if(document.getElementById("panel")){ setDirections(document.getElementById("panel_from").value,latitude+" , "+ lonxitude); } } function onGDirectionsLoad(){ //alert("ca charge"); } function onGDirectionsError(){ alert("erreur :"+gdir.getStatus().code); } function setDirections(fromAddress, toAddress) { geocoder = new GClientGeocoder(); geocoder.getLatLng(fromAddress, function(point) { if (point) { //alert(point); // Yipeeee! gdir.load("from: " + point.toUrlValue() + " to: " + toAddress , { "locale": "fr_FR" }); } else { alert (fromAddress + " est inconnu!! "); } }); } //CREATE A PANEL WHERE WE CAN SEE A DIRECTION function createpanel() { /*if(!document.getElementById("rechercheItin")){ var map1=document.getElementById("map1"); var recherche=document.createElement("div"); recherche.setAttribute("id","rechercheItin"); recherche.style.visibility = "hidden"; map1.parentNode.insertBefore(recherche,map1); var panel=document.createElement("div"); panel.setAttribute("id","panel"); panel.style.width = "100%"; panel.style.visibility = "hidden"; if(map1.nextSibling!=null){ map1.parentNode.insertBefore(panel,map1.nextSibling); } else{ map1.appendChild(panel); } document.getElementById("rechercheItin").innerHTML= '<input type="text" id="panel_from" value="votre point de depart" onclick="if(this.value=='votre point de depart'){this.value='';}" /><a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;">Calculer</a>'; }*/ } function showpanel(lat,lonx) { document.getElementById("panel").style.display= "block"; //alert("coucou10"); document.getElementById("rechercheItin").style.display = "block"; //alert("coucou11"); latitude = lat; lonxitude = lonx; } $(document).ready(function(){ load1(); }) //]]> </script> <style type="text/css"> .tooltip{ background-color:white; border:solid 2px black; padding:4px; } </style> <div id="rechercheItin" style="display:none"> <input type="text" id="panel_from" onfocus="if(this.value=='votre point de depart'){this.value='';}" value="votre point de depart" /> <a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;" onfocus="this.value='';">Calculer</a> </div> <div id="map1" style="width: 100%;height:400px;"></div> <div id="panel" style="display:none;"> </div></div> http://www.escapade-champenoise.fr/-Evenements-?id_evenement=1245&annee=2010&mois=09 http://www.escapade-champenoise.fr/Journee-Portes-Ouvertes-6-a-Saint 2010-08-29T15:42:43Z text/html fr véronique Evénements Conçu comme un parcours ludique, ce RDV de la rentrée rémoise, qui rassemble plus d'un millier de visiteurs, permet aussi de découvrir le programme des 30 ateliers expérimentaux du centre culturel Saint-Exupéry. Une trentaine d'animateurs, d'artistes et d'amis du centre proposeront de nombreuses surprises à voir, à vivre et à produire. <br />samedi 11 septembre 2010 <br />14h > 18h30 + inauguration du bar éphémère #3 + concert <br />Tout le programme : (...) - <a href="http://www.escapade-champenoise.fr/-Evenements-" rel="directory">Evénements</a> <img src="http://www.escapade-champenoise.fr/SITES/escapade-champenoise.fr/IMG/arton1456.jpg" alt="" align="right" width="858" height="1197" class="spip_logos" /> <div class='rss_texte'><p class="spip">Conçu comme un parcours ludique, ce RDV de la rentrée rémoise, qui rassemble plus d'un millier de visiteurs, permet aussi de <strong class="spip">découvrir le programme des 30 ateliers expérimentaux du centre culturel Saint-Exupéry</strong>. Une trentaine d'animateurs, d'artistes et d'amis du centre proposeront de nombreuses surprises à voir, à vivre et à produire.</p> <p class="spip"><strong class="spip"> samedi 11 septembre 2010</strong> <br />14h > 18h30 + inauguration du bar éphémère #3 + concert</p> <p class="spip">Tout le programme : <a href="http://www.saintex-reims.com/saintex.php" class="spip_out">www.saintex-reims.com</a> <br /> <br /></p> <script type="text/javascript"> /** * @author Marco Alionso Ramirez, marco@onemarco.com * @version 1.0 * The Tooltip class is an addon designed for the Google * Maps GMarker class. */ /** * @constructor * @param {GMarker} marker * @param {String} content * @param {Number} padding */ function Tooltip(marker, content, padding){ this.marker = marker; this.content = content; this.padding = padding; this.div = null; this.map = null; } Tooltip.prototype = new GOverlay(); Tooltip.prototype.initialize = function(map){ this.div = document.createElement("div"); var innerContainer = this.div.cloneNode(false); this.div.appendChild(innerContainer); this.div.style.position = 'absolute'; this.div.style.visibility = 'hidden'; this.shadowQuadrants = [{},{},{},{}] this.shadowQuadrants[0].div = document.createElement('div'); this.shadowQuadrants[0].div.style.position = 'absolute'; this.shadowQuadrants[0].div.style.overflow = 'hidden'; this.shadowQuadrants[0].img = createPngElement('plugins/googlemap_api/img_pack/tooltip_shadow.png'); this.shadowQuadrants[0].img.style.position = 'absolute'; this.shadowQuadrants[0].div.appendChild(this.shadowQuadrants[0].img); this.shadowQuadrants[1].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[1].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[1].div.appendChild(this.shadowQuadrants[1].img); this.shadowQuadrants[2].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[2].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[2].div.appendChild(this.shadowQuadrants[2].img); this.shadowQuadrants[3].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[3].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[3].div.appendChild(this.shadowQuadrants[3].img); this.shadowQuadrants[0].div.style.right = '0px'; this.shadowQuadrants[0].div.style.top = '0px'; this.shadowQuadrants[0].img.style.top = '0px'; this.shadowQuadrants[0].img.style.right = '0px'; this.shadowQuadrants[1].div.style.left = '0px'; this.shadowQuadrants[1].div.style.top = '0px'; this.shadowQuadrants[1].img.style.top = '0px'; this.shadowQuadrants[2].div.style.left = '0px'; this.shadowQuadrants[2].div.style.bottom = '0px'; this.shadowQuadrants[2].img.style.bottom = '0px'; this.shadowQuadrants[2].img.style.left = '0px'; this.shadowQuadrants[3].div.style.right = '0px'; this.shadowQuadrants[3].div.style.bottom = '0px'; this.shadowQuadrants[3].img.style.bottom = '0px'; this.shadow = this.div.cloneNode(false); this.shadow.appendChild(this.shadowQuadrants[0].div); this.shadow.appendChild(this.shadowQuadrants[1].div); this.shadow.appendChild(this.shadowQuadrants[2].div); this.shadow.appendChild(this.shadowQuadrants[3].div); innerContainer.className = 'tooltip'; var child = typeof this.content == 'string' ? document.createTextNode(this.content) : this.content; innerContainer.appendChild(child); map.getPane(G_MAP_FLOAT_PANE).appendChild(this.div); map.getPane(G_MAP_MARKER_SHADOW_PANE).appendChild(this.shadow); this.map = map; } Tooltip.prototype.remove = function(){ this.div.parentNode.removeChild(this.div); } Tooltip.prototype.copy = function(){ var content = typeof this.content == 'string' ? this.content : this.content.cloneNode(true); return new Tooltip(this.marker,content,this.padding); } Tooltip.prototype.redraw = function(force){ if (!force) return; //draw tooltip var markerPos = this.map.fromLatLngToDivPixel(this.marker.getPoint()); var iconAnchor = this.marker.getIcon().iconAnchor; var xPos = Math.round(markerPos.x - this.div.clientWidth / 2); var yPos = markerPos.y - iconAnchor.y - this.div.clientHeight - this.padding; this.div.style.top = yPos + 'px'; this.div.style.left = xPos + 'px'; //draw shadow //calculate shadow location shadowAnchor = new GPoint( markerPos.x + Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) , markerPos.y - Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) + 4); //calculate shadow dimenstions var shadowSize = new GSize(this.div.clientWidth + Math.round(this.div.clientHeight / 2) + 8, Math.round(this.div.clientHeight / 2) + 10); if(shadowSize.width % 2 == 1) shadowSize.width--; if(shadowSize.height % 2 == 1) shadowSize.height--; //apply shodaw location and dimensions this.shadow.style.left = (shadowAnchor.x - (shadowSize.width - shadowSize.height - 10 )/ 2) + 'px'; this.shadow.style.top = (shadowAnchor.y - shadowSize.height) + 'px'; this.shadow.style.width = (shadowSize.width) + 'px'; this.shadow.style.height = shadowSize.height + 'px'; //get quadrant dimensions var qHeight = shadowSize.height / 2; var qOddWidth = shadowSize.height > shadowSize.width ? shadowSize.height / 2: (shadowSize.width) / 2; var qEvenWidth = shadowSize.width - qOddWidth; //apply quadrant dimensions, calculate and apply Q2 and Q4 image offsets this.shadowQuadrants[0].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[0].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[1].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].img.style.left = -(160 - shadowSize.height) + 'px'; this.shadowQuadrants[2].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[2].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[3].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].img.style.right = -(160 - shadowSize.height) +'px'; } Tooltip.prototype.show = function(){ this.div.style.visibility = 'visible'; this.shadow.style.visibility = 'visible'; } Tooltip.prototype.hide = function(){ this.div.style.visibility = 'hidden'; this.shadow.style.visibility = 'hidden'; } //utility function for png compatibility in IE6 var IS_IE = false; var IS_LT_IE7; //@cc_on IS_IE = true; //@cc_on IS_LT_IE7 = @_jscript_version < 5.7; function createPngElement(src){ var img = document.createElement('img'); img.setAttribute('src',src); if(IS_IE && IS_LT_IE7){ img.style.visibility = 'hidden'; var div = document.createElement('div'); div.appendChild(img); div.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\',sizingMethod=\'crop\')'; return div; } return img; } </script> <script type="text/javascript"> if (document.namespaces) { // only needed in IE document.namespaces.add("v", "urn:schemas-microsoft-com:vml"); } //<![CDATA[ URLbase = "http://www.escapade-champenoise.fr/"; var map1; var markerManager1; var gdir; //UN CALCUL D'ITINERAIRE PAR POINT var latitude; var lonxitude; function load1() { if (GBrowserIsCompatible()) { //ITINERAIRES(CA C'ETAIT AVANT LE DRAME....) //createpanel(); // facelo mapa map1= new GMap2(document.getElementById("map1")); map1.addControl(new mapTypeControl()); map1.addControl(new mapZoomControl()); map1.addControl(new mapMoveControl()); map1.setCenter(new GLatLng(49.2502, 3.98838), 10, G_NORMAL_MAP); center = map1.getCenter(); map1.enableDoubleClickZoom(); map1.enableContinuousZoom(); markerManager1= new GMarkerManager(map1); //leemo-lo documento dos marcadores $.get('http://www.escapade-champenoise.fr/spip.php?page=rss-gis', {id_rubrique:14, id_article:1456}, function(xml1){ //xml almacena en un objeto xml los datos recogidos del documento leido $("item", xml1).each(function(item1){; //alert("ici"); var xmlItem1= xml1.documentElement.getElementsByTagName("item")[item1]; agregarMarcador(xmlItem1, 0, 0, markerManager1); }); markerManager1.refresh(); //map1.openInfoWindow(map1.getCenter(),contidosHTML[1]); }); gdir = new GDirections(map1,document.getElementById("panel")); GEvent.addListener(gdir, "load", onGDirectionsLoad); GEvent.addListener(gdir, "error", onGDirectionsError); } } //IMPLEMENTE LA FONTION QUI CREE UN ITINERAIRE function makemyitin(){ if(document.getElementById("panel")){ setDirections(document.getElementById("panel_from").value,latitude+" , "+ lonxitude); } } function onGDirectionsLoad(){ //alert("ca charge"); } function onGDirectionsError(){ alert("erreur :"+gdir.getStatus().code); } function setDirections(fromAddress, toAddress) { geocoder = new GClientGeocoder(); geocoder.getLatLng(fromAddress, function(point) { if (point) { //alert(point); // Yipeeee! gdir.load("from: " + point.toUrlValue() + " to: " + toAddress , { "locale": "fr_FR" }); } else { alert (fromAddress + " est inconnu!! "); } }); } //CREATE A PANEL WHERE WE CAN SEE A DIRECTION function createpanel() { /*if(!document.getElementById("rechercheItin")){ var map1=document.getElementById("map1"); var recherche=document.createElement("div"); recherche.setAttribute("id","rechercheItin"); recherche.style.visibility = "hidden"; map1.parentNode.insertBefore(recherche,map1); var panel=document.createElement("div"); panel.setAttribute("id","panel"); panel.style.width = "100%"; panel.style.visibility = "hidden"; if(map1.nextSibling!=null){ map1.parentNode.insertBefore(panel,map1.nextSibling); } else{ map1.appendChild(panel); } document.getElementById("rechercheItin").innerHTML= '<input type="text" id="panel_from" value="votre point de depart" onclick="if(this.value=='votre point de depart'){this.value='';}" /><a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;">Calculer</a>'; }*/ } function showpanel(lat,lonx) { document.getElementById("panel").style.display= "block"; //alert("coucou10"); document.getElementById("rechercheItin").style.display = "block"; //alert("coucou11"); latitude = lat; lonxitude = lonx; } $(document).ready(function(){ load1(); }) //]]> </script> <style type="text/css"> .tooltip{ background-color:white; border:solid 2px black; padding:4px; } </style> <div id="rechercheItin" style="display:none"> <input type="text" id="panel_from" onfocus="if(this.value=='votre point de depart'){this.value='';}" value="votre point de depart" /> <a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;" onfocus="this.value='';">Calculer</a> </div> <div id="map1" style="width: 100%;height:400px;"></div> <div id="panel" style="display:none;"> </div></div> http://www.escapade-champenoise.fr/-Evenements-?id_evenement=998&annee=2010&mois=09 http://www.escapade-champenoise.fr/10-ans-du-Sentier-du-Vigneron 2010-04-05T16:06:18Z text/html fr véronique Evénements 11/09/2010 <br />Dans le village. <br />MUTIGNY <br />Email <br />www.mutigny-en-champagne.com <br />03 26 52 31 37 - <a href="http://www.escapade-champenoise.fr/-Evenements-" rel="directory">Evénements</a> <img src="http://www.escapade-champenoise.fr/SITES/escapade-champenoise.fr/IMG/arton1231.jpg" alt="" align="right" width="281" height="217" class="spip_logos" /> <div class='rss_texte'><strong class="spip">11/09/2010</strong> <br />Dans le village. <br />MUTIGNY <br /><a href="mailto:sentierduvigneron@orange.fr" class="spip_out">Email</a> <br /><a href="http://www.mutigny-en-champagne.com" class="spip_out">www.mutigny-en-champagne.com</a> <br />03 26 52 31 37 <br /> <br /> <script type="text/javascript"> /** * @author Marco Alionso Ramirez, marco@onemarco.com * @version 1.0 * The Tooltip class is an addon designed for the Google * Maps GMarker class. */ /** * @constructor * @param {GMarker} marker * @param {String} content * @param {Number} padding */ function Tooltip(marker, content, padding){ this.marker = marker; this.content = content; this.padding = padding; this.div = null; this.map = null; } Tooltip.prototype = new GOverlay(); Tooltip.prototype.initialize = function(map){ this.div = document.createElement("div"); var innerContainer = this.div.cloneNode(false); this.div.appendChild(innerContainer); this.div.style.position = 'absolute'; this.div.style.visibility = 'hidden'; this.shadowQuadrants = [{},{},{},{}] this.shadowQuadrants[0].div = document.createElement('div'); this.shadowQuadrants[0].div.style.position = 'absolute'; this.shadowQuadrants[0].div.style.overflow = 'hidden'; this.shadowQuadrants[0].img = createPngElement('plugins/googlemap_api/img_pack/tooltip_shadow.png'); this.shadowQuadrants[0].img.style.position = 'absolute'; this.shadowQuadrants[0].div.appendChild(this.shadowQuadrants[0].img); this.shadowQuadrants[1].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[1].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[1].div.appendChild(this.shadowQuadrants[1].img); this.shadowQuadrants[2].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[2].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[2].div.appendChild(this.shadowQuadrants[2].img); this.shadowQuadrants[3].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[3].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[3].div.appendChild(this.shadowQuadrants[3].img); this.shadowQuadrants[0].div.style.right = '0px'; this.shadowQuadrants[0].div.style.top = '0px'; this.shadowQuadrants[0].img.style.top = '0px'; this.shadowQuadrants[0].img.style.right = '0px'; this.shadowQuadrants[1].div.style.left = '0px'; this.shadowQuadrants[1].div.style.top = '0px'; this.shadowQuadrants[1].img.style.top = '0px'; this.shadowQuadrants[2].div.style.left = '0px'; this.shadowQuadrants[2].div.style.bottom = '0px'; this.shadowQuadrants[2].img.style.bottom = '0px'; this.shadowQuadrants[2].img.style.left = '0px'; this.shadowQuadrants[3].div.style.right = '0px'; this.shadowQuadrants[3].div.style.bottom = '0px'; this.shadowQuadrants[3].img.style.bottom = '0px'; this.shadow = this.div.cloneNode(false); this.shadow.appendChild(this.shadowQuadrants[0].div); this.shadow.appendChild(this.shadowQuadrants[1].div); this.shadow.appendChild(this.shadowQuadrants[2].div); this.shadow.appendChild(this.shadowQuadrants[3].div); innerContainer.className = 'tooltip'; var child = typeof this.content == 'string' ? document.createTextNode(this.content) : this.content; innerContainer.appendChild(child); map.getPane(G_MAP_FLOAT_PANE).appendChild(this.div); map.getPane(G_MAP_MARKER_SHADOW_PANE).appendChild(this.shadow); this.map = map; } Tooltip.prototype.remove = function(){ this.div.parentNode.removeChild(this.div); } Tooltip.prototype.copy = function(){ var content = typeof this.content == 'string' ? this.content : this.content.cloneNode(true); return new Tooltip(this.marker,content,this.padding); } Tooltip.prototype.redraw = function(force){ if (!force) return; //draw tooltip var markerPos = this.map.fromLatLngToDivPixel(this.marker.getPoint()); var iconAnchor = this.marker.getIcon().iconAnchor; var xPos = Math.round(markerPos.x - this.div.clientWidth / 2); var yPos = markerPos.y - iconAnchor.y - this.div.clientHeight - this.padding; this.div.style.top = yPos + 'px'; this.div.style.left = xPos + 'px'; //draw shadow //calculate shadow location shadowAnchor = new GPoint( markerPos.x + Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) , markerPos.y - Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) + 4); //calculate shadow dimenstions var shadowSize = new GSize(this.div.clientWidth + Math.round(this.div.clientHeight / 2) + 8, Math.round(this.div.clientHeight / 2) + 10); if(shadowSize.width % 2 == 1) shadowSize.width--; if(shadowSize.height % 2 == 1) shadowSize.height--; //apply shodaw location and dimensions this.shadow.style.left = (shadowAnchor.x - (shadowSize.width - shadowSize.height - 10 )/ 2) + 'px'; this.shadow.style.top = (shadowAnchor.y - shadowSize.height) + 'px'; this.shadow.style.width = (shadowSize.width) + 'px'; this.shadow.style.height = shadowSize.height + 'px'; //get quadrant dimensions var qHeight = shadowSize.height / 2; var qOddWidth = shadowSize.height > shadowSize.width ? shadowSize.height / 2: (shadowSize.width) / 2; var qEvenWidth = shadowSize.width - qOddWidth; //apply quadrant dimensions, calculate and apply Q2 and Q4 image offsets this.shadowQuadrants[0].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[0].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[1].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].img.style.left = -(160 - shadowSize.height) + 'px'; this.shadowQuadrants[2].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[2].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[3].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].img.style.right = -(160 - shadowSize.height) +'px'; } Tooltip.prototype.show = function(){ this.div.style.visibility = 'visible'; this.shadow.style.visibility = 'visible'; } Tooltip.prototype.hide = function(){ this.div.style.visibility = 'hidden'; this.shadow.style.visibility = 'hidden'; } //utility function for png compatibility in IE6 var IS_IE = false; var IS_LT_IE7; //@cc_on IS_IE = true; //@cc_on IS_LT_IE7 = @_jscript_version < 5.7; function createPngElement(src){ var img = document.createElement('img'); img.setAttribute('src',src); if(IS_IE && IS_LT_IE7){ img.style.visibility = 'hidden'; var div = document.createElement('div'); div.appendChild(img); div.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\',sizingMethod=\'crop\')'; return div; } return img; } </script> <script type="text/javascript"> if (document.namespaces) { // only needed in IE document.namespaces.add("v", "urn:schemas-microsoft-com:vml"); } //<![CDATA[ URLbase = "http://www.escapade-champenoise.fr/"; var map1; var markerManager1; var gdir; //UN CALCUL D'ITINERAIRE PAR POINT var latitude; var lonxitude; function load1() { if (GBrowserIsCompatible()) { //ITINERAIRES(CA C'ETAIT AVANT LE DRAME....) //createpanel(); // facelo mapa map1= new GMap2(document.getElementById("map1")); map1.addControl(new mapTypeControl()); map1.addControl(new mapZoomControl()); map1.addControl(new mapMoveControl()); map1.setCenter(new GLatLng(49.2502, 3.98838), 10, G_NORMAL_MAP); center = map1.getCenter(); map1.enableDoubleClickZoom(); map1.enableContinuousZoom(); markerManager1= new GMarkerManager(map1); //leemo-lo documento dos marcadores $.get('http://www.escapade-champenoise.fr/spip.php?page=rss-gis', {id_rubrique:14, id_article:1231}, function(xml1){ //xml almacena en un objeto xml los datos recogidos del documento leido $("item", xml1).each(function(item1){; //alert("ici"); var xmlItem1= xml1.documentElement.getElementsByTagName("item")[item1]; agregarMarcador(xmlItem1, 0, 0, markerManager1); }); markerManager1.refresh(); //map1.openInfoWindow(map1.getCenter(),contidosHTML[1]); }); gdir = new GDirections(map1,document.getElementById("panel")); GEvent.addListener(gdir, "load", onGDirectionsLoad); GEvent.addListener(gdir, "error", onGDirectionsError); } } //IMPLEMENTE LA FONTION QUI CREE UN ITINERAIRE function makemyitin(){ if(document.getElementById("panel")){ setDirections(document.getElementById("panel_from").value,latitude+" , "+ lonxitude); } } function onGDirectionsLoad(){ //alert("ca charge"); } function onGDirectionsError(){ alert("erreur :"+gdir.getStatus().code); } function setDirections(fromAddress, toAddress) { geocoder = new GClientGeocoder(); geocoder.getLatLng(fromAddress, function(point) { if (point) { //alert(point); // Yipeeee! gdir.load("from: " + point.toUrlValue() + " to: " + toAddress , { "locale": "fr_FR" }); } else { alert (fromAddress + " est inconnu!! "); } }); } //CREATE A PANEL WHERE WE CAN SEE A DIRECTION function createpanel() { /*if(!document.getElementById("rechercheItin")){ var map1=document.getElementById("map1"); var recherche=document.createElement("div"); recherche.setAttribute("id","rechercheItin"); recherche.style.visibility = "hidden"; map1.parentNode.insertBefore(recherche,map1); var panel=document.createElement("div"); panel.setAttribute("id","panel"); panel.style.width = "100%"; panel.style.visibility = "hidden"; if(map1.nextSibling!=null){ map1.parentNode.insertBefore(panel,map1.nextSibling); } else{ map1.appendChild(panel); } document.getElementById("rechercheItin").innerHTML= '<input type="text" id="panel_from" value="votre point de depart" onclick="if(this.value=='votre point de depart'){this.value='';}" /><a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;">Calculer</a>'; }*/ } function showpanel(lat,lonx) { document.getElementById("panel").style.display= "block"; //alert("coucou10"); document.getElementById("rechercheItin").style.display = "block"; //alert("coucou11"); latitude = lat; lonxitude = lonx; } $(document).ready(function(){ load1(); }) //]]> </script> <style type="text/css"> .tooltip{ background-color:white; border:solid 2px black; padding:4px; } </style> <div id="rechercheItin" style="display:none"> <input type="text" id="panel_from" onfocus="if(this.value=='votre point de depart'){this.value='';}" value="votre point de depart" /> <a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;" onfocus="this.value='';">Calculer</a> </div> <div id="map1" style="width: 100%;height:400px;"></div> <div id="panel" style="display:none;"> </div></div> http://www.escapade-champenoise.fr/-Evenements-?id_evenement=704&annee=2010&mois=09 http://www.escapade-champenoise.fr/Place-aux-livres-Place-du-forum 2008-10-08T16:01:58Z text/html fr véronique Evénements Les bouquinistes et libraires de la région vous proposent livres d'occasion, rares ou anciens. <br />le 2e dimanche du mois <br />Place du Forum de 9h à 17h <br />Agenda 2010 : 10 janvier - 14 février - 14 mars - 11 avril - 9 mai - 13 juin - 11 juillet - 8 août - 12 septembre - 10 octobre - 14 novembre - 12 décembre <br />Agenda 2011 : 9 janvier - 13 février - 13 mars - 10 avril - 8 mai - 12 juin - 10 juillet - 14 août (...) - <a href="http://www.escapade-champenoise.fr/-Evenements-" rel="directory">Evénements</a> <img src="http://www.escapade-champenoise.fr/SITES/escapade-champenoise.fr/IMG/arton791.jpg" alt="" align="right" width="352" height="500" class="spip_logos" /> <div class='rss_texte'><p class="spip">Les bouquinistes et libraires de la région vous proposent livres d'occasion, rares ou anciens.</p> <ul class="spip"><li class="spip"> le 2e dimanche du mois</li><li class="spip"> Place du Forum de 9h à 17h</li></ul> <p class="spip"><strong class="spip">Agenda 2010</strong> : 10 janvier - 14 février - 14 mars - 11 avril - 9 mai - 13 juin - 11 juillet - 8 août - 12 septembre - 10 octobre - 14 novembre - 12 décembre</p> <p class="spip"><strong class="spip">Agenda 2011</strong> : 9 janvier - 13 février - 13 mars - 10 avril - 8 mai - 12 juin - 10 juillet - 14 août ...</p></div> http://www.escapade-champenoise.fr/-Evenements-?id_evenement=1243&annee=2010&mois=09 http://www.escapade-champenoise.fr/Portes-ouvertes-a-l-ecole-du 2010-08-27T16:03:17Z text/html fr véronique Evénements A l'occasion des journées de la Fédération française des écoles de cirque, « Ecoles en piste », l'école de cirque Cheval Art Action (CAA) de Muizon ouvre gratuitement ses portes le dimanche 12 septembre à partir de 15 heures avec au programme la visite des écuries et des animaux de Cheval Art Action, un spectacle sous chapiteau présenté par les stagiaires de la formation professionnelle de Cheval Art Action et rencontre avec les artistes, échanges ludiques et fructueux… <br />Accès : RN 31 entre Muizon et (...) - <a href="http://www.escapade-champenoise.fr/-Evenements-" rel="directory">Evénements</a> <div class='rss_texte'><p class="spip">A l'occasion des journées de la Fédération française des écoles de cirque, « Ecoles en piste », <strong class="spip">l'école de cirque Cheval Art Action (CAA) de Muizon ouvre gratuitement ses portes le dimanche 12 septembre à partir de 15 heures</strong> avec au programme la visite des écuries et des animaux de Cheval Art Action, un spectacle sous chapiteau présenté par les stagiaires de la formation professionnelle de Cheval Art Action et rencontre avec les artistes, échanges ludiques et fructueux…</p> <p class="spip">Accès : RN 31 entre Muizon et Jonchery-sur-Vesle, puis prendre la route de Courcelles-Sapicourt.</p> <p class="spip">Renseignement au 03.26.02.95.23 - <a href="mailto:info@cheval-art-action.com" class="spip_out">Email</a> - <a href="http://www.cheval-art-action.com" class="spip_out">www.cheval-art-action.com</a> <br /> <br /></p> <script type="text/javascript"> /** * @author Marco Alionso Ramirez, marco@onemarco.com * @version 1.0 * The Tooltip class is an addon designed for the Google * Maps GMarker class. */ /** * @constructor * @param {GMarker} marker * @param {String} content * @param {Number} padding */ function Tooltip(marker, content, padding){ this.marker = marker; this.content = content; this.padding = padding; this.div = null; this.map = null; } Tooltip.prototype = new GOverlay(); Tooltip.prototype.initialize = function(map){ this.div = document.createElement("div"); var innerContainer = this.div.cloneNode(false); this.div.appendChild(innerContainer); this.div.style.position = 'absolute'; this.div.style.visibility = 'hidden'; this.shadowQuadrants = [{},{},{},{}] this.shadowQuadrants[0].div = document.createElement('div'); this.shadowQuadrants[0].div.style.position = 'absolute'; this.shadowQuadrants[0].div.style.overflow = 'hidden'; this.shadowQuadrants[0].img = createPngElement('plugins/googlemap_api/img_pack/tooltip_shadow.png'); this.shadowQuadrants[0].img.style.position = 'absolute'; this.shadowQuadrants[0].div.appendChild(this.shadowQuadrants[0].img); this.shadowQuadrants[1].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[1].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[1].div.appendChild(this.shadowQuadrants[1].img); this.shadowQuadrants[2].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[2].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[2].div.appendChild(this.shadowQuadrants[2].img); this.shadowQuadrants[3].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[3].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[3].div.appendChild(this.shadowQuadrants[3].img); this.shadowQuadrants[0].div.style.right = '0px'; this.shadowQuadrants[0].div.style.top = '0px'; this.shadowQuadrants[0].img.style.top = '0px'; this.shadowQuadrants[0].img.style.right = '0px'; this.shadowQuadrants[1].div.style.left = '0px'; this.shadowQuadrants[1].div.style.top = '0px'; this.shadowQuadrants[1].img.style.top = '0px'; this.shadowQuadrants[2].div.style.left = '0px'; this.shadowQuadrants[2].div.style.bottom = '0px'; this.shadowQuadrants[2].img.style.bottom = '0px'; this.shadowQuadrants[2].img.style.left = '0px'; this.shadowQuadrants[3].div.style.right = '0px'; this.shadowQuadrants[3].div.style.bottom = '0px'; this.shadowQuadrants[3].img.style.bottom = '0px'; this.shadow = this.div.cloneNode(false); this.shadow.appendChild(this.shadowQuadrants[0].div); this.shadow.appendChild(this.shadowQuadrants[1].div); this.shadow.appendChild(this.shadowQuadrants[2].div); this.shadow.appendChild(this.shadowQuadrants[3].div); innerContainer.className = 'tooltip'; var child = typeof this.content == 'string' ? document.createTextNode(this.content) : this.content; innerContainer.appendChild(child); map.getPane(G_MAP_FLOAT_PANE).appendChild(this.div); map.getPane(G_MAP_MARKER_SHADOW_PANE).appendChild(this.shadow); this.map = map; } Tooltip.prototype.remove = function(){ this.div.parentNode.removeChild(this.div); } Tooltip.prototype.copy = function(){ var content = typeof this.content == 'string' ? this.content : this.content.cloneNode(true); return new Tooltip(this.marker,content,this.padding); } Tooltip.prototype.redraw = function(force){ if (!force) return; //draw tooltip var markerPos = this.map.fromLatLngToDivPixel(this.marker.getPoint()); var iconAnchor = this.marker.getIcon().iconAnchor; var xPos = Math.round(markerPos.x - this.div.clientWidth / 2); var yPos = markerPos.y - iconAnchor.y - this.div.clientHeight - this.padding; this.div.style.top = yPos + 'px'; this.div.style.left = xPos + 'px'; //draw shadow //calculate shadow location shadowAnchor = new GPoint( markerPos.x + Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) , markerPos.y - Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) + 4); //calculate shadow dimenstions var shadowSize = new GSize(this.div.clientWidth + Math.round(this.div.clientHeight / 2) + 8, Math.round(this.div.clientHeight / 2) + 10); if(shadowSize.width % 2 == 1) shadowSize.width--; if(shadowSize.height % 2 == 1) shadowSize.height--; //apply shodaw location and dimensions this.shadow.style.left = (shadowAnchor.x - (shadowSize.width - shadowSize.height - 10 )/ 2) + 'px'; this.shadow.style.top = (shadowAnchor.y - shadowSize.height) + 'px'; this.shadow.style.width = (shadowSize.width) + 'px'; this.shadow.style.height = shadowSize.height + 'px'; //get quadrant dimensions var qHeight = shadowSize.height / 2; var qOddWidth = shadowSize.height > shadowSize.width ? shadowSize.height / 2: (shadowSize.width) / 2; var qEvenWidth = shadowSize.width - qOddWidth; //apply quadrant dimensions, calculate and apply Q2 and Q4 image offsets this.shadowQuadrants[0].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[0].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[1].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].img.style.left = -(160 - shadowSize.height) + 'px'; this.shadowQuadrants[2].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[2].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[3].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].img.style.right = -(160 - shadowSize.height) +'px'; } Tooltip.prototype.show = function(){ this.div.style.visibility = 'visible'; this.shadow.style.visibility = 'visible'; } Tooltip.prototype.hide = function(){ this.div.style.visibility = 'hidden'; this.shadow.style.visibility = 'hidden'; } //utility function for png compatibility in IE6 var IS_IE = false; var IS_LT_IE7; //@cc_on IS_IE = true; //@cc_on IS_LT_IE7 = @_jscript_version < 5.7; function createPngElement(src){ var img = document.createElement('img'); img.setAttribute('src',src); if(IS_IE && IS_LT_IE7){ img.style.visibility = 'hidden'; var div = document.createElement('div'); div.appendChild(img); div.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\',sizingMethod=\'crop\')'; return div; } return img; } </script> <script type="text/javascript"> if (document.namespaces) { // only needed in IE document.namespaces.add("v", "urn:schemas-microsoft-com:vml"); } //<![CDATA[ URLbase = "http://www.escapade-champenoise.fr/"; var map1; var markerManager1; var gdir; //UN CALCUL D'ITINERAIRE PAR POINT var latitude; var lonxitude; function load1() { if (GBrowserIsCompatible()) { //ITINERAIRES(CA C'ETAIT AVANT LE DRAME....) //createpanel(); // facelo mapa map1= new GMap2(document.getElementById("map1")); map1.addControl(new mapTypeControl()); map1.addControl(new mapZoomControl()); map1.addControl(new mapMoveControl()); map1.setCenter(new GLatLng(49.2742, 3.86478), 10, G_NORMAL_MAP); center = map1.getCenter(); map1.enableDoubleClickZoom(); map1.enableContinuousZoom(); markerManager1= new GMarkerManager(map1); //leemo-lo documento dos marcadores $.get('http://www.escapade-champenoise.fr/spip.php?page=rss-gis', {id_rubrique:14, id_article:1452}, function(xml1){ //xml almacena en un objeto xml los datos recogidos del documento leido $("item", xml1).each(function(item1){; //alert("ici"); var xmlItem1= xml1.documentElement.getElementsByTagName("item")[item1]; agregarMarcador(xmlItem1, 0, 0, markerManager1); }); markerManager1.refresh(); //map1.openInfoWindow(map1.getCenter(),contidosHTML[1]); }); gdir = new GDirections(map1,document.getElementById("panel")); GEvent.addListener(gdir, "load", onGDirectionsLoad); GEvent.addListener(gdir, "error", onGDirectionsError); } } //IMPLEMENTE LA FONTION QUI CREE UN ITINERAIRE function makemyitin(){ if(document.getElementById("panel")){ setDirections(document.getElementById("panel_from").value,latitude+" , "+ lonxitude); } } function onGDirectionsLoad(){ //alert("ca charge"); } function onGDirectionsError(){ alert("erreur :"+gdir.getStatus().code); } function setDirections(fromAddress, toAddress) { geocoder = new GClientGeocoder(); geocoder.getLatLng(fromAddress, function(point) { if (point) { //alert(point); // Yipeeee! gdir.load("from: " + point.toUrlValue() + " to: " + toAddress , { "locale": "fr_FR" }); } else { alert (fromAddress + " est inconnu!! "); } }); } //CREATE A PANEL WHERE WE CAN SEE A DIRECTION function createpanel() { /*if(!document.getElementById("rechercheItin")){ var map1=document.getElementById("map1"); var recherche=document.createElement("div"); recherche.setAttribute("id","rechercheItin"); recherche.style.visibility = "hidden"; map1.parentNode.insertBefore(recherche,map1); var panel=document.createElement("div"); panel.setAttribute("id","panel"); panel.style.width = "100%"; panel.style.visibility = "hidden"; if(map1.nextSibling!=null){ map1.parentNode.insertBefore(panel,map1.nextSibling); } else{ map1.appendChild(panel); } document.getElementById("rechercheItin").innerHTML= '<input type="text" id="panel_from" value="votre point de depart" onclick="if(this.value=='votre point de depart'){this.value='';}" /><a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;">Calculer</a>'; }*/ } function showpanel(lat,lonx) { document.getElementById("panel").style.display= "block"; //alert("coucou10"); document.getElementById("rechercheItin").style.display = "block"; //alert("coucou11"); latitude = lat; lonxitude = lonx; } $(document).ready(function(){ load1(); }) //]]> </script> <style type="text/css"> .tooltip{ background-color:white; border:solid 2px black; padding:4px; } </style> <div id="rechercheItin" style="display:none"> <input type="text" id="panel_from" onfocus="if(this.value=='votre point de depart'){this.value='';}" value="votre point de depart" /> <a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;" onfocus="this.value='';">Calculer</a> </div> <div id="map1" style="width: 100%;height:400px;"></div> <div id="panel" style="display:none;"> </div></div> http://www.escapade-champenoise.fr/-Evenements-?id_evenement=999&annee=2010&mois=09 http://www.escapade-champenoise.fr/Expositions-Deux-visions-de-l 2010-04-05T16:16:16Z text/html fr véronique Evénements inclure-dans-la-lettre Le texte de l'Apocalypse est mis en images au musée-Hôtel Le Vergeur grâce à deux artistes. L'un graveur sur bois, l'autre graveur sur lino. L'un du XVème siècle, l'autre du XXIème siècle. L'un s'appelle Albrecht Dürer, l'autre Frédéric Voisin. A travers deux regards distants de 500 ans, le visiteur suit le récit du dernier livre de la Bible. <br />14/09/2010 - 23/12/2010 Ouverture de 14h à 18h <br />tous les jours sauf le lundi <br />Musée-Hôtel Le Vergeur, 36 place du Forum - REIMS <br />Tél. :00 33 (0) 3 26 47 20 75 (...) - <a href="http://www.escapade-champenoise.fr/-Evenements-" rel="directory">Evénements</a> / <a href="http://www.escapade-champenoise.fr/+-inclure-dans-la-lettre-+" rel="tag">inclure-dans-la-lettre</a> <img src="http://www.escapade-champenoise.fr/SITES/escapade-champenoise.fr/IMG/arton1232.jpg" alt="" align="right" width="242" height="170" class="spip_logos" /> <div class='rss_texte'><p class="spip">Le texte de l'Apocalypse est mis en images au musée-Hôtel Le Vergeur grâce à deux artistes. L'un graveur sur bois, l'autre graveur sur lino. L'un du XVème siècle, l'autre du XXIème siècle. L'un s'appelle <strong class="spip">Albrecht Dürer</strong>, l'autre <strong class="spip">Frédéric Voisin</strong>. A travers deux regards distants de 500 ans, le visiteur suit le récit du dernier livre de la Bible.</p> <p class="spip"><strong class="spip">14/09/2010 - 23/12/2010 </strong> Ouverture de 14h à 18h <br />tous les jours sauf le lundi</p> <ul class="spip"><li class="spip"> Musée-Hôtel Le Vergeur, 36 place du Forum - REIMS <br />Tél. :00 33 (0) 3 26 47 20 75 <br /><a href="mailto:museelevergeur@wanadoo.fr" class="spip_out">E-mail</a> <br /> <br /> <script type="text/javascript"> /** * @author Marco Alionso Ramirez, marco@onemarco.com * @version 1.0 * The Tooltip class is an addon designed for the Google * Maps GMarker class. */ /** * @constructor * @param {GMarker} marker * @param {String} content * @param {Number} padding */ function Tooltip(marker, content, padding){ this.marker = marker; this.content = content; this.padding = padding; this.div = null; this.map = null; } Tooltip.prototype = new GOverlay(); Tooltip.prototype.initialize = function(map){ this.div = document.createElement("div"); var innerContainer = this.div.cloneNode(false); this.div.appendChild(innerContainer); this.div.style.position = 'absolute'; this.div.style.visibility = 'hidden'; this.shadowQuadrants = [{},{},{},{}] this.shadowQuadrants[0].div = document.createElement('div'); this.shadowQuadrants[0].div.style.position = 'absolute'; this.shadowQuadrants[0].div.style.overflow = 'hidden'; this.shadowQuadrants[0].img = createPngElement('plugins/googlemap_api/img_pack/tooltip_shadow.png'); this.shadowQuadrants[0].img.style.position = 'absolute'; this.shadowQuadrants[0].div.appendChild(this.shadowQuadrants[0].img); this.shadowQuadrants[1].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[1].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[1].div.appendChild(this.shadowQuadrants[1].img); this.shadowQuadrants[2].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[2].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[2].div.appendChild(this.shadowQuadrants[2].img); this.shadowQuadrants[3].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[3].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[3].div.appendChild(this.shadowQuadrants[3].img); this.shadowQuadrants[0].div.style.right = '0px'; this.shadowQuadrants[0].div.style.top = '0px'; this.shadowQuadrants[0].img.style.top = '0px'; this.shadowQuadrants[0].img.style.right = '0px'; this.shadowQuadrants[1].div.style.left = '0px'; this.shadowQuadrants[1].div.style.top = '0px'; this.shadowQuadrants[1].img.style.top = '0px'; this.shadowQuadrants[2].div.style.left = '0px'; this.shadowQuadrants[2].div.style.bottom = '0px'; this.shadowQuadrants[2].img.style.bottom = '0px'; this.shadowQuadrants[2].img.style.left = '0px'; this.shadowQuadrants[3].div.style.right = '0px'; this.shadowQuadrants[3].div.style.bottom = '0px'; this.shadowQuadrants[3].img.style.bottom = '0px'; this.shadow = this.div.cloneNode(false); this.shadow.appendChild(this.shadowQuadrants[0].div); this.shadow.appendChild(this.shadowQuadrants[1].div); this.shadow.appendChild(this.shadowQuadrants[2].div); this.shadow.appendChild(this.shadowQuadrants[3].div); innerContainer.className = 'tooltip'; var child = typeof this.content == 'string' ? document.createTextNode(this.content) : this.content; innerContainer.appendChild(child); map.getPane(G_MAP_FLOAT_PANE).appendChild(this.div); map.getPane(G_MAP_MARKER_SHADOW_PANE).appendChild(this.shadow); this.map = map; } Tooltip.prototype.remove = function(){ this.div.parentNode.removeChild(this.div); } Tooltip.prototype.copy = function(){ var content = typeof this.content == 'string' ? this.content : this.content.cloneNode(true); return new Tooltip(this.marker,content,this.padding); } Tooltip.prototype.redraw = function(force){ if (!force) return; //draw tooltip var markerPos = this.map.fromLatLngToDivPixel(this.marker.getPoint()); var iconAnchor = this.marker.getIcon().iconAnchor; var xPos = Math.round(markerPos.x - this.div.clientWidth / 2); var yPos = markerPos.y - iconAnchor.y - this.div.clientHeight - this.padding; this.div.style.top = yPos + 'px'; this.div.style.left = xPos + 'px'; //draw shadow //calculate shadow location shadowAnchor = new GPoint( markerPos.x + Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) , markerPos.y - Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) + 4); //calculate shadow dimenstions var shadowSize = new GSize(this.div.clientWidth + Math.round(this.div.clientHeight / 2) + 8, Math.round(this.div.clientHeight / 2) + 10); if(shadowSize.width % 2 == 1) shadowSize.width--; if(shadowSize.height % 2 == 1) shadowSize.height--; //apply shodaw location and dimensions this.shadow.style.left = (shadowAnchor.x - (shadowSize.width - shadowSize.height - 10 )/ 2) + 'px'; this.shadow.style.top = (shadowAnchor.y - shadowSize.height) + 'px'; this.shadow.style.width = (shadowSize.width) + 'px'; this.shadow.style.height = shadowSize.height + 'px'; //get quadrant dimensions var qHeight = shadowSize.height / 2; var qOddWidth = shadowSize.height > shadowSize.width ? shadowSize.height / 2: (shadowSize.width) / 2; var qEvenWidth = shadowSize.width - qOddWidth; //apply quadrant dimensions, calculate and apply Q2 and Q4 image offsets this.shadowQuadrants[0].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[0].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[1].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].img.style.left = -(160 - shadowSize.height) + 'px'; this.shadowQuadrants[2].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[2].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[3].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].img.style.right = -(160 - shadowSize.height) +'px'; } Tooltip.prototype.show = function(){ this.div.style.visibility = 'visible'; this.shadow.style.visibility = 'visible'; } Tooltip.prototype.hide = function(){ this.div.style.visibility = 'hidden'; this.shadow.style.visibility = 'hidden'; } //utility function for png compatibility in IE6 var IS_IE = false; var IS_LT_IE7; //@cc_on IS_IE = true; //@cc_on IS_LT_IE7 = @_jscript_version < 5.7; function createPngElement(src){ var img = document.createElement('img'); img.setAttribute('src',src); if(IS_IE && IS_LT_IE7){ img.style.visibility = 'hidden'; var div = document.createElement('div'); div.appendChild(img); div.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\',sizingMethod=\'crop\')'; return div; } return img; } </script> <script type="text/javascript"> if (document.namespaces) { // only needed in IE document.namespaces.add("v", "urn:schemas-microsoft-com:vml"); } //<![CDATA[ URLbase = "http://www.escapade-champenoise.fr/"; var map1; var markerManager1; var gdir; //UN CALCUL D'ITINERAIRE PAR POINT var latitude; var lonxitude; function load1() { if (GBrowserIsCompatible()) { //ITINERAIRES(CA C'ETAIT AVANT LE DRAME....) //createpanel(); // facelo mapa map1= new GMap2(document.getElementById("map1")); map1.addControl(new mapTypeControl()); map1.addControl(new mapZoomControl()); map1.addControl(new mapMoveControl()); map1.setCenter(new GLatLng(49.2571, 4.03431), 10, G_NORMAL_MAP); center = map1.getCenter(); map1.enableDoubleClickZoom(); map1.enableContinuousZoom(); markerManager1= new GMarkerManager(map1); //leemo-lo documento dos marcadores $.get('http://www.escapade-champenoise.fr/spip.php?page=rss-gis', {id_rubrique:14, id_article:1232}, function(xml1){ //xml almacena en un objeto xml los datos recogidos del documento leido $("item", xml1).each(function(item1){; //alert("ici"); var xmlItem1= xml1.documentElement.getElementsByTagName("item")[item1]; agregarMarcador(xmlItem1, 0, 0, markerManager1); }); markerManager1.refresh(); //map1.openInfoWindow(map1.getCenter(),contidosHTML[1]); }); gdir = new GDirections(map1,document.getElementById("panel")); GEvent.addListener(gdir, "load", onGDirectionsLoad); GEvent.addListener(gdir, "error", onGDirectionsError); } } //IMPLEMENTE LA FONTION QUI CREE UN ITINERAIRE function makemyitin(){ if(document.getElementById("panel")){ setDirections(document.getElementById("panel_from").value,latitude+" , "+ lonxitude); } } function onGDirectionsLoad(){ //alert("ca charge"); } function onGDirectionsError(){ alert("erreur :"+gdir.getStatus().code); } function setDirections(fromAddress, toAddress) { geocoder = new GClientGeocoder(); geocoder.getLatLng(fromAddress, function(point) { if (point) { //alert(point); // Yipeeee! gdir.load("from: " + point.toUrlValue() + " to: " + toAddress , { "locale": "fr_FR" }); } else { alert (fromAddress + " est inconnu!! "); } }); } //CREATE A PANEL WHERE WE CAN SEE A DIRECTION function createpanel() { /*if(!document.getElementById("rechercheItin")){ var map1=document.getElementById("map1"); var recherche=document.createElement("div"); recherche.setAttribute("id","rechercheItin"); recherche.style.visibility = "hidden"; map1.parentNode.insertBefore(recherche,map1); var panel=document.createElement("div"); panel.setAttribute("id","panel"); panel.style.width = "100%"; panel.style.visibility = "hidden"; if(map1.nextSibling!=null){ map1.parentNode.insertBefore(panel,map1.nextSibling); } else{ map1.appendChild(panel); } document.getElementById("rechercheItin").innerHTML= '<input type="text" id="panel_from" value="votre point de depart" onclick="if(this.value=='votre point de depart'){this.value='';}" /><a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;">Calculer</a>'; }*/ } function showpanel(lat,lonx) { document.getElementById("panel").style.display= "block"; //alert("coucou10"); document.getElementById("rechercheItin").style.display = "block"; //alert("coucou11"); latitude = lat; lonxitude = lonx; } $(document).ready(function(){ load1(); }) //]]> </script> <style type="text/css"> .tooltip{ background-color:white; border:solid 2px black; padding:4px; } </style> <div id="rechercheItin" style="display:none"> <input type="text" id="panel_from" onfocus="if(this.value=='votre point de depart'){this.value='';}" value="votre point de depart" /> <a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;" onfocus="this.value='';">Calculer</a> </div> <div id="map1" style="width: 100%;height:400px;"></div> <div id="panel" style="display:none;"> </div></li></ul></div> http://www.escapade-champenoise.fr/-Evenements-?id_evenement=921&annee=2010&mois=09 http://www.escapade-champenoise.fr/vendredi-12-mars-Alain-Chamfort-en 2010-03-10T08:47:44Z text/html fr véronique Evénements A l'occasion de la sortie de "Le visage de Dieu" Igor et Grichka Bogdanov viendront dédicacer leur livre mercredi 15 septembre 2010. <br />Rendez-vous chez "Rose et son roman" à partir de 18h <br />Rose et son roman. Librairie-café-galerie <br />76 rue Chanzy 51100 Reims <br />Tel : 03.26.47.30.60. - <a href="http://www.escapade-champenoise.fr/-Evenements-" rel="directory">Evénements</a> <img src="http://www.escapade-champenoise.fr/SITES/escapade-champenoise.fr/IMG/arton1149.jpg" alt="" align="right" width="185" height="300" class="spip_logos" /> <div class='rss_texte'><p class="spip">A l'occasion de la sortie de <strong class="spip">"Le visage de Dieu"</strong> Igor et Grichka Bogdanov viendront dédicacer leur livre mercredi 15 septembre 2010.</p> <p class="spip">Rendez-vous chez <a href="http://roseetsonroman.canalblog.com/" class="spip_out">"Rose et son roman"</a> à partir de 18h</p> <p class="spip">Rose et son roman. Librairie-café-galerie <br />76 rue Chanzy 51100 Reims <br />Tel : 03.26.47.30.60. <br /> <br /></p> <script type="text/javascript"> /** * @author Marco Alionso Ramirez, marco@onemarco.com * @version 1.0 * The Tooltip class is an addon designed for the Google * Maps GMarker class. */ /** * @constructor * @param {GMarker} marker * @param {String} content * @param {Number} padding */ function Tooltip(marker, content, padding){ this.marker = marker; this.content = content; this.padding = padding; this.div = null; this.map = null; } Tooltip.prototype = new GOverlay(); Tooltip.prototype.initialize = function(map){ this.div = document.createElement("div"); var innerContainer = this.div.cloneNode(false); this.div.appendChild(innerContainer); this.div.style.position = 'absolute'; this.div.style.visibility = 'hidden'; this.shadowQuadrants = [{},{},{},{}] this.shadowQuadrants[0].div = document.createElement('div'); this.shadowQuadrants[0].div.style.position = 'absolute'; this.shadowQuadrants[0].div.style.overflow = 'hidden'; this.shadowQuadrants[0].img = createPngElement('plugins/googlemap_api/img_pack/tooltip_shadow.png'); this.shadowQuadrants[0].img.style.position = 'absolute'; this.shadowQuadrants[0].div.appendChild(this.shadowQuadrants[0].img); this.shadowQuadrants[1].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[1].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[1].div.appendChild(this.shadowQuadrants[1].img); this.shadowQuadrants[2].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[2].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[2].div.appendChild(this.shadowQuadrants[2].img); this.shadowQuadrants[3].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[3].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[3].div.appendChild(this.shadowQuadrants[3].img); this.shadowQuadrants[0].div.style.right = '0px'; this.shadowQuadrants[0].div.style.top = '0px'; this.shadowQuadrants[0].img.style.top = '0px'; this.shadowQuadrants[0].img.style.right = '0px'; this.shadowQuadrants[1].div.style.left = '0px'; this.shadowQuadrants[1].div.style.top = '0px'; this.shadowQuadrants[1].img.style.top = '0px'; this.shadowQuadrants[2].div.style.left = '0px'; this.shadowQuadrants[2].div.style.bottom = '0px'; this.shadowQuadrants[2].img.style.bottom = '0px'; this.shadowQuadrants[2].img.style.left = '0px'; this.shadowQuadrants[3].div.style.right = '0px'; this.shadowQuadrants[3].div.style.bottom = '0px'; this.shadowQuadrants[3].img.style.bottom = '0px'; this.shadow = this.div.cloneNode(false); this.shadow.appendChild(this.shadowQuadrants[0].div); this.shadow.appendChild(this.shadowQuadrants[1].div); this.shadow.appendChild(this.shadowQuadrants[2].div); this.shadow.appendChild(this.shadowQuadrants[3].div); innerContainer.className = 'tooltip'; var child = typeof this.content == 'string' ? document.createTextNode(this.content) : this.content; innerContainer.appendChild(child); map.getPane(G_MAP_FLOAT_PANE).appendChild(this.div); map.getPane(G_MAP_MARKER_SHADOW_PANE).appendChild(this.shadow); this.map = map; } Tooltip.prototype.remove = function(){ this.div.parentNode.removeChild(this.div); } Tooltip.prototype.copy = function(){ var content = typeof this.content == 'string' ? this.content : this.content.cloneNode(true); return new Tooltip(this.marker,content,this.padding); } Tooltip.prototype.redraw = function(force){ if (!force) return; //draw tooltip var markerPos = this.map.fromLatLngToDivPixel(this.marker.getPoint()); var iconAnchor = this.marker.getIcon().iconAnchor; var xPos = Math.round(markerPos.x - this.div.clientWidth / 2); var yPos = markerPos.y - iconAnchor.y - this.div.clientHeight - this.padding; this.div.style.top = yPos + 'px'; this.div.style.left = xPos + 'px'; //draw shadow //calculate shadow location shadowAnchor = new GPoint( markerPos.x + Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) , markerPos.y - Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) + 4); //calculate shadow dimenstions var shadowSize = new GSize(this.div.clientWidth + Math.round(this.div.clientHeight / 2) + 8, Math.round(this.div.clientHeight / 2) + 10); if(shadowSize.width % 2 == 1) shadowSize.width--; if(shadowSize.height % 2 == 1) shadowSize.height--; //apply shodaw location and dimensions this.shadow.style.left = (shadowAnchor.x - (shadowSize.width - shadowSize.height - 10 )/ 2) + 'px'; this.shadow.style.top = (shadowAnchor.y - shadowSize.height) + 'px'; this.shadow.style.width = (shadowSize.width) + 'px'; this.shadow.style.height = shadowSize.height + 'px'; //get quadrant dimensions var qHeight = shadowSize.height / 2; var qOddWidth = shadowSize.height > shadowSize.width ? shadowSize.height / 2: (shadowSize.width) / 2; var qEvenWidth = shadowSize.width - qOddWidth; //apply quadrant dimensions, calculate and apply Q2 and Q4 image offsets this.shadowQuadrants[0].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[0].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[1].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].img.style.left = -(160 - shadowSize.height) + 'px'; this.shadowQuadrants[2].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[2].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[3].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].img.style.right = -(160 - shadowSize.height) +'px'; } Tooltip.prototype.show = function(){ this.div.style.visibility = 'visible'; this.shadow.style.visibility = 'visible'; } Tooltip.prototype.hide = function(){ this.div.style.visibility = 'hidden'; this.shadow.style.visibility = 'hidden'; } //utility function for png compatibility in IE6 var IS_IE = false; var IS_LT_IE7; //@cc_on IS_IE = true; //@cc_on IS_LT_IE7 = @_jscript_version < 5.7; function createPngElement(src){ var img = document.createElement('img'); img.setAttribute('src',src); if(IS_IE && IS_LT_IE7){ img.style.visibility = 'hidden'; var div = document.createElement('div'); div.appendChild(img); div.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\',sizingMethod=\'crop\')'; return div; } return img; } </script> <script type="text/javascript"> if (document.namespaces) { // only needed in IE document.namespaces.add("v", "urn:schemas-microsoft-com:vml"); } //<![CDATA[ URLbase = "http://www.escapade-champenoise.fr/"; var map1; var markerManager1; var gdir; //UN CALCUL D'ITINERAIRE PAR POINT var latitude; var lonxitude; function load1() { if (GBrowserIsCompatible()) { //ITINERAIRES(CA C'ETAIT AVANT LE DRAME....) //createpanel(); // facelo mapa map1= new GMap2(document.getElementById("map1")); map1.addControl(new mapTypeControl()); map1.addControl(new mapZoomControl()); map1.addControl(new mapMoveControl()); map1.setCenter(new GLatLng(49.2518, 4.03296), 10, G_NORMAL_MAP); center = map1.getCenter(); map1.enableDoubleClickZoom(); map1.enableContinuousZoom(); markerManager1= new GMarkerManager(map1); //leemo-lo documento dos marcadores $.get('http://www.escapade-champenoise.fr/spip.php?page=rss-gis', {id_rubrique:14, id_article:1149}, function(xml1){ //xml almacena en un objeto xml los datos recogidos del documento leido $("item", xml1).each(function(item1){; //alert("ici"); var xmlItem1= xml1.documentElement.getElementsByTagName("item")[item1]; agregarMarcador(xmlItem1, 0, 0, markerManager1); }); markerManager1.refresh(); //map1.openInfoWindow(map1.getCenter(),contidosHTML[1]); }); gdir = new GDirections(map1,document.getElementById("panel")); GEvent.addListener(gdir, "load", onGDirectionsLoad); GEvent.addListener(gdir, "error", onGDirectionsError); } } //IMPLEMENTE LA FONTION QUI CREE UN ITINERAIRE function makemyitin(){ if(document.getElementById("panel")){ setDirections(document.getElementById("panel_from").value,latitude+" , "+ lonxitude); } } function onGDirectionsLoad(){ //alert("ca charge"); } function onGDirectionsError(){ alert("erreur :"+gdir.getStatus().code); } function setDirections(fromAddress, toAddress) { geocoder = new GClientGeocoder(); geocoder.getLatLng(fromAddress, function(point) { if (point) { //alert(point); // Yipeeee! gdir.load("from: " + point.toUrlValue() + " to: " + toAddress , { "locale": "fr_FR" }); } else { alert (fromAddress + " est inconnu!! "); } }); } //CREATE A PANEL WHERE WE CAN SEE A DIRECTION function createpanel() { /*if(!document.getElementById("rechercheItin")){ var map1=document.getElementById("map1"); var recherche=document.createElement("div"); recherche.setAttribute("id","rechercheItin"); recherche.style.visibility = "hidden"; map1.parentNode.insertBefore(recherche,map1); var panel=document.createElement("div"); panel.setAttribute("id","panel"); panel.style.width = "100%"; panel.style.visibility = "hidden"; if(map1.nextSibling!=null){ map1.parentNode.insertBefore(panel,map1.nextSibling); } else{ map1.appendChild(panel); } document.getElementById("rechercheItin").innerHTML= '<input type="text" id="panel_from" value="votre point de depart" onclick="if(this.value=='votre point de depart'){this.value='';}" /><a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;">Calculer</a>'; }*/ } function showpanel(lat,lonx) { document.getElementById("panel").style.display= "block"; //alert("coucou10"); document.getElementById("rechercheItin").style.display = "block"; //alert("coucou11"); latitude = lat; lonxitude = lonx; } $(document).ready(function(){ load1(); }) //]]> </script> <style type="text/css"> .tooltip{ background-color:white; border:solid 2px black; padding:4px; } </style> <div id="rechercheItin" style="display:none"> <input type="text" id="panel_from" onfocus="if(this.value=='votre point de depart'){this.value='';}" value="votre point de depart" /> <a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;" onfocus="this.value='';">Calculer</a> </div> <div id="map1" style="width: 100%;height:400px;"></div> <div id="panel" style="display:none;"> </div></div> http://www.escapade-champenoise.fr/-Evenements-?id_evenement=1228&annee=2010&mois=09 http://www.escapade-champenoise.fr/Experience-Pommery-8-Nos-meilleurs 2010-08-25T08:49:53Z text/html fr véronique Evénements Pour cette huitième grande exposition d'art contemporain, Régis Durand sélectionne installations spectaculaires, images d'archives ou projections évoquant les Nocturnes du festival. L'ensemble des oeuvres présentées auront pour point commun d'avoir subsisté durablement dans la mémoire de Nathalie et Paul-François Vranken. <br />Du 15 septembre 2010 au 30 mars 2011 <br />Domaine Pommery <br />5, Place Général Gouraud - 51100 Reims <br />ouvert tous les jours de 10h à 18h <br />Réservation recommandée : (...) - <a href="http://www.escapade-champenoise.fr/-Evenements-" rel="directory">Evénements</a> <img src="http://www.escapade-champenoise.fr/SITES/escapade-champenoise.fr/IMG/arton1436.jpg" alt="" align="right" width="238" height="283" class="spip_logos" /> <div class='rss_texte'><p class="spip">Pour cette huitième grande exposition d'art contemporain, Régis Durand sélectionne installations spectaculaires, images d'archives ou projections évoquant les Nocturnes du festival. L'ensemble des oeuvres présentées auront pour point commun d'avoir subsisté durablement dans la mémoire de Nathalie et Paul-François Vranken.</p> <p class="spip"><strong class="spip">Du 15 septembre 2010 au 30 mars 2011</strong></p> <p class="spip">Domaine Pommery <br />5, Place Général Gouraud - 51100 Reims <br />ouvert tous les jours de 10h à 18h <br />Réservation recommandée : 03.26.61.62.56 <br /> <br /></p> <script type="text/javascript"> /** * @author Marco Alionso Ramirez, marco@onemarco.com * @version 1.0 * The Tooltip class is an addon designed for the Google * Maps GMarker class. */ /** * @constructor * @param {GMarker} marker * @param {String} content * @param {Number} padding */ function Tooltip(marker, content, padding){ this.marker = marker; this.content = content; this.padding = padding; this.div = null; this.map = null; } Tooltip.prototype = new GOverlay(); Tooltip.prototype.initialize = function(map){ this.div = document.createElement("div"); var innerContainer = this.div.cloneNode(false); this.div.appendChild(innerContainer); this.div.style.position = 'absolute'; this.div.style.visibility = 'hidden'; this.shadowQuadrants = [{},{},{},{}] this.shadowQuadrants[0].div = document.createElement('div'); this.shadowQuadrants[0].div.style.position = 'absolute'; this.shadowQuadrants[0].div.style.overflow = 'hidden'; this.shadowQuadrants[0].img = createPngElement('plugins/googlemap_api/img_pack/tooltip_shadow.png'); this.shadowQuadrants[0].img.style.position = 'absolute'; this.shadowQuadrants[0].div.appendChild(this.shadowQuadrants[0].img); this.shadowQuadrants[1].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[1].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[1].div.appendChild(this.shadowQuadrants[1].img); this.shadowQuadrants[2].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[2].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[2].div.appendChild(this.shadowQuadrants[2].img); this.shadowQuadrants[3].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[3].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[3].div.appendChild(this.shadowQuadrants[3].img); this.shadowQuadrants[0].div.style.right = '0px'; this.shadowQuadrants[0].div.style.top = '0px'; this.shadowQuadrants[0].img.style.top = '0px'; this.shadowQuadrants[0].img.style.right = '0px'; this.shadowQuadrants[1].div.style.left = '0px'; this.shadowQuadrants[1].div.style.top = '0px'; this.shadowQuadrants[1].img.style.top = '0px'; this.shadowQuadrants[2].div.style.left = '0px'; this.shadowQuadrants[2].div.style.bottom = '0px'; this.shadowQuadrants[2].img.style.bottom = '0px'; this.shadowQuadrants[2].img.style.left = '0px'; this.shadowQuadrants[3].div.style.right = '0px'; this.shadowQuadrants[3].div.style.bottom = '0px'; this.shadowQuadrants[3].img.style.bottom = '0px'; this.shadow = this.div.cloneNode(false); this.shadow.appendChild(this.shadowQuadrants[0].div); this.shadow.appendChild(this.shadowQuadrants[1].div); this.shadow.appendChild(this.shadowQuadrants[2].div); this.shadow.appendChild(this.shadowQuadrants[3].div); innerContainer.className = 'tooltip'; var child = typeof this.content == 'string' ? document.createTextNode(this.content) : this.content; innerContainer.appendChild(child); map.getPane(G_MAP_FLOAT_PANE).appendChild(this.div); map.getPane(G_MAP_MARKER_SHADOW_PANE).appendChild(this.shadow); this.map = map; } Tooltip.prototype.remove = function(){ this.div.parentNode.removeChild(this.div); } Tooltip.prototype.copy = function(){ var content = typeof this.content == 'string' ? this.content : this.content.cloneNode(true); return new Tooltip(this.marker,content,this.padding); } Tooltip.prototype.redraw = function(force){ if (!force) return; //draw tooltip var markerPos = this.map.fromLatLngToDivPixel(this.marker.getPoint()); var iconAnchor = this.marker.getIcon().iconAnchor; var xPos = Math.round(markerPos.x - this.div.clientWidth / 2); var yPos = markerPos.y - iconAnchor.y - this.div.clientHeight - this.padding; this.div.style.top = yPos + 'px'; this.div.style.left = xPos + 'px'; //draw shadow //calculate shadow location shadowAnchor = new GPoint( markerPos.x + Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) , markerPos.y - Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) + 4); //calculate shadow dimenstions var shadowSize = new GSize(this.div.clientWidth + Math.round(this.div.clientHeight / 2) + 8, Math.round(this.div.clientHeight / 2) + 10); if(shadowSize.width % 2 == 1) shadowSize.width--; if(shadowSize.height % 2 == 1) shadowSize.height--; //apply shodaw location and dimensions this.shadow.style.left = (shadowAnchor.x - (shadowSize.width - shadowSize.height - 10 )/ 2) + 'px'; this.shadow.style.top = (shadowAnchor.y - shadowSize.height) + 'px'; this.shadow.style.width = (shadowSize.width) + 'px'; this.shadow.style.height = shadowSize.height + 'px'; //get quadrant dimensions var qHeight = shadowSize.height / 2; var qOddWidth = shadowSize.height > shadowSize.width ? shadowSize.height / 2: (shadowSize.width) / 2; var qEvenWidth = shadowSize.width - qOddWidth; //apply quadrant dimensions, calculate and apply Q2 and Q4 image offsets this.shadowQuadrants[0].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[0].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[1].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].img.style.left = -(160 - shadowSize.height) + 'px'; this.shadowQuadrants[2].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[2].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[3].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].img.style.right = -(160 - shadowSize.height) +'px'; } Tooltip.prototype.show = function(){ this.div.style.visibility = 'visible'; this.shadow.style.visibility = 'visible'; } Tooltip.prototype.hide = function(){ this.div.style.visibility = 'hidden'; this.shadow.style.visibility = 'hidden'; } //utility function for png compatibility in IE6 var IS_IE = false; var IS_LT_IE7; //@cc_on IS_IE = true; //@cc_on IS_LT_IE7 = @_jscript_version < 5.7; function createPngElement(src){ var img = document.createElement('img'); img.setAttribute('src',src); if(IS_IE && IS_LT_IE7){ img.style.visibility = 'hidden'; var div = document.createElement('div'); div.appendChild(img); div.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\',sizingMethod=\'crop\')'; return div; } return img; } </script> <script type="text/javascript"> if (document.namespaces) { // only needed in IE document.namespaces.add("v", "urn:schemas-microsoft-com:vml"); } //<![CDATA[ URLbase = "http://www.escapade-champenoise.fr/"; var map1; var markerManager1; var gdir; //UN CALCUL D'ITINERAIRE PAR POINT var latitude; var lonxitude; function load1() { if (GBrowserIsCompatible()) { //ITINERAIRES(CA C'ETAIT AVANT LE DRAME....) //createpanel(); // facelo mapa map1= new GMap2(document.getElementById("map1")); map1.addControl(new mapTypeControl()); map1.addControl(new mapZoomControl()); map1.addControl(new mapMoveControl()); map1.setCenter(new GLatLng(49.2441, 4.04965), 10, G_NORMAL_MAP); center = map1.getCenter(); map1.enableDoubleClickZoom(); map1.enableContinuousZoom(); markerManager1= new GMarkerManager(map1); //leemo-lo documento dos marcadores $.get('http://www.escapade-champenoise.fr/spip.php?page=rss-gis', {id_rubrique:14, id_article:1436}, function(xml1){ //xml almacena en un objeto xml los datos recogidos del documento leido $("item", xml1).each(function(item1){; //alert("ici"); var xmlItem1= xml1.documentElement.getElementsByTagName("item")[item1]; agregarMarcador(xmlItem1, 0, 0, markerManager1); }); markerManager1.refresh(); //map1.openInfoWindow(map1.getCenter(),contidosHTML[1]); }); gdir = new GDirections(map1,document.getElementById("panel")); GEvent.addListener(gdir, "load", onGDirectionsLoad); GEvent.addListener(gdir, "error", onGDirectionsError); } } //IMPLEMENTE LA FONTION QUI CREE UN ITINERAIRE function makemyitin(){ if(document.getElementById("panel")){ setDirections(document.getElementById("panel_from").value,latitude+" , "+ lonxitude); } } function onGDirectionsLoad(){ //alert("ca charge"); } function onGDirectionsError(){ alert("erreur :"+gdir.getStatus().code); } function setDirections(fromAddress, toAddress) { geocoder = new GClientGeocoder(); geocoder.getLatLng(fromAddress, function(point) { if (point) { //alert(point); // Yipeeee! gdir.load("from: " + point.toUrlValue() + " to: " + toAddress , { "locale": "fr_FR" }); } else { alert (fromAddress + " est inconnu!! "); } }); } //CREATE A PANEL WHERE WE CAN SEE A DIRECTION function createpanel() { /*if(!document.getElementById("rechercheItin")){ var map1=document.getElementById("map1"); var recherche=document.createElement("div"); recherche.setAttribute("id","rechercheItin"); recherche.style.visibility = "hidden"; map1.parentNode.insertBefore(recherche,map1); var panel=document.createElement("div"); panel.setAttribute("id","panel"); panel.style.width = "100%"; panel.style.visibility = "hidden"; if(map1.nextSibling!=null){ map1.parentNode.insertBefore(panel,map1.nextSibling); } else{ map1.appendChild(panel); } document.getElementById("rechercheItin").innerHTML= '<input type="text" id="panel_from" value="votre point de depart" onclick="if(this.value=='votre point de depart'){this.value='';}" /><a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;">Calculer</a>'; }*/ } function showpanel(lat,lonx) { document.getElementById("panel").style.display= "block"; //alert("coucou10"); document.getElementById("rechercheItin").style.display = "block"; //alert("coucou11"); latitude = lat; lonxitude = lonx; } $(document).ready(function(){ load1(); }) //]]> </script> <style type="text/css"> .tooltip{ background-color:white; border:solid 2px black; padding:4px; } </style> <div id="rechercheItin" style="display:none"> <input type="text" id="panel_from" onfocus="if(this.value=='votre point de depart'){this.value='';}" value="votre point de depart" /> <a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;" onfocus="this.value='';">Calculer</a> </div> <div id="map1" style="width: 100%;height:400px;"></div> <div id="panel" style="display:none;"> </div></div> http://www.escapade-champenoise.fr/-Evenements-?id_evenement=1207&annee=2010&mois=09 http://www.escapade-champenoise.fr/La-campagne-a-la-ville 2010-08-04T15:56:47Z text/html fr véronique Evénements "L'odyssée du blé, de la graine à l'assiette" : <br />C'est le thème de cette 15è édition. <br />Du mercredi 15 au samedi 18 septembre <br />Place d'Erlon <br />Avec comme chaque année, des animations, des ateliers pédagogiques, des dégustations, rencontre avec les animaux de la ferme, concours de dessin... - <a href="http://www.escapade-champenoise.fr/-Evenements-" rel="directory">Evénements</a> <img src="http://www.escapade-champenoise.fr/SITES/escapade-champenoise.fr/IMG/arton1417.jpg" alt="" align="right" width="100" height="100" class="spip_logos" /> <div class='rss_texte'><p class="spip">"L'odyssée du blé, de la graine à l'assiette" : <br />C'est le thème de cette 15è édition.</p> <p class="spip"><strong class="spip">Du mercredi 15 au samedi 18 septembre</strong> <br />Place d'Erlon</p> <p class="spip">Avec comme chaque année, des animations, des ateliers pédagogiques, des dégustations, rencontre avec les animaux de la ferme, concours de dessin... <br /> <br /></p> <script type="text/javascript"> /** * @author Marco Alionso Ramirez, marco@onemarco.com * @version 1.0 * The Tooltip class is an addon designed for the Google * Maps GMarker class. */ /** * @constructor * @param {GMarker} marker * @param {String} content * @param {Number} padding */ function Tooltip(marker, content, padding){ this.marker = marker; this.content = content; this.padding = padding; this.div = null; this.map = null; } Tooltip.prototype = new GOverlay(); Tooltip.prototype.initialize = function(map){ this.div = document.createElement("div"); var innerContainer = this.div.cloneNode(false); this.div.appendChild(innerContainer); this.div.style.position = 'absolute'; this.div.style.visibility = 'hidden'; this.shadowQuadrants = [{},{},{},{}] this.shadowQuadrants[0].div = document.createElement('div'); this.shadowQuadrants[0].div.style.position = 'absolute'; this.shadowQuadrants[0].div.style.overflow = 'hidden'; this.shadowQuadrants[0].img = createPngElement('plugins/googlemap_api/img_pack/tooltip_shadow.png'); this.shadowQuadrants[0].img.style.position = 'absolute'; this.shadowQuadrants[0].div.appendChild(this.shadowQuadrants[0].img); this.shadowQuadrants[1].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[1].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[1].div.appendChild(this.shadowQuadrants[1].img); this.shadowQuadrants[2].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[2].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[2].div.appendChild(this.shadowQuadrants[2].img); this.shadowQuadrants[3].div = this.shadowQuadrants[0].div.cloneNode(false); this.shadowQuadrants[3].img = this.shadowQuadrants[0].img.cloneNode(true); this.shadowQuadrants[3].div.appendChild(this.shadowQuadrants[3].img); this.shadowQuadrants[0].div.style.right = '0px'; this.shadowQuadrants[0].div.style.top = '0px'; this.shadowQuadrants[0].img.style.top = '0px'; this.shadowQuadrants[0].img.style.right = '0px'; this.shadowQuadrants[1].div.style.left = '0px'; this.shadowQuadrants[1].div.style.top = '0px'; this.shadowQuadrants[1].img.style.top = '0px'; this.shadowQuadrants[2].div.style.left = '0px'; this.shadowQuadrants[2].div.style.bottom = '0px'; this.shadowQuadrants[2].img.style.bottom = '0px'; this.shadowQuadrants[2].img.style.left = '0px'; this.shadowQuadrants[3].div.style.right = '0px'; this.shadowQuadrants[3].div.style.bottom = '0px'; this.shadowQuadrants[3].img.style.bottom = '0px'; this.shadow = this.div.cloneNode(false); this.shadow.appendChild(this.shadowQuadrants[0].div); this.shadow.appendChild(this.shadowQuadrants[1].div); this.shadow.appendChild(this.shadowQuadrants[2].div); this.shadow.appendChild(this.shadowQuadrants[3].div); innerContainer.className = 'tooltip'; var child = typeof this.content == 'string' ? document.createTextNode(this.content) : this.content; innerContainer.appendChild(child); map.getPane(G_MAP_FLOAT_PANE).appendChild(this.div); map.getPane(G_MAP_MARKER_SHADOW_PANE).appendChild(this.shadow); this.map = map; } Tooltip.prototype.remove = function(){ this.div.parentNode.removeChild(this.div); } Tooltip.prototype.copy = function(){ var content = typeof this.content == 'string' ? this.content : this.content.cloneNode(true); return new Tooltip(this.marker,content,this.padding); } Tooltip.prototype.redraw = function(force){ if (!force) return; //draw tooltip var markerPos = this.map.fromLatLngToDivPixel(this.marker.getPoint()); var iconAnchor = this.marker.getIcon().iconAnchor; var xPos = Math.round(markerPos.x - this.div.clientWidth / 2); var yPos = markerPos.y - iconAnchor.y - this.div.clientHeight - this.padding; this.div.style.top = yPos + 'px'; this.div.style.left = xPos + 'px'; //draw shadow //calculate shadow location shadowAnchor = new GPoint( markerPos.x + Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) , markerPos.y - Math.round((this.marker.getIcon().iconSize.height + this.padding) / 2) + 4); //calculate shadow dimenstions var shadowSize = new GSize(this.div.clientWidth + Math.round(this.div.clientHeight / 2) + 8, Math.round(this.div.clientHeight / 2) + 10); if(shadowSize.width % 2 == 1) shadowSize.width--; if(shadowSize.height % 2 == 1) shadowSize.height--; //apply shodaw location and dimensions this.shadow.style.left = (shadowAnchor.x - (shadowSize.width - shadowSize.height - 10 )/ 2) + 'px'; this.shadow.style.top = (shadowAnchor.y - shadowSize.height) + 'px'; this.shadow.style.width = (shadowSize.width) + 'px'; this.shadow.style.height = shadowSize.height + 'px'; //get quadrant dimensions var qHeight = shadowSize.height / 2; var qOddWidth = shadowSize.height > shadowSize.width ? shadowSize.height / 2: (shadowSize.width) / 2; var qEvenWidth = shadowSize.width - qOddWidth; //apply quadrant dimensions, calculate and apply Q2 and Q4 image offsets this.shadowQuadrants[0].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[0].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[1].div.style.height = qHeight + 'px'; this.shadowQuadrants[1].img.style.left = -(160 - shadowSize.height) + 'px'; this.shadowQuadrants[2].div.style.width = qOddWidth + 'px'; this.shadowQuadrants[2].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].div.style.width = qEvenWidth + 'px'; this.shadowQuadrants[3].div.style.height = qHeight + 'px'; this.shadowQuadrants[3].img.style.right = -(160 - shadowSize.height) +'px'; } Tooltip.prototype.show = function(){ this.div.style.visibility = 'visible'; this.shadow.style.visibility = 'visible'; } Tooltip.prototype.hide = function(){ this.div.style.visibility = 'hidden'; this.shadow.style.visibility = 'hidden'; } //utility function for png compatibility in IE6 var IS_IE = false; var IS_LT_IE7; //@cc_on IS_IE = true; //@cc_on IS_LT_IE7 = @_jscript_version < 5.7; function createPngElement(src){ var img = document.createElement('img'); img.setAttribute('src',src); if(IS_IE && IS_LT_IE7){ img.style.visibility = 'hidden'; var div = document.createElement('div'); div.appendChild(img); div.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + src + '\',sizingMethod=\'crop\')'; return div; } return img; } </script> <script type="text/javascript"> if (document.namespaces) { // only needed in IE document.namespaces.add("v", "urn:schemas-microsoft-com:vml"); } //<![CDATA[ URLbase = "http://www.escapade-champenoise.fr/"; var map1; var markerManager1; var gdir; //UN CALCUL D'ITINERAIRE PAR POINT var latitude; var lonxitude; function load1() { if (GBrowserIsCompatible()) { //ITINERAIRES(CA C'ETAIT AVANT LE DRAME....) //createpanel(); // facelo mapa map1= new GMap2(document.getElementById("map1")); map1.addControl(new mapTypeControl()); map1.addControl(new mapZoomControl()); map1.addControl(new mapMoveControl()); map1.setCenter(new GLatLng(49.2557, 4.02688), 10, G_NORMAL_MAP); center = map1.getCenter(); map1.enableDoubleClickZoom(); map1.enableContinuousZoom(); markerManager1= new GMarkerManager(map1); //leemo-lo documento dos marcadores $.get('http://www.escapade-champenoise.fr/spip.php?page=rss-gis', {id_rubrique:14, id_article:1417}, function(xml1){ //xml almacena en un objeto xml los datos recogidos del documento leido $("item", xml1).each(function(item1){; //alert("ici"); var xmlItem1= xml1.documentElement.getElementsByTagName("item")[item1]; agregarMarcador(xmlItem1, 0, 0, markerManager1); }); markerManager1.refresh(); //map1.openInfoWindow(map1.getCenter(),contidosHTML[1]); }); gdir = new GDirections(map1,document.getElementById("panel")); GEvent.addListener(gdir, "load", onGDirectionsLoad); GEvent.addListener(gdir, "error", onGDirectionsError); } } //IMPLEMENTE LA FONTION QUI CREE UN ITINERAIRE function makemyitin(){ if(document.getElementById("panel")){ setDirections(document.getElementById("panel_from").value,latitude+" , "+ lonxitude); } } function onGDirectionsLoad(){ //alert("ca charge"); } function onGDirectionsError(){ alert("erreur :"+gdir.getStatus().code); } function setDirections(fromAddress, toAddress) { geocoder = new GClientGeocoder(); geocoder.getLatLng(fromAddress, function(point) { if (point) { //alert(point); // Yipeeee! gdir.load("from: " + point.toUrlValue() + " to: " + toAddress , { "locale": "fr_FR" }); } else { alert (fromAddress + " est inconnu!! "); } }); } //CREATE A PANEL WHERE WE CAN SEE A DIRECTION function createpanel() { /*if(!document.getElementById("rechercheItin")){ var map1=document.getElementById("map1"); var recherche=document.createElement("div"); recherche.setAttribute("id","rechercheItin"); recherche.style.visibility = "hidden"; map1.parentNode.insertBefore(recherche,map1); var panel=document.createElement("div"); panel.setAttribute("id","panel"); panel.style.width = "100%"; panel.style.visibility = "hidden"; if(map1.nextSibling!=null){ map1.parentNode.insertBefore(panel,map1.nextSibling); } else{ map1.appendChild(panel); } document.getElementById("rechercheItin").innerHTML= '<input type="text" id="panel_from" value="votre point de depart" onclick="if(this.value=='votre point de depart'){this.value='';}" /><a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;">Calculer</a>'; }*/ } function showpanel(lat,lonx) { document.getElementById("panel").style.display= "block"; //alert("coucou10"); document.getElementById("rechercheItin").style.display = "block"; //alert("coucou11"); latitude = lat; lonxitude = lonx; } $(document).ready(function(){ load1(); }) //]]> </script> <style type="text/css"> .tooltip{ background-color:white; border:solid 2px black; padding:4px; } </style> <div id="rechercheItin" style="display:none"> <input type="text" id="panel_from" onfocus="if(this.value=='votre point de depart'){this.value='';}" value="votre point de depart" /> <a href="http://www.escapade-champenoise.fr/#" onclick="makemyitin();return false;" onfocus="this.value='';">Calculer</a> </div> <div id="map1" style="width: 100%;height:400px;"></div> <div id="panel" style="display:none;"> </div></div>