MOS
/
OpenBoard
5
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

changed GeoInfo app

Browse Source
preferencesAboutTextFull
unknown 13 years ago
parent d98ceb6cff
commit 6bc6c6af1e
4 changed files with 194 additions and 182 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 4
      resources/library/interactive/GeoInfo.wgt/GeoInfo.html
  2. 149
      resources/library/interactive/GeoInfo.wgt/css/GeoInfo.css
  3. BIN
      resources/library/interactive/GeoInfo.wgt/images/cursor.png
  4. 223
      resources/library/interactive/GeoInfo.wgt/js/GeoInfo.js

4
resources/library/interactive/GeoInfo.wgt/GeoInfo.html
Unescape View File

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

149
resources/library/interactive/GeoInfo.wgt/css/GeoInfo.css
Unescape View File

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

BIN
resources/library/interactive/GeoInfo.wgt/images/cursor.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

223
resources/library/interactive/GeoInfo.wgt/js/GeoInfo.js
Unescape View File

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

Write Preview
Loading…
Cancel
Save