diff --git a/resources/library/interactive/GeoInfo.wgt/GeoInfo.html b/resources/library/interactive/GeoInfo.wgt/GeoInfo.html index 5a176652..4934b2de 100644 --- a/resources/library/interactive/GeoInfo.wgt/GeoInfo.html +++ b/resources/library/interactive/GeoInfo.wgt/GeoInfo.html @@ -31,8 +31,8 @@
-
- + +
diff --git a/resources/library/interactive/GeoInfo.wgt/css/GeoInfo.css b/resources/library/interactive/GeoInfo.wgt/css/GeoInfo.css index 6bc7a4d4..a6129b21 100644 --- a/resources/library/interactive/GeoInfo.wgt/css/GeoInfo.css +++ b/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; } \ No newline at end of file diff --git a/resources/library/interactive/GeoInfo.wgt/images/cursor.png b/resources/library/interactive/GeoInfo.wgt/images/cursor.png new file mode 100644 index 00000000..78fc6360 Binary files /dev/null and b/resources/library/interactive/GeoInfo.wgt/images/cursor.png differ diff --git a/resources/library/interactive/GeoInfo.wgt/js/GeoInfo.js b/resources/library/interactive/GeoInfo.wgt/js/GeoInfo.js index 704b1f52..4c1aa31b 100644 --- a/resources/library/interactive/GeoInfo.wgt/js/GeoInfo.js +++ b/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 = ("Pays: " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("pays")[0].getText() - + "
" - + "Nom: " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("nomPays")[0].getText() - + "
" - + "Capitale: " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("capitale")[0].getText() - + "
" - + "Forme: " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("forme")[0].getText() - + "
" - + "Adjectif: " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("adjectif")[0].getText() - + "
" - + "Monnaie ISO: " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("monnaieIso")[0].getText() - + "
" - + "Monnaie: " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("monnaie")[0].getText() - + "
" - + "Monnaie centime: " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("monnaieSubDiv")[0].getText() - + "
" - + "Plus grande ville: " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("plusGrandeVille")[0].getText() - + "
" - + "Nbr habitants: " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("nbrHabitant")[0].getText() - + "
" - + "Langues officielles: " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("langueOfficielle")[0].getText() - + "
" - + "Système gouvernemental: " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("politique")[0].getText() - + "
" - + "Remarques: " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("remarques")[0].getText() - + "
" - + "Devise: " + 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 = ("Pays: " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("pays")[0].getText() + + "
" + + "Nom: " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("nomPays")[0].getText() + + "
" + + "Capitale: " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("capitale")[0].getText() + + "
" + + "Forme: " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("forme")[0].getText() + + "
" + + "Adjectif: " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("adjectif")[0].getText() + + "
" + + "Monnaie ISO: " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("monnaieIso")[0].getText() + + "
" + + "Monnaie: " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("monnaie")[0].getText() + + "
" + + "Monnaie centime: " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("monnaieSubDiv")[0].getText() + + "
" + + "Plus grande ville: " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("plusGrandeVille")[0].getText() + + "
" + + "Nbr habitants: " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("nbrHabitant")[0].getText() + + "
" + + "Langues officielles: " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("langueOfficielle")[0].getText() + + "
" + + "Système gouvernemental: " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("politique")[0].getText() + + "
" + + "Remarques: " + objDomTree.getElements("env:Body")[0].getElements("ser:findResponse")[0].getElements("GeoData")[0].getElements("remarques")[0].getText() + + "
" + + "Devise: " + 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 = "
" + 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; } diff --git a/resources/library/interactive/Graphme.wgt/Grapheur.xhtml b/resources/library/interactive/Graphme.wgt/Grapheur.xhtml index cfd5dd33..14b7a9e5 100644 --- a/resources/library/interactive/Graphme.wgt/Grapheur.xhtml +++ b/resources/library/interactive/Graphme.wgt/Grapheur.xhtml @@ -18,11 +18,12 @@ - - + +