Skip to content

O
OpenBoard
Commit 6bc6c6af authored by unknown's avatar unknown
Browse files
Options

changed GeoInfo app

parent d98ceb6c
Hide whitespace changes
Inline Side-by-side
Showing with 194 additions and 182 deletions
resources/library/interactive/GeoInfo.wgt/GeoInfo.html
View file @ 6bc6c6af
......@@ -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
View file @ 6bc6c6af
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
resources/library/interactive/GeoInfo.wgt/js/GeoInfo.js
View file @ 6bc6c6af
/*
/*
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;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment