changed GeoInfo app

resources/library/interactive/GeoInfo.wgt/GeoInfo.html

@@ -31,8 +31,8 @@
 		<!-- Div contenant le point d'interrogation pour les satistiques-->
 		<div class="question">
 			<img src="images/question.jpg" onclick='recevoirStats()'/>
-		</div>
-		
+		</div>               
+                
 		<!-- Div principale pour les pays du monde-->
 		<div id="carteMonde1" class="carteMonde1">
 			<img src="images/Cartes/Carte_Monde_1.png" id="monde" class="monde" usemap="#monde1"/>

resources/library/interactive/GeoInfo.wgt/css/GeoInfo.css

@@ -1,147 +1,158 @@
 body {
-	background-color: white;
+    background-color: white;
 }
 
 .styleDiv
 {
-	height:250px;
-	overflow:auto;
-	display:none;
-	font-size:11px;
-	font-family:Arial, "Times New Roman", Sans-serif;
-	border-left:solid 2px grey;
-	-moz-border-radius-topright: 1em;
-	-moz-border-radius-bottomright:1em;
+    height:250px;
+    overflow:auto;
+    display:none;
+    font-size:11px;
+    font-family:Arial, "Times New Roman", Sans-serif;
+    border-left:solid 2px grey;
+    -moz-border-radius-topright: 1em;
+    -moz-border-radius-bottomright:1em;
 }
 
 .question
 {
-	position:absolute;
-	top:320px;
-	left:13px;
-	z-index:4;
+    position:absolute;
+    top:320px;
+    left:13px;
+    z-index:4;
 }
 
 .comparer
 {
-	margin:auto;
-	font-family:Arial, "Times New Roman", Sans-serif;
+    margin:auto;
+    font-family:Arial, "Times New Roman", Sans-serif;
 }
 
 #souris
 {
-	display:none;
+    display:none;
 }
 
 #coords
 {
-	display:none;
+    display:none;
 }
 
 .curseur 
 {
-	cursor:pointer;
+    cursor:pointer;
 }
 
 .carteMonde1 
 {
-	border-style:solid;
-	border-width:3px;
-	height:332px;
-	width:654px;
-	border-color: black;
+    border-style:solid;
+    border-width:3px;
+    height:332px;
+    width:654px;
+    border-color: black;
 }
 
 .carte 
 {
-	position:absolute;
-	top:11px;
-	left:11px;
-	height:332px;
-	width:654px;
-	display: none;
-	opacity:0;
-	z-index:1;
+    position:absolute;
+    top:11px;
+    left:11px;
+    height:332px;
+    width:654px;
+    display: none;
+    opacity:0;
+    z-index:1;
 }
 
 .retour 
 {
-	position:absolute;
-	top:13px;
-	left:13px;
-	width:100px;
-	height:50.5px;
-	opacity:0;
-	z-index:2;
-	border: 1px black solid;
-	display: none;
-	cursor:pointer;
+    position:absolute;
+    top:13px;
+    left:13px;
+    width:100px;
+    height:50.5px;
+    opacity:0;
+    z-index:2;
+    border: 1px black solid;
+    display: none;
+    cursor:pointer;
 }
 
 #carteRetour
 {
-	width:100%;
-	height: 100%;
+    width:100%;
+    height: 100%;
 }
 
 .texte
 {
-	position:absolute;
-	top:300px;
-	left:0px;
-	width:654px;
+    position:absolute;
+    top:300px;
+    left:0px;
+    width:654px;
 }
 
 #description 
 {
-	font-size:18px;
-	text-align:center;
+    font-size:18px;
+    text-align:center;
 }
 
 .infoPays 
 {
-	position:absolute;
-	border:1px black solid;
-	background-color:rgba(150,150,150,0.5);
-	display:none;
-	z-index:2;
-	padding:4px;
+    position:absolute;
+    border:1px black solid;
+    background-color:rgba(150,150,150,0.5);
+    display:none;
+    z-index:2;
+    padding:4px;
 }
 
 .infoSupp
 {
-	position:absolute;
-	top:344px;
-	border:1px black solid;
-	width:300px;
-	height:0px;
-	overflow:scroll;
+    position:absolute;
+    top:344px;
+    border:1px black solid;
+    width:300px;
+    height:0px;
+    overflow:scroll;
 }
 
 #infoSupp2
 {
-	position:absolute;
-	top:344px;
-	left:320px;
+    position:absolute;
+    top:344px;
+    left:320px;
 }
 
 .nomPays 
 {
-	font-weight:bold;
-	color:black;
+    font-weight:bold;
+    color:black;
 }
 
 .capitalePays 
 {
-	color:white;	
+    color:white;	
 }
 
 .cacher 
 {
-	display:none;
+    display:none;
 }
 
 .drapeaux 
 {
-	height:40px;
+    height:40px;
+}
+
+.customCursor{
+    position: absolute;
+    top: -3px;
+    left: -38px;
+    border: none;
+    width: 20px;
+    height: 20px;
+    background-image: url(../images/cursor.png);
+    background-repeat: no-repeat;
 }

resources/library/interactive/GeoInfo.wgt/js/GeoInfo.js

@@ -1,4 +1,4 @@
-/*
+/*
   Script utilisé par GeoInfo.
   
   Copyright (C) 2010 Baptiste Sottas — Tous droits réservés.
@@ -43,198 +43,199 @@ var compareActive = false;
 // permet d'effacer le contenu des divs 2 à 5 si on ne désire pas comparer
 function vide() 
 {
-	// regarder si la case est cochée
-	compareActive = document.getElementById('compare').checked;
+    // regarder si la case est cochée
+    compareActive = document.getElementById('compare').checked;
 	
-	// si elle ne l'est pas vider les divs 2 à 5
-	if (!compareActive)
-	{
-		for (i = 2; i < 6; i++)
-		{
-			var element = document.getElementById("info" + i);
-			element.innerHTML = "";
-			element.style.display = "none";
-		}
+    // si elle ne l'est pas vider les divs 2 à 5
+    if (!compareActive)
+    {
+        for (i = 2; i < 6; i++)
+        {
+            var element = document.getElementById("info" + i);
+            element.innerHTML = "";
+            element.style.display = "none";
+        }
 		
-		// remettre la grandeur initiale à la première div
-		document.getElementById("info1").style.width = 654 + 'px';
+        // remettre la grandeur initiale à la première div
+        document.getElementById("info1").style.width = 654 + 'px';
 		
-		// initialiser le compteur
-		currentInfo = 1;
-	}
+        // initialiser le compteur
+        currentInfo = 1;
+    }
 }
 
 // permet de créer et remplir les divs d'informations
 function popupInfo(text) 
 {
-	// regarder si on désire comparer les pays entre eux
-	compareActive = document.getElementById('compare').checked;
-
-	// si oui mettre l'info dans une nouvelle div, autrement mettre dans la div 1
-	if (compareActive)
-		currentInfo += 1;
-	else
-		currentInfo = 1;
+    // regarder si on désire comparer les pays entre eux
+    compareActive = document.getElementById('compare').checked;
+
+    // si oui mettre l'info dans une nouvelle div, autrement mettre dans la div 1
+    if (compareActive)
+        currentInfo += 1;
+    else
+        currentInfo = 1;
 	
-	// max 5 comparaisons possibles, si plus on réécrit dans la dernière
-	if (currentInfo > 5)
-		currentInfo = 5;
+    // max 5 comparaisons possibles, si plus on réécrit dans la dernière
+    if (currentInfo > 5)
+        currentInfo = 5;
 
-	// obtenir la div à modifier
-	var info = document.getElementById("info" + currentInfo);
+    // obtenir la div à modifier
+    var info = document.getElementById("info" + currentInfo);
 	
-	// la rendre visible et mettre le texte
-	info.style.display = "block";
-	info.innerHTML = text;
+    // la rendre visible et mettre le texte
+    info.style.display = "block";
+    info.innerHTML = text;
 	
-	// met la bonne grandeur à chaque div
-	for (i = 1; i <= currentInfo; i++)
-		document.getElementById("info" + i).style.width = (654/currentInfo) + 'px';
+    // met la bonne grandeur à chaque div
+    for (i = 1; i <= currentInfo; i++)
+        document.getElementById("info" + i).style.width = (654/currentInfo) + 'px';
 }
 
 // affiche le text de l'erreur en cas de problème
 function erreur(texteErreur) 
 {
-	alert(texteErreur);
+    alert(texteErreur);
 }
 
 // permet d'appeller la fonction pour recevoir les statistiques du serveur	
 function recevoirStats()
 {
-	var pl = new SOAPClientParameters();
+    var pl = new SOAPClientParameters();
 	
-	// appel de la fonction getInfos du serveur
-	SOAPClient.invoke(url, "getInfos", pl, true, recevoirStatsReponse);
+    // appel de la fonction getInfos du serveur
+    SOAPClient.invoke(url, "getInfos", pl, true, recevoirStatsReponse);
 }
 
 // permet de recevoir les statistiques du serveur et les afficher
 function recevoirStatsReponse(resultat, soapResponse)
 {
-	var objDom = new XMLDoc(((new XMLSerializer()).serializeToString(soapResponse)), erreur);
+    var objDom = new XMLDoc(((new XMLSerializer()).serializeToString(soapResponse)), erreur);
 
-	var objDomTree = objDom.docNode;
+    var objDomTree = objDom.docNode;
 	
-	// prepare le texte à afficher à partir de la réponse
-	var stats = ("Nombre d'accès total: " + objDomTree.getElements("env:Body")[0].getElements("ser:getInfosResponse")[0].getElements("GeoStats")[0].getElements("accesTotal")[0].getText()
-		  + "\n"
-		  + "Dernier accès le: " + objDomTree.getElements("env:Body")[0].getElements("ser:getInfosResponse")[0].getElements("GeoStats")[0].getElements("dernierAcces")[0].getText()
-		  + "\n"
-		  + "Adresse pour des questions/remarques: " + objDomTree.getElements("env:Body")[0].getElements("ser:getInfosResponse")[0].getElements("GeoStats")[0].getElements("email")[0].getText()
-		  + "\n"
-		  + "Microinformations sous: " + objDomTree.getElements("env:Body")[0].getElements("ser:getInfosResponse")[0].getElements("GeoStats")[0].getElements("twitter")[0].getText()
-		  + "\n"
-		  + "Version de l'application: " + objDomTree.getElements("env:Body")[0].getElements("ser:getInfosResponse")[0].getElements("GeoStats")[0].getElements("version")[0].getText());
-
-	alert(stats);
+    // prepare le texte à afficher à partir de la réponse
+    var stats = ("Nombre d'accès total: " + objDomTree.getElements("env:Body")[0].getElements("ser:getInfosResponse")[0].getElements("GeoStats")[0].getElements("accesTotal")[0].getText()
+        + "\n"
+        + "Dernier accès le: " + objDomTree.getElements("env:Body")[0].getElements("ser:getInfosResponse")[0].getElements("GeoStats")[0].getElements("dernierAcces")[0].getText()
+        + "\n"
+        + "Adresse pour des questions/remarques: " + objDomTree.getElements("env:Body")[0].getElements("ser:getInfosResponse")[0].getElements("GeoStats")[0].getElements("email")[0].getText()
+        + "\n"
+        + "Microinformations sous: " + objDomTree.getElements("env:Body")[0].getElements("ser:getInfosResponse")[0].getElements("GeoStats")[0].getElements("twitter")[0].getText()
+        + "\n"
+        + "Version de l'application: " + objDomTree.getElements("env:Body")[0].getElements("ser:getInfosResponse")[0].getElements("GeoStats")[0].getElements("version")[0].getText());
+
+    alert(stats);
 }
 
 // permet d'appeller la fonction pour recevoir les informations du pays
 function recevoirPays(id)
 {
-	// prépare le paramètre avec l'id du pays
-	var pl = new SOAPClientParameters();
-	pl.add("id",id);
+    // prépare le paramètre avec l'id du pays
+    var pl = new SOAPClientParameters();
+    pl.add("id",id);
 	
-	// appel de la fonction find du serveur
-	SOAPClient.invoke(url, "find", pl, true, recevoirPaysReponse);
+    // appel de la fonction find du serveur
+    SOAPClient.invoke(url, "find", pl, true, recevoirPaysReponse);
 }
 
 // permet de recevoir les informations du pays du serveur et les afficher
 function recevoirPaysReponse(resultat, soapResponse)
 {
-	var objDom = new XMLDoc(((new XMLSerializer()).serializeToString(soapResponse)), erreur);
+    var objDom = new XMLDoc(((new XMLSerializer()).serializeToString(soapResponse)), erreur);
 
-	var objDomTree = objDom.docNode;
+    var objDomTree = objDom.docNode;
 	
-	// prepare le texte à afficher à partir de la réponse
-	var informations = ("<b>Pays:</b> " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("pays")[0].getText()
-		  + "<br/>"
-		  + "<b>Nom:</b> " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("nomPays")[0].getText()
-		  + "<br/>"
-		  + "<b>Capitale:</b> " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("capitale")[0].getText()
-		  + "<br/>"
-		  + "<b>Forme:</b> " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("forme")[0].getText()
-		  + "<br/>"
-		  + "<b>Adjectif:</b> " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("adjectif")[0].getText()
-		  + "<br/>"
-		  + "<b>Monnaie ISO:</b> " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("monnaieIso")[0].getText()
-		  + "<br/>"
-		  + "<b>Monnaie:</b> " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("monnaie")[0].getText()
-		  + "<br/>"
-		  + "<b>Monnaie centime:</b> " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("monnaieSubDiv")[0].getText()
-		  + "<br/>"
-		  + "<b>Plus grande ville:</b> " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("plusGrandeVille")[0].getText()
-		  + "<br/>"
-		  + "<b>Nbr habitants:</b> " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("nbrHabitant")[0].getText()
-		  + "<br/>"
-		  + "<b>Langues officielles:</b> " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("langueOfficielle")[0].getText()
-		  + "<br/>"
-		  + "<b>Système gouvernemental:</b> " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("politique")[0].getText()
-		  + "<br/>"
-		  + "<b>Remarques:</b> " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("remarques")[0].getText()
-		  + "<br/>"
-		  + "<b>Devise:</b> " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("devise")[0].getText());
-
-	// appelle la fonction popupInfo qui affiche les informations dans les divs
-	popupInfo(informations);
+    // prepare le texte à afficher à partir de la réponse
+    var informations = ("<b>Pays:</b> " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("pays")[0].getText()
+        + "<br/>"
+        + "<b>Nom:</b> " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("nomPays")[0].getText()
+        + "<br/>"
+        + "<b>Capitale:</b> " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("capitale")[0].getText()
+        + "<br/>"
+        + "<b>Forme:</b> " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("forme")[0].getText()
+        + "<br/>"
+        + "<b>Adjectif:</b> " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("adjectif")[0].getText()
+        + "<br/>"
+        + "<b>Monnaie ISO:</b> " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("monnaieIso")[0].getText()
+        + "<br/>"
+        + "<b>Monnaie:</b> " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("monnaie")[0].getText()
+        + "<br/>"
+        + "<b>Monnaie centime:</b> " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("monnaieSubDiv")[0].getText()
+        + "<br/>"
+        + "<b>Plus grande ville:</b> " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("plusGrandeVille")[0].getText()
+        + "<br/>"
+        + "<b>Nbr habitants:</b> " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("nbrHabitant")[0].getText()
+        + "<br/>"
+        + "<b>Langues officielles:</b> " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("langueOfficielle")[0].getText()
+        + "<br/>"
+        + "<b>Système gouvernemental:</b> " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("politique")[0].getText()
+        + "<br/>"
+        + "<b>Remarques:</b> " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("remarques")[0].getText()
+        + "<br/>"
+        + "<b>Devise:</b> " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("devise")[0].getText());
+
+    // appelle la fonction popupInfo qui affiche les informations dans les divs
+    popupInfo(informations);
 }
 	
 // permet l'affichage de la description lors du passage de la souris
 function writeText(txt)
 {
-	document.getElementById("description").innerHTML = txt;
+    document.getElementById("description").innerHTML = txt;
 }
 
 // permet l'effaçage de la description lors du passage de la souris
 function effaceTexte() 
 {
-	document.getElementById("description").innerHTML = "";
+    document.getElementById("description").innerHTML = "";
 }
 
 // apparition de la div contenant une carte d'un continent + carte de retour
 function apparition(carte) 
-{
-	document.getElementById(carte).style.display = 'block'
-	i = setInterval('fondu("'+carte+'")', 25)
+{    
+    document.getElementById(carte).style.display = 'block'
+    i = setInterval('fondu("'+carte+'")', 25)
 	
-	document.getElementById("retour").style.display = 'block'
-	document.getElementById("retour").style.opacity = 1
+    document.getElementById("retour").style.display = 'block'
+    document.getElementById("retour").style.opacity = 1
 }
 
 // permet de recharger la page
 function disparition() 
 {
-	window.location.reload()
+    window.location.reload()
 }
 
 // permet de faire apparaître la carte d'un continent en fondu
 function fondu(carte)
 {
-	opacity = opacity + 0.05
-	document.getElementById(carte).style.opacity = opacity;
+    opacity = opacity + 0.05
+    document.getElementById(carte).style.opacity = opacity;
 	
-	if (opacity > 1) 
-	{
-		clearInterval(i)
-	}
+    if (opacity > 1) 
+    {
+        clearInterval(i)
+    }
 }
 
 // permet de faire apparaître les infos du pays dans la petite fenêtre
 function afficheInfoPays(pays) 
 {
-	document.getElementById("infoPays").innerHTML = document.getElementById(pays).innerHTML;
+    //$("area[alt=" + pays + "]").css("z-index","9999");
+    document.getElementById("infoPays").innerHTML = "<div id='customCursor' class='customCursor'></div>" + document.getElementById(pays).innerHTML;
 }
 
 // permet de cacher la petite fenêtre
 function cacherInfoPays()
 {
-	document.getElementById("infoPays").style.display = 'none';
+    document.getElementById("infoPays").style.display = 'none';
 }
 
 // permet à la petite fenêtre de suivre la souris
 function deplacerInfo(event)
 {
-	document.getElementById("infoPays").style.display = 'block';
-	document.getElementById("infoPays").style.top = event.clientY;
-	document.getElementById	("infoPays").style.left = event.clientX+20;
+    document.getElementById("infoPays").style.display = 'block';    
+    document.getElementById("infoPays").style.top = event.clientY;
+    document.getElementById("infoPays").style.left = event.clientX+40;
 }