Skip to content

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

fixed some bugs

parent 70ec5ca9
Hide whitespace changes
Inline Side-by-side
Showing with 724 additions and 635 deletions
resources/library/interactive/Anyembed.wgt/js/ubw-main.js
View file @ d2583e0a
......@@ -38,8 +38,8 @@ function init(){
});
//FIT WIDGET FRAME ON LAUNCH...
if(window.uniboard){
window.uniboard.resize($("#ubwidget").width()-15,85);
if(window.sankore){
window.sankore.resize($("#ubwidget").width()-15,85);
}
searchWrap.append(inputBox)
......@@ -50,21 +50,27 @@ function init(){
submit.click(function(){
$("#ubwidget").append(loadWindow)
embed = inputBox.val();
////////////!!!1/////////
searchWrap.hide();
loadWindow.append(embed);
if(window.uniboard){
window.uniboard.resize($(document).width(),$(document).height());
window.uniboard.setPreference("embed", escape(embed));
}
//alert($("#ubwidget").html());
$("#ubwidget embed").attr("wmode", "transparent");
var ubwidget_html = $("#ubwidget").html();
alert(ubwidget_html);
setTimeOut(alert);
$("#ubwidget").empty().html(ubwidget_html);
if(window.sankore){
window.sankore.resize($(document).width(),$(document).height());
window.sankore.setPreference("embed", escape(embed));
}
});
if(window.uniboard){
if(window.sankore){
if(window.uniboard.preferenceKeys().length != 0){
if(window.sankore.preferenceKeys().length != 0){
var loadEmbed = unescape(window.uniboard.preference("embed"));
var loadEmbed = unescape(window.sankore.preference("embed"));
inputBox.val(loadEmbed);
submit.trigger("click");
}
......
resources/library/interactive/Calculator.wgt/js/ubw-main.js
View file @ d2583e0a
......@@ -26,8 +26,8 @@ function init(){
backgroundImage:"url(images/back.png)",
width:328
});
if(window.uniboard){
window.uniboard.setPreference('historyTab', "visible");
if(window.sankore){
window.sankore.setPreference('historyTab', "visible");
};
},
function(){
......@@ -37,8 +37,8 @@ function init(){
backgroundImage:"url(images/back_small.png)",
width:160
});
if(window.uniboard){
window.uniboard.setPreference('historyTab', "hidden");
if(window.sankore){
window.sankore.setPreference('historyTab', "hidden");
};
}
)
......@@ -200,9 +200,9 @@ function init(){
.append(historyPanel)
.append(keysPanel);
if(window.uniboard){
historyTxt = window.uniboard.preference('historyTxt', historyTxt);
var ht = window.uniboard.preference('historyTab', "hidden");
if(window.sankore){
historyTxt = window.sankore.preference('historyTxt', historyTxt);
var ht = window.sankore.preference('historyTab', "hidden");
$("#historyBox").val(historyTxt);
if(ht === "visible"){
historyTab.trigger("click");
......@@ -210,7 +210,7 @@ function init(){
}
function resizeWidget(w, h){
window.uniboard.resize(w+2, h+2);
window.sankore.resize(w+2, h+2);
$("#indicator").remove();
var indicator = $("<div id='indicator'></div>")
.css({
......@@ -238,8 +238,8 @@ function compute(){
displayTrunk = "";
historyTrunk = "";
if(window.uniboard){
window.uniboard.setPreference('historyTxt', $("#historyBox").val());
if(window.sankore){
window.sankore.setPreference('historyTxt', $("#historyBox").val());
};
lastHistory = $("#historyBox").val();
......
resources/library/interactive/GeoInfo.wgt/GeoInfo.html
View file @ d2583e0a
......@@ -1013,11 +1013,11 @@
<span class="comparer">Comparer les pays: <input id="compare" type="checkbox" onClick="vide()" ></span>
<table width="654px" border="0">
<tr>
<td><div class="styleDiv" id=info1></td>
<td><div class="styleDiv" id=info2></td>
<td><div class="styleDiv" id=info3></td>
<td><div class="styleDiv" id=info4></td>
<td><div class="styleDiv" id=info5></td>
<td><div class="styleDiv" id="info1"></td>
<td><div class="styleDiv" id="info2"></td>
<td><div class="styleDiv" id="info3"></td>
<td><div class="styleDiv" id="info4"></td>
<td><div class="styleDiv" id="info5"></td>
</tr>
</table>
......@@ -1025,1061 +1025,1061 @@
<div id="MA" class="cacher">
<span class="nomPays">Maroc</span></br>
<span class="capitalePays">Capitale: Rabat</span></br>
<object data="images/Drapeaux/Afrique/Flag_of_Morocco.gif" class="drapeaux"/>
<object data="images/Drapeaux/Afrique/Flag_of_Morocco.png" class="drapeaux"/>
</div>
<div id="DZ" class="cacher">
<span class="nomPays">Algerie</span></br>
<span class="capitalePays">Capitale: Alger</span></br>
<object data="images/Drapeaux/Afrique/Flag_of_Algeria.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Algeria.png" class="drapeaux"/>
</div>
<div id="TN" class="cacher">
<span class="nomPays">Tunisie</span></br>
<span class="capitalePays">Capitale: Tunis</span></br>
<object data="images/Drapeaux/Afrique/Flag_of_Tunisia.gif" class="drapeaux"/>
<object data="images/Drapeaux/Afrique/Flag_of_Tunisia.png" class="drapeaux"/>
</div>
<div id="LY" class="cacher">
<span class="nomPays">Libye</span></br>
<span class="capitalePays">Capitale: Tripoli</span></br>
<object data="images/Drapeaux/Afrique/Flag_of_Libya.gif" class="drapeaux"/>
<object data="images/Drapeaux/Afrique/Flag_of_Libya.png" class="drapeaux"/>
</div>
<div id="EG" class="cacher">
<span class="nomPays">Egypte</span></br>
<span class="capitalePays">Capitale: Le Caire</span></br>
<object data="images/Drapeaux/Afrique/Flag_of_Egypt.gif" class="drapeaux"/>
<object data="images/Drapeaux/Afrique/Flag_of_Egypt.png" class="drapeaux"/>
</div>
<div id="Sahara occidental" class="cacher">
<span class="nomPays">Sahara occidental</span></br>
<span class="capitalePays">Capitale: </span></br>
<object data="images/Drapeaux/Afrique/Flag_of_.gif" class="drapeaux"/>
<object data="images/Drapeaux/Afrique/Flag_of_.png" class="drapeaux"/>
</div>
<div id="MR" class="cacher">
<span class="nomPays">Mauritanie</span></br>
<span class="capitalePays">Capitale: Nouakchott</span></br>
<object data="images/Drapeaux/Afrique/Flag_of_Mauritania.gif" class="drapeaux"/>
<object data="images/Drapeaux/Afrique/Flag_of_Mauritania.png" class="drapeaux"/>
</div>
<div id="ML" class="cacher">
<span class="nomPays">Mali</span></br>
<span class="capitalePays">Capitale: Bamako</span></br>
<object data="images/Drapeaux/Afrique/Flag_of_Mali.gif" class="drapeaux"/>
<object data="images/Drapeaux/Afrique/Flag_of_Mali.png" class="drapeaux"/>
</div>
<div id="NE" class="cacher">
<span class="nomPays">Niger</span></br>
<span class="capitalePays">Capitale: Niamey</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Niger.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Niger.png" class="drapeaux"/>
</div>
<div id="TD" class="cacher">
<span class="nomPays">Tchad</span></br>
<span class="capitalePays">Capitale: Ndjamena</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Chad.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Chad.png" class="drapeaux"/>
</div>
<div id="SD" class="cacher">
<span class="nomPays">Soudan</span></br>
<span class="capitalePays">Capitale: Khartoum</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Sudan.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Sudan.png" class="drapeaux"/>
</div>
<div id="ER" class="cacher">
<span class="nomPays">Erythree</span></br>
<span class="capitalePays">Capitale: Asmara</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Eritrea.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Eritrea.png" class="drapeaux"/>
</div>
<div id="DJ" class="cacher"><span class="nomPays">Djibouti</span></br>
<span class="capitalePays">Capitale: Djibouti</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Djibouti.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Djibouti.png" class="drapeaux"/>
</div>
<div id="ET" class="cacher">
<span class="nomPays">Ethiopie</span></br>
<span class="capitalePays">Capitale: Addis Abeba</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Ethiopia.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Ethiopia.png" class="drapeaux"/>
</div>
<div id="SO" class="cacher">
<span class="nomPays">Somalie</span></br>
<span class="capitalePays">Capitale: Mogadiscio</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Somalia.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Somalia.png" class="drapeaux"/>
</div>
<div id="KE" class="cacher">
<span class="nomPays">Kenya</span></br>
<span class="capitalePays">Capitale: Nairobi</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Kenya.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Kenya.png" class="drapeaux"/>
</div>
<div id="UG" class="cacher">
<span class="nomPays">Ouganda</span></br>
<span class="capitalePays">Capitale: Kampala</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Uganda.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Uganda.png" class="drapeaux"/>
</div>
<div id="CD" class="cacher">
<span class="nomPays">Republique democratique du Congo</span></br>
<span class="capitalePays">Capitale: Kinshasa</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_the_Democratic_Republic_of_the_Congo.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_the_Democratic_Republic_of_the_Congo.png" class="drapeaux"/>
</div>
<div id="CF" class="cacher">
<span class="nomPays">Republique centrafricaine</span></br>
<span class="capitalePays">Capitale: Bangui</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_the_Central_African_Republic.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_the_Central_African_Republic.png" class="drapeaux"/>
</div>
<div id="CM" class="cacher">
<span class="nomPays">Cameroun</span></br>
<span class="capitalePays">Capitale: Yaounde</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Cameroon.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Cameroon.png" class="drapeaux"/>
</div>
<div id="NG" class="cacher">
<span class="nomPays">Nigeria</span></br>
<span class="capitalePays">Capitale: Abuja</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Nigeria.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Nigeria.png" class="drapeaux"/>
</div>
<div id="BJ" class="cacher">
<span class="nomPays">Benin</span></br>
<span class="capitalePays">Capitale: Porto Novo</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Benin.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Benin.png" class="drapeaux"/>
</div>
<div id="TG" class="cacher">
<span class="nomPays">Togo</span></br>
<span class="capitalePays">Capitale: Lome</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Togo.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Togo.png" class="drapeaux"/>
</div>
<div id="GH" class="cacher">
<span class="nomPays">Ghana</span></br>
<span class="capitalePays">Capitale: Accra</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Ghana.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Ghana.png" class="drapeaux"/>
</div>
<div id="CI" class="cacher">
<span class="nomPays">Cote d'Ivoire</span></br>
<span class="capitalePays">Capitale: Yamoussoukro</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Cote_d'Ivoire.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Cote_d'Ivoire.png" class="drapeaux"/>
</div>
<div id="BF" class="cacher">
<span class="nomPays">Burkina Faso</span></br>
<span class="capitalePays">Capitale: Ouagadougou</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Burkina_Faso.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Burkina_Faso.png" class="drapeaux"/>
</div>
<div id="LR" class="cacher">
<span class="nomPays">Liberia</span></br>
<span class="capitalePays">Capitale: Monravia</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Liberia.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Liberia.png" class="drapeaux"/>
</div>
<div id="SL" class="cacher">
<span class="nomPays">Sierra Leone</span></br>
<span class="capitalePays">Capitale: Freetown</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Sierra_Leone.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Sierra_Leone.png" class="drapeaux"/>
</div>
<div id="GN" class="cacher">
<span class="nomPays">Guinee</span></br>
<span class="capitalePays">Capitale: Conakry</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Guinea.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Guinea.png" class="drapeaux"/>
</div>
<div id="GW" class="cacher">
<span class="nomPays">Guinee-Bissau</span></br>
<span class="capitalePays">Capitale: Bissau</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Guinea-Bissau.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Guinea-Bissau.png" class="drapeaux"/>
</div>
<div id="SN" class="cacher">
<span class="nomPays">Senegal</span></br>
<span class="capitalePays">Capitale: Dakar</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Senegal.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Senegal.png" class="drapeaux"/>
</div>
<div id="GM" class="cacher">
<span class="nomPays">Gambie</span></br>
<span class="capitalePays">Capitale: Banjul</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_The_Gambia.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_The_Gambia.png" class="drapeaux"/>
</div>
<div id="RW" class="cacher">
<span class="nomPays">Rwanda</span></br>
<span class="capitalePays">Capitale: Kigali</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Rwanda.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Rwanda.png" class="drapeaux"/>
</div>
<div id="BI" class="cacher">
<span class="nomPays">Burundi</span></br>
<span class="capitalePays">Capitale: Bujumbura</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Burundi.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Burundi.png" class="drapeaux"/>
</div>
<div id="CG" class="cacher">
<span class="nomPays">Republique du Congo</span></br>
<span class="capitalePays">Capitale: Brazzaville</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_the_Republic_of_the_Congo.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_the_Republic_of_the_Congo.png" class="drapeaux"/>
</div>
<div id="GA" class="cacher">
<span class="nomPays">Gabon</span></br>
<span class="capitalePays">Capitale: Libreville</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Gabon.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Gabon.png" class="drapeaux"/>
</div>
<div id="GQ" class="cacher">
<span class="nomPays">Guinee Equatoriale</span></br>
<span class="capitalePays">Capitale: Malabo</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Equatorial_Guinea.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Equatorial_Guinea.png" class="drapeaux"/>
</div>
<div id="TZ" class="cacher">
<span class="nomPays">Tanzanie</span></br>
<span class="capitalePays">Capitale: Dodoma</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Tanzania.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Tanzania.png" class="drapeaux"/>
</div>
<div id="MW" class="cacher">
<span class="nomPays">Malawi</span></br>
<span class="capitalePays">Capitale: Lilongwe</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Malawi.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Malawi.png" class="drapeaux"/>
</div>
<div id="ZM" class="cacher">
<span class="nomPays">Zambie</span></br>
<span class="capitalePays">Capitale: Lusaka</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Zambia.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Zambia.png" class="drapeaux"/>
</div>
<div id="AO" class="cacher">
<span class="nomPays">Angola</span></br>
<span class="capitalePays">Capitale: Luanda</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Angola.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Angola.png" class="drapeaux"/>
</div>
<div id="MZ" class="cacher">
<span class="nomPays">Mozambique</span></br>
<span class="capitalePays">Capitale: Maputo</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Mozambique.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Mozambique.png" class="drapeaux"/>
</div>
<div id="ZW" class="cacher">
<span class="nomPays">Zimbabwe</span></br>
<span class="capitalePays">Capitale: Harare</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Zimbabwe.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Zimbabwe.png" class="drapeaux"/>
</div>
<div id="BW" class="cacher">
<span class="nomPays">Botswana</span></br>
<span class="capitalePays">Capitale: Gaborone</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Botswana.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Botswana.png" class="drapeaux"/>
</div>
<div id="NA" class="cacher">
<span class="nomPays">Namibie</span></br>
<span class="capitalePays">Capitale: Windhoec</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Namibia.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Namibia.png" class="drapeaux"/>
</div>
<div id="ZA" class="cacher">
<span class="nomPays">Afrique du Sud</span></br>
<span class="capitalePays">Capitale: Pretoria</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_South_Africa.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_South_Africa.png" class="drapeaux"/>
</div>
<div id="LS" class="cacher">
<span class="nomPays">Lesotho</span></br>
<span class="capitalePays">Capitale: Maseru</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Lesotho.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Lesotho.png" class="drapeaux"/>
</div>
<div id="SZ" class="cacher">
<span class="nomPays">Swaziland</span></br>
<span class="capitalePays">Capitale: Mbabane</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Swaziland.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Swaziland.png" class="drapeaux"/>
</div>
<div id="MG" class="cacher">
<span class="nomPays">Madagascar</span></br>
<span class="capitalePays">Capitale: Antananarivo</span></br>
<img src="images/Drapeaux/Afrique/Flag_of_Madagascar.gif" class="drapeaux"/>
<img src="images/Drapeaux/Afrique/Flag_of_Madagascar.png" class="drapeaux"/>
</div>
<!-- Informations sur les pays d'Amerique du Sud-->
<div id="AR" class="cacher">
<span class="nomPays">Argentine</span></br>
<span class="capitalePays">Capitale: Buenos Aires</span></br>
<img src="images/Drapeaux/AmeriqueSud/Flag_of_Argentina.gif" class="drapeaux"/>
<img src="images/Drapeaux/AmeriqueSud/Flag_of_Argentina.png" class="drapeaux"/>
</div>
<div id="CL" class="cacher">
<span class="nomPays">Chili</span></br>
<span class="capitalePays">Capitale: Santiago</span></br>
<img src="images/Drapeaux/AmeriqueSud/Flag_of_Chile.gif" class="drapeaux"/>
<img src="images/Drapeaux/AmeriqueSud/Flag_of_Chile.png" class="drapeaux"/>
</div>
<div id="UY" class="cacher">
<span class="nomPays">Uruguay</span></br>
<span class="capitalePays">Capitale: Montevideo</span></br>
<img src="images/Drapeaux/AmeriqueSud/Flag_of_Uruguay.gif" class="drapeaux"/>
<img src="images/Drapeaux/AmeriqueSud/Flag_of_Uruguay.png" class="drapeaux"/>
</div>
<div id="PY" class="cacher">
<span class="nomPays">Paraguay</span></br>
<span class="capitalePays">Capitale: Asuncion</span></br>
<img src="images/Drapeaux/AmeriqueSud/Flag_of_Paraguay.gif" class="drapeaux"/>
<img src="images/Drapeaux/AmeriqueSud/Flag_of_Paraguay.png" class="drapeaux"/>
</div>
<div id="BO" class="cacher">
<span class="nomPays">Bolivie</span></br>
<span class="capitalePays">Capitale: La Paz</span></br>
<img src="images/Drapeaux/AmeriqueSud/Flag_of_Bolivia.gif" class="drapeaux"/>
<img src="images/Drapeaux/AmeriqueSud/Flag_of_Bolivia.png" class="drapeaux"/>
</div>
<div id="BR" class="cacher">
<span class="nomPays">Bresil</span></br>
<span class="capitalePays">Capitale: Brasilia</span></br>
<img src="images/Drapeaux/AmeriqueSud/Flag_of_Brazil.gif" class="drapeaux"/>
<img src="images/Drapeaux/AmeriqueSud/Flag_of_Brazil.png" class="drapeaux"/>
</div>
<div id="PE" class="cacher">
<span class="nomPays">Perou</span></br>
<span class="capitalePays">Capitale: Lima</span></br>
<img src="images/Drapeaux/AmeriqueSud/Flag_of_Peru.gif" class="drapeaux"/>
<img src="images/Drapeaux/AmeriqueSud/Flag_of_Peru.png" class="drapeaux"/>
</div>
<div id="EC" class="cacher">
<span class="nomPays">Equateur</span></br>
<span class="capitalePays">Capitale: Quito</span></br>
<img src="images/Drapeaux/AmeriqueSud/Flag_of_Ecuador.gif" class="drapeaux"/>
<img src="images/Drapeaux/AmeriqueSud/Flag_of_Ecuador.png" class="drapeaux"/>
</div>
<div id="CO" class="cacher">
<span class="nomPays">Colombie</span></br>
<span class="capitalePays">Capitale: Bogota</span></br>
<img src="images/Drapeaux/AmeriqueSud/Flag_of_Colombia.gif" class="drapeaux"/>
<img src="images/Drapeaux/AmeriqueSud/Flag_of_Colombia.png" class="drapeaux"/>
</div>
<div id="VE" class="cacher">
<span class="nomPays">Venezuela</span></br>
<span class="capitalePays">Capitale: Caracas</span></br>
<img src="images/Drapeaux/AmeriqueSud/Flag_of_Venezuela.gif" class="drapeaux"/>
<img src="images/Drapeaux/AmeriqueSud/Flag_of_Venezuela.png" class="drapeaux"/>
</div>
<div id="GY" class="cacher">
<span class="nomPays">Guyana</span></br>
<span class="capitalePays">Capitale: Georgetown</span></br>
<img src="images/Drapeaux/AmeriqueSud/Flag_of_Guyana.gif" class="drapeaux"/>
<img src="images/Drapeaux/AmeriqueSud/Flag_of_Guyana.png" class="drapeaux"/>
</div>
<div id="SR" class="cacher">
<span class="nomPays">Suriname</span></br>
<span class="capitalePays">Capitale: Paramaribo</span></br>
<img src="images/Drapeaux/AmeriqueSud/Flag_of_Suriname.gif" class="drapeaux"/>
<img src="images/Drapeaux/AmeriqueSud/Flag_of_Suriname.png" class="drapeaux"/>
</div>
<div id="GF" class="cacher">
<span class="nomPays">Guyane</span></br>
<span class="capitalePays">Capitale: Paris</span></br>
<img src="images/Drapeaux/AmeriqueSud/Flag_of_France.gif" class="drapeaux"/>
<img src="images/Drapeaux/AmeriqueSud/Flag_of_France.png" class="drapeaux"/>
</div>
<!-- Informations sur les pays d'Amérique du Nord-->
<div id="CA" class="cacher">
<span class="nomPays">Canada</span></br>
<span class="capitalePays">Capitale: Ottawa</span></br>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_Canada.gif" class="drapeaux"/>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_Canada.png" class="drapeaux"/>
</div>
<div id="GL" class="cacher">
<span class="nomPays">Groenland</span></br>
<span class="capitalePays">Capitale: Nuuk</span></br>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_Greenland.gif" class="drapeaux"/>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_Greenland.png" class="drapeaux"/>
</div>
<div id="US" class="cacher">
<span class="nomPays">Etats-Unis d'Amerique</span></br>
<span class="capitalePays">Capitale: Washington DC</span></br>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_the_United_States.gif" class="drapeaux"/>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_the_United_States.png" class="drapeaux"/>
</div>
<div id="MX" class="cacher">
<span class="nomPays">Mexique</span></br>
<span class="capitalePays">Capitale: Mexico</span></br>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_Mexico.gif" class="drapeaux"/>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_Mexico.png" class="drapeaux"/>
</div>
<div id="CU" class="cacher">
<span class="nomPays">Cuba</span></br>
<span class="capitalePays">Capitale: La Havane</span></br>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_Cuba.gif" class="drapeaux"/>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_Cuba.png" class="drapeaux"/>
</div>
<div id="HT" class="cacher">
<span class="nomPays">Haiti</span></br>
<span class="capitalePays">Capitale: Port-au-Prince</span></br>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_Haiti.gif" class="drapeaux"/>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_Haiti.png" class="drapeaux"/>
</div>
<div id="DO" class="cacher">
<span class="nomPays">Republique dominicaine</span></br>
<span class="capitalePays">Capitale: Saint-Domingue</span></br>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_the_Dominican_Republic.gif" class="drapeaux"/>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_the_Dominican_Republic.png" class="drapeaux"/>
</div>
<div id="JM" class="cacher">
<span class="nomPays">Jamaique</span></br>
<span class="capitalePays">Capitale: Kingston</span></br>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_Jamaica.gif" class="drapeaux"/>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_Jamaica.png" class="drapeaux"/>
</div>
<div id="BS" class="cacher">
<span class="nomPays">Bahamas</span></br>
<span class="capitalePays">Capitale: Nassau</span></br>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_the_Bahamas.gif" class="drapeaux"/>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_the_Bahamas.png" class="drapeaux"/>
</div>
<div id="GT" class="cacher">
<span class="nomPays">Guatemala</span></br>
<span class="capitalePays">Capitale: Guatemala</span></br>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_Guatemala.gif" class="drapeaux"/>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_Guatemala.png" class="drapeaux"/>
</div>
<div id="BZ" class="cacher">
<span class="nomPays">Belize</span></br>
<span class="capitalePays">Capitale: Belmopan</span></br>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_Belize.gif" class="drapeaux"/>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_Belize.png" class="drapeaux"/>
</div>
<div id="SV" class="cacher">
<span class="nomPays">El Salvador</span></br>
<span class="capitalePays">Capitale: San Salvador</span></br>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_El_Salvador.gif" class="drapeaux"/>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_El_Salvador.png" class="drapeaux"/>
</div>
<div id="HN" class="cacher">
<span class="nomPays">Honduras</span></br>
<span class="capitalePays">Capitale: Tegucigalpa</span></br>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_Honduras.gif" class="drapeaux"/>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_Honduras.png" class="drapeaux"/>
</div>
<div id="NI" class="cacher">
<span class="nomPays">Nicaragua</span></br>
<span class="capitalePays">Capitale: Managua</span></br>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_Nicaragua.gif" class="drapeaux"/>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_Nicaragua.png" class="drapeaux"/>
</div>
<div id="CR" class="cacher">
<span class="nomPays">Costa-Rica</span></br>
<span class="capitalePays">Capitale: San Jose</span></br>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_Costa_Rica.gif" class="drapeaux"/>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_Costa_Rica.png" class="drapeaux"/>
</div>
<div id="PA" class="cacher">
<span class="nomPays">Panama</span></br>
<span class="capitalePays">Capitale: Panama</span></br>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_Panama.gif" class="drapeaux"/>
<img src="images/Drapeaux/AmeriqueNord/Flag_of_Panama.png" class="drapeaux"/>
</div>
<!-- Informations sur les pays d'Oceanie-->
<div id="AU" class="cacher">
<span class="nomPays">Australie</span></br>
<span class="capitalePays">Capitale: Canberra</span></br>
<img src="images/Drapeaux/Oceanie/Flag_of_Australia.gif" class="drapeaux"/>
<img src="images/Drapeaux/Oceanie/Flag_of_Australia.png" class="drapeaux"/>
</div>
<div id="NZ" class="cacher">
<span class="nomPays">Nouvelle-Zelande</span></br>
<span class="capitalePays">Capitale: Wellington</span></br>
<img src="images/Drapeaux/Oceanie/Flag_of_New_Zealand.gif" class="drapeaux"/>
<img src="images/Drapeaux/Oceanie/Flag_of_New_Zealand.png" class="drapeaux"/>
</div>
<div id="PG" class="cacher">
<span class="nomPays">Papouasie-Nouvelle-Guinee</span></br>
<span class="capitalePays">Capitale: Port Moresby</span></br>
<img src="images/Drapeaux/Oceanie/Flag_of_Papua_New_Guinea.gif" class="drapeaux"/>
<img src="images/Drapeaux/Oceanie/Flag_of_Papua_New_Guinea.png" class="drapeaux"/>
</div>
<div id="ID" class="cacher">
<span class="nomPays">Indonesie</span></br>
<span class="capitalePays">Capitale: Jakarta</span></br>
<img src="images/Drapeaux/Oceanie/Flag_of_Indonesia.gif" class="drapeaux"/>
<img src="images/Drapeaux/Oceanie/Flag_of_Indonesia.png" class="drapeaux"/>
</div>
<div id="SB" class="cacher">
<span class="nomPays">Iles Salomon</span></br>
<span class="capitalePays">Capitale: Honiara</span></br>
<img src="images/Drapeaux/Oceanie/Flag_of_the_Solomon_Islands.gif" class="drapeaux"/>
<img src="images/Drapeaux/Oceanie/Flag_of_the_Solomon_Islands.png" class="drapeaux"/>
</div>
<div id="VU" class="cacher">
<span class="nomPays">Vanuatu</span></br>
<span class="capitalePays">Capitale: Port-Vila</span></br>
<img src="images/Drapeaux/Oceanie/Flag_of_Vanuatu.gif" class="drapeaux"/>
<img src="images/Drapeaux/Oceanie/Flag_of_Vanuatu.png" class="drapeaux"/>
</div>
<div id="NC" class="cacher">
<span class="nomPays">Nouvelle-Caledonie</span></br>
<span class="capitalePays">Capitale: Paris</span></br>
<img src="images/Drapeaux/Oceanie/Flag_of_France.gif" class="drapeaux"/>
<img src="images/Drapeaux/Oceanie/Flag_of_France.png" class="drapeaux"/>
</div>
<!-- Informations sur les pays d'Europe-->
<div id="AL" class="cacher">
<span class="nomPays">Albanie</span></br>
<span class="capitalePays">Capitale: Tirana</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Albania.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Albania.png" class="drapeaux"/>
</div>
<div id="DE" class="cacher">
<span class="nomPays">Allemagne</span></br>
<span class="capitalePays">Capitale: Berlin</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Germany.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Germany.png" class="drapeaux"/>
</div>
<div id="AD" class="cacher">
<span class="nomPays">Andorre</span></br>
<span class="capitalePays">Capitale: Andorre-la-Vieille</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Andorra.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Andorra.png" class="drapeaux"/>
</div>
<div id="AM" class="cacher">
<span class="nomPays">Armenie</span></br>
<span class="capitalePays">Capitale: Erevan</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Armenia.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Armenia.png" class="drapeaux"/>
</div>
<div id="AT" class="cacher">
<span class="nomPays">Autriche</span></br>
<span class="capitalePays">Capitale: Vienne</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Austria.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Austria.png" class="drapeaux"/>
</div>
<div id="AZ" class="cacher">
<span class="nomPays">Azerbaidjan</span></br>
<span class="capitalePays">Capitale: Bakou</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Azerbaijan.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Azerbaijan.png" class="drapeaux"/>
</div>
<div id="BE" class="cacher">
<span class="nomPays">Belgique</span></br>
<span class="capitalePays">Capitale: Bruxelles</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Belgium.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Belgium.png" class="drapeaux"/>
</div>
<div id="BY" class="cacher">
<span class="nomPays">Belarus</span></br>
<span class="capitalePays">Capitale: Minsk</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Belarus.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Belarus.png" class="drapeaux"/>
</div>
<div id="BA" class="cacher">
<span class="nomPays">Bosnie</span></br>
<span class="capitalePays">Capitale: Sarajevo</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Bosnia_and_Herzegovina.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Bosnia_and_Herzegovina.png" class="drapeaux"/>
</div>
<div id="BG" class="cacher">
<span class="nomPays">Bulgarie</span></br>
<span class="capitalePays">Capitale: Sofia</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Bulgaria.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Bulgaria.png" class="drapeaux"/>
</div>
<div id="CY" class="cacher">
<span class="nomPays">Chypre</span></br>
<span class="capitalePays">Capitale: Nicosie</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Cyprus.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Cyprus.png" class="drapeaux"/>
</div>
<div id="HR" class="cacher">
<span class="nomPays">Croatie</span></br>
<span class="capitalePays">Capitale: Zagreb</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Croatia.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Croatia.png" class="drapeaux"/>
</div>
<div id="DK" class="cacher">
<span class="nomPays">Danemark</span></br>
<span class="capitalePays">Capitale: Copenhague</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Denmark.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Denmark.png" class="drapeaux"/>
</div>
<div id="ES" class="cacher">
<span class="nomPays">Espagne</span></br>
<span class="capitalePays">Capitale: Madrid</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Spain.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Spain.png" class="drapeaux"/>
</div>
<div id="EE" class="cacher">
<span class="nomPays">Estonie</span></br>
<span class="capitalePays">Capitale: Tallinn</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Estonia.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Estonia.png" class="drapeaux"/>
</div>
<div id="FI" class="cacher">
<span class="nomPays">Finlande</span></br>
<span class="capitalePays">Capitale: Helsinki</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Finland.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Finland.png" class="drapeaux"/>
</div>
<div id="FR" class="cacher">
<span class="nomPays">France</span></br>
<span class="capitalePays">Capitale: Paris</span></br>
<img src="images/Drapeaux/Europe/Flag_of_France.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_France.png" class="drapeaux"/>
</div>
<div id="GE" class="cacher">
<span class="nomPays">Georgie</span></br>
<span class="capitalePays">Capitale: Tbilissi</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Georgia.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Georgia.png" class="drapeaux"/>
</div>
<div id="EL" class="cacher">
<span class="nomPays">Grece</span></br>
<span class="capitalePays">Capitale: Athenes</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Greece.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Greece.png" class="drapeaux"/>
</div>
<div id="HU" class="cacher">
<span class="nomPays">Hongrie</span></br>
<span class="capitalePays">Capitale: Budapest</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Hungary.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Hungary.png" class="drapeaux"/>
</div>
<div id="IE" class="cacher">
<span class="nomPays">Irlande</span></br>
<span class="capitalePays">Capitale: Dublin</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Ireland.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Ireland.png" class="drapeaux"/>
</div>
<div id="IS" class="cacher">
<span class="nomPays">Islande</span></br>
<span class="capitalePays">Capitale: Reykjavik</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Iceland.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Iceland.png" class="drapeaux"/>
</div>
<div id="IT" class="cacher">
<span class="nomPays">Italie</span></br>
<span class="capitalePays">Capitale: Rome</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Italy.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Italy.png" class="drapeaux"/>
</div>
<div id="LV" class="cacher">
<span class="nomPays">Lettonie</span></br>
<span class="capitalePays">Capitale: Riga</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Latvia.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Latvia.png" class="drapeaux"/>
</div>
<div id="LI" class="cacher">
<span class="nomPays">Liechtenstein</span></br>
<span class="capitalePays">Capitale: Vaduz</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Liechtenstein.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Liechtenstein.png" class="drapeaux"/>
</div>
<div id="LT" class="cacher">
<span class="nomPays">Lituanie</span></br>
<span class="capitalePays">Capitale: Vilnius</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Lithuania.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Lithuania.png" class="drapeaux"/>
</div>
<div id="LU" class="cacher">
<span class="nomPays">Luxembourg</span></br>
<span class="capitalePays">Capitale: Luxembourg</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Luxembourg.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Luxembourg.png" class="drapeaux"/>
</div>
<div id="MK" class="cacher">
<span class="nomPays">Macedoine</span></br>
<span class="capitalePays">Capitale: Skopje</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Macedonia.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Macedonia.png" class="drapeaux"/>
</div>
<div id="MT" class="cacher">
<span class="nomPays">Malte</span></br>
<span class="capitalePays">Capitale: La Valette</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Malta.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Malta.png" class="drapeaux"/>
</div>
<div id="MD" class="cacher">
<span class="nomPays">Moldavie</span></br>
<span class="capitalePays">Capitale: Chisinau</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Moldova.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Moldova.png" class="drapeaux"/>
</div>
<div id="MC" class="cacher">
<span class="nomPays">Monaco</span></br>
<span class="capitalePays">Capitale: Monaco</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Monaco.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Monaco.png" class="drapeaux"/>
</div>
<div id="ME" class="cacher">
<span class="nomPays">Montenegro</span></br>
<span class="capitalePays">Capitale: Podaorica</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Montenegro.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Montenegro.png" class="drapeaux"/>
</div>
<div id="NO" class="cacher">
<span class="nomPays">Norvege</span></br>
<span class="capitalePays">Capitale: Oslo</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Norway.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Norway.png" class="drapeaux"/>
</div>
<div id="NL" class="cacher">
<span class="nomPays">Pays-Bas</span></br>
<span class="capitalePays">Capitale: Amsterdam</span></br>
<img src="images/Drapeaux/Europe/Flag_of_the_Netherlands.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_the_Netherlands.png" class="drapeaux"/>
</div>
<div id="PL" class="cacher">
<span class="nomPays">Pologne</span></br>
<span class="capitalePays">Capitale: Varsovie</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Poland.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Poland.png" class="drapeaux"/>
</div>
<div id="PT" class="cacher">
<span class="nomPays">Portugal</span></br>
<span class="capitalePays">Capitale: Lisbonne</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Portugal.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Portugal.png" class="drapeaux"/>
</div>
<div id="CZ" class="cacher">
<span class="nomPays">Republique tcheque</span></br>
<span class="capitalePays">Capitale: Prague</span></br>
<img src="images/Drapeaux/Europe/Flag_of_the_Czech_Republic.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_the_Czech_Republic.png" class="drapeaux"/>
</div>
<div id="RO" class="cacher">
<span class="nomPays">Roumanie</span></br>
<span class="capitalePays">Capitale: Bucarest</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Romania.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Romania.png" class="drapeaux"/>
</div>
<div id="UK" class="cacher">
<span class="nomPays">Royaume-Uni</span></br>
<span class="capitalePays">Capitale: Londres</span></br>
<img src="images/Drapeaux/Europe/Flag_of_the_United_Kingdom.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_the_United_Kingdom.png" class="drapeaux"/>
</div>
<div id="SM" class="cacher">
<span class="nomPays">Saint-Marin</span></br>
<span class="capitalePays">Capitale: Saint-Marin</span></br>
<img src="images/Drapeaux/Europe/Flag_of_San_Marino.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_San_Marino.png" class="drapeaux"/>
</div>
<div id="RS" class="cacher">
<span class="nomPays">Serbie</span></br>
<span class="capitalePays">Capitale: Belgrade</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Serbia.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Serbia.png" class="drapeaux"/>
</div>
<div id="SK" class="cacher">
<span class="nomPays">Slovaquie</span></br>
<span class="capitalePays">Capitale: Bratislava</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Slovakia.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Slovakia.png" class="drapeaux"/>
</div>
<div id="SI" class="cacher">
<span class="nomPays">Slovenie</span></br>
<span class="capitalePays">Capitale: Ljubljana</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Slovenia.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Slovenia.png" class="drapeaux"/>
</div>
<div id="SE" class="cacher">
<span class="nomPays">Suede</span></br>
<span class="capitalePays">Capitale: Stockholm</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Sweden.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Sweden.png" class="drapeaux"/>
</div>
<div id="CH" class="cacher">
<span class="nomPays">Suisse</span></br>
<span class="capitalePays">Capitale: Berne</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Switzerland.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Switzerland.png" class="drapeaux"/>
</div>
<div id="TR" class="cacher">
<span class="nomPays">Turquie</span></br>
<span class="capitalePays">Capitale: Ankara</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Turkey.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Turkey.png" class="drapeaux"/>
</div>
<div id="UA" class="cacher">
<span class="nomPays">Ukraine</span></br>
<span class="capitalePays">Capitale: Kiev</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Ukraine.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Ukraine.png" class="drapeaux"/>
</div>
<div id="VA" class="cacher">
<span class="nomPays">Vatican</span></br>
<span class="capitalePays">Capitale: Cite du Vatican</span></br>
<img src="images/Drapeaux/Europe/Flag_of_the_Vatican_City.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_the_Vatican_City.png" class="drapeaux"/>
</div>
<!-- Informations sur les pays d'Asie-->
<div id="AF" class="cacher">
<span class="nomPays">Afghanistan</span></br>
<span class="capitalePays">Capitale: Kaboul</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Afghanistan.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Afghanistan.png" class="drapeaux"/>
</div>
<div id="SA" class="cacher">
<span class="nomPays">Arabie Saoudite</span></br>
<span class="capitalePays">Capitale: Riyad</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Saudi_Arabia.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Saudi_Arabia.png" class="drapeaux"/>
</div>
<div id="BH" class="cacher">
<span class="nomPays">Bahrein</span></br>
<span class="capitalePays">Capitale: Manama</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Bahrain.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Bahrain.png" class="drapeaux"/>
</div>
<div id="BD" class="cacher">
<span class="nomPays">Bangladesh</span></br>
<span class="capitalePays">Capitale: Dhaka</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Bangladesh.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Bangladesh.png" class="drapeaux"/>
</div>
<div id="BT" class="cacher">
<span class="nomPays">Bhoutan</span></br>
<span class="capitalePays">Capitale: Thimphou</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Bhutan.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Bhutan.png" class="drapeaux"/>
</div>
<div id="BN" class="cacher">
<span class="nomPays">Brunei</span></br>
<span class="capitalePays">Capitale: Bandar Seri Begawan</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Brunei.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Brunei.png" class="drapeaux"/>
</div>
<div id="KH" class="cacher">
<span class="nomPays">Cambodge</span></br>
<span class="capitalePays">Capitale: Phnom Penh</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Cambodia.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Cambodia.png" class="drapeaux"/>
</div>
<div id="CN" class="cacher">
<span class="nomPays">Chine</span></br>
<span class="capitalePays">Capitale: Pekin</span></br>
<img src="images/Drapeaux/Asie/Flag_of_the_People's_Republic_of_China.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_the_People's_Republic_of_China.png" class="drapeaux"/>
</div>
<div id="KP" class="cacher">
<span class="nomPays">Coree du Nord</span></br>
<span class="capitalePays">Capitale: Pyongyang</span></br>
<img src="images/Drapeaux/Asie/Flag_of_North_Korea.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_North_Korea.png" class="drapeaux"/>
</div>
<div id="KR" class="cacher">
<span class="nomPays">Coree du Sud</span></br>
<span class="capitalePays">Capitale: Seoul</span></br>
<img src="images/Drapeaux/Asie/Flag_of_South_Korea.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_South_Korea.png" class="drapeaux"/>
</div>
<div id="AE" class="cacher">
<span class="nomPays">Emirats arabes unis</span></br>
<span class="capitalePays">Capitale: Abou Dabi</span></br>
<img src="images/Drapeaux/Asie/Flag_of_the_United_Arab_Emirates.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_the_United_Arab_Emirates.png" class="drapeaux"/>
</div>
<div id="IN" class="cacher">
<span class="nomPays">Inde</span></br>
<span class="capitalePays">Capitale: New Delhi</span></br>
<img src="images/Drapeaux/Asie/Flag_of_India.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_India.png" class="drapeaux"/>
</div>
<div id="ID" class="cacher">
<span class="nomPays">Indonesie</span></br>
<span class="capitalePays">Capitale: Jakarta</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Indonesia.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Indonesia.png" class="drapeaux"/>
</div>
<div id="IR" class="cacher">
<span class="nomPays">Iran</span></br>
<span class="capitalePays">Capitale: Teheran</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Iran.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Iran.png" class="drapeaux"/>
</div>
<div id="IQ" class="cacher">
<span class="nomPays">Iraq</span></br>
<span class="capitalePays">Capitale: Bagdad</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Iraq.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Iraq.png" class="drapeaux"/>
</div>
<div id="IL" class="cacher">
<span class="nomPays">Israel</span></br>
<span class="capitalePays">Capitale: Jerusalem</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Israel.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Israel.png" class="drapeaux"/>
</div>
<div id="JP" class="cacher">
<span class="nomPays">Japon</span></br>
<span class="capitalePays">Capitale: Tokyo</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Japan.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Japan.png" class="drapeaux"/>
</div>
<div id="JO" class="cacher">
<span class="nomPays">Jordanie</span></br>
<span class="capitalePays">Capitale: Amman</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Jordan.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Jordan.png" class="drapeaux"/>
</div>
<div id="KZ" class="cacher">
<span class="nomPays">Kazakhstan</span></br>
<span class="capitalePays">Capitale: Astana</span></br>
<img src="images/Drapeaux/Europe/Flag_of_Kazakhstan.gif" class="drapeaux"/>
<img src="images/Drapeaux/Europe/Flag_of_Kazakhstan.png" class="drapeaux"/>
</div>
<div id="KG" class="cacher">
<span class="nomPays">Kirghizistan</span></br>
<span class="capitalePays">Capitale: Bichkek</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Kyrgyzstan.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Kyrgyzstan.png" class="drapeaux"/>
</div>
<div id="KW" class="cacher">
<span class="nomPays">Koweit</span></br>
<span class="capitalePays">Capitale: Koweit</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Kuwait.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Kuwait.png" class="drapeaux"/>
</div>
<div id="LA" class="cacher">
<span class="nomPays">Laos</span></br>
<span class="capitalePays">Capitale: Vientiane</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Laos.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Laos.png" class="drapeaux"/>
</div>
<div id="LB" class="cacher">
<span class="nomPays">Liban</span></br>
<span class="capitalePays">Capitale: Beyrouth</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Lebanon.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Lebanon.png" class="drapeaux"/>
</div>
<div id="MY" class="cacher">
<span class="nomPays">Malaisie</span></br>
<span class="capitalePays">Capitale: Kuala Lumpur</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Malaysia.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Malaysia.png" class="drapeaux"/>
</div>
<div id="MV" class="cacher">
<span class="nomPays">Maldives</span></br>
<span class="capitalePays">Capitale: Male</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Maldives.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Maldives.png" class="drapeaux"/>
</div>
<div id="MN" class="cacher">
<span class="nomPays">Mongolie</span></br>
<span class="capitalePays">Capitale: Oulan-Bator</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Mongolia.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Mongolia.png" class="drapeaux"/>
</div>
<div id="MM" class="cacher">
<span class="nomPays">Myanmar</span></br>
<span class="capitalePays">Capitale: Naypyidaw</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Myanmar.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Myanmar.png" class="drapeaux"/>
</div>
<div id="NP" class="cacher">
<span class="nomPays">Nepal</span></br>
<span class="capitalePays">Capitale: Katmandou</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Nepal.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Nepal.png" class="drapeaux"/>
</div>
<div id="OM" class="cacher">
<span class="nomPays">Oman</span></br>
<span class="capitalePays">Capitale: Mascate</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Oman.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Oman.png" class="drapeaux"/>
</div>
<div id="UZ" class="cacher">
<span class="nomPays">Ouzbekistan</span></br>
<span class="capitalePays">Capitale: Tachkent</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Uzbekistan.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Uzbekistan.png" class="drapeaux"/>
</div>
<div id="PK" class="cacher">
<span class="nomPays">Pakistan</span></br>
<span class="capitalePays">Capitale: Islamabad</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Pakistan.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Pakistan.png" class="drapeaux"/>
</div>
<div id="PH" class="cacher">
<span class="nomPays">Philippines</span></br>
<span class="capitalePays">Capitale: Manille</span></br>
<img src="images/Drapeaux/Asie/Flag_of_the_Philippines.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_the_Philippines.png" class="drapeaux"/>
</div>
<div id="QA" class="cacher">
<span class="nomPays">Qatar</span></br>
<span class="capitalePays">Capitale: Doha</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Qatar.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Qatar.png" class="drapeaux"/>
</div>
<div id="RU" class="cacher">
<span class="nomPays">Russie</span></br>
<span class="capitalePays">Capitale: Moscou</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Russia.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Russia.png" class="drapeaux"/>
</div>
<div id="SG" class="cacher">
<span class="nomPays">Singapour</span></br>
<span class="capitalePays">Capitale: Singapour</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Singapore.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Singapore.png" class="drapeaux"/>
</div>
<div id="LK" class="cacher">
<span class="nomPays">Sri Lanka</span></br>
<span class="capitalePays">Capitale: Colombo</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Sri_Lanka.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Sri_Lanka.png" class="drapeaux"/>
</div>
<div id="SY" class="cacher">
<span class="nomPays">Syrie</span></br>
<span class="capitalePays">Capitale: Damas</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Syria.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Syria.png" class="drapeaux"/>
</div>
<div id="TJ" class="cacher">
<span class="nomPays">Tadjikistan</span></br>
<span class="capitalePays">Capitale: Douchanbe</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Tajikistan.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Tajikistan.png" class="drapeaux"/>
</div>
<div id="TH" class="cacher">
<span class="nomPays">Thailande</span></br>
<span class="capitalePays">Capitale: Bangkok</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Thailand.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Thailand.png" class="drapeaux"/>
</div>
<div id="TL" class="cacher">
<span class="nomPays">Timor-oriental</span></br>
<span class="capitalePays">Capitale: Dili</span></br>
<img src="images/Drapeaux/Asie/Flag_of_East_Timor.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_East_Timor.png" class="drapeaux"/>
</div>
<div id="TM" class="cacher">
<span class="nomPays">Turkmenistan</span></br>
<span class="capitalePays">Capitale: Achgabat</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Turkmenistan.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Turkmenistan.png" class="drapeaux"/>
</div>
<div id="VN" class="cacher">
<span class="nomPays">Viet Nam</span></br>
<span class="capitalePays">Capitale: Hanoi</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Vietnam.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Vietnam.png" class="drapeaux"/>
</div>
<div id="YE" class="cacher">
<span class="nomPays">Yemen</span></br>
<span class="capitalePays">Capitale: Sanaa</span></br>
<img src="images/Drapeaux/Asie/Flag_of_Yemen.gif" class="drapeaux"/>
<img src="images/Drapeaux/Asie/Flag_of_Yemen.png" class="drapeaux"/>
</div>
</body>
......
resources/library/interactive/GeoInfo.wgt/css/GeoInfo.css
View file @ d2583e0a
body {
background-color: white;
}
.styleDiv
{
height:250px;
......
resources/library/interactive/GeoInfo.wgt/js/GeoInfo.js
View file @ d2583e0a
......@@ -89,9 +89,7 @@ function popupInfo(text)
// 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
......@@ -224,19 +222,19 @@ function fondu(carte)
// 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
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+20;
}
resources/library/interactive/GeoInfo.wgt/js/soapclient.js
View file @ d2583e0a
......@@ -162,7 +162,7 @@ SOAPClient._sendSoapRequest = function(url, method, parameters, async, callback,
"<soap:Envelope " +
"xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" " +
"xmlns:xsd=\"http://www.w3.org/2001/XMLSchema\" " +
"xmlns:soap=\"http://schemas.xmlsoap.org/soap/envelope/\" " + "xmlns:ser=\"" + ns + "\">" +
"xmlns:soap=\"http://schemas.xmlsoap.org/soap/envelope/\" " + "xmlns:ser=\"" + ns + "\">" +
"<soap:Body>" +
"<ser:" + method + ">" +
parameters.toXml() +
......
resources/library/interactive/Html.wgt/images/style.css
View file @ d2583e0a
body {
font: 13px "Trebuchet MS", Arial, Verdana;
padding-top:0px;
color: gray;
}
a {
text-decoration:none;
color:#3C769D;
......
resources/library/interactive/Html.wgt/index.html
View file @ d2583e0a
......@@ -10,9 +10,8 @@
<script type="text/javascript" src="markitup/jquery.markitup.js"></script>
<!-- markItUp! toolbar settings -->
<script type="text/javascript" src="markitup/sets/html/set.js"></script>
<!-- markItUp! skin -->
<link rel="stylesheet" type="text/css" href="markitup/skins/simple/style.css" />
<!-- markItUp! toolbar skin -->
<link rel="stylesheet" type="text/css" href="markitup/skins/markitup/style.css" />
<link rel="stylesheet" type="text/css" href="markitup/sets/html/style.css" />
</head>
......
resources/library/interactive/Html.wgt/markitup/sets/html/set.js
View file @ d2583e0a
......@@ -34,6 +34,6 @@ mySettings = {
{name:'Link', key:'L', openWith:'<a target="_blank" href="[![Link:!:http://]!]"(!( title="[![Title]!]")!)>', closeWith:'</a>', placeHolder:'Your text to link...' },
{separator:'---------------' },
//{name:'Editor', className:'clean', replaceWith:function() { $('textarea').show(); $('iframe').remove();} },
{name:'Preview', className:'preview', call:'preview'}
{name:'', className:'preview', call:'preview'}
]
}
\ No newline at end of file
resources/library/interactive/Html.wgt/markitup/sets/html/style.css
View file @ d2583e0a
......@@ -3,95 +3,71 @@
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.markItUp .markItUpButton1 a {
position:static;
margin-left:5px;
background-image:url(images/h1.png);
background-repeat:no-repeat;
}
.markItUp .markItUpButton2 a {
position:static;
.markItUp .markItUpButton2 a {
background-image:url(images/h2.png);
background-repeat:no-repeat;
}
.markItUp .markItUpButton3 a {
position:static;
background-image:url(images/h3.png);
background-repeat:no-repeat;
}
.markItUp .markItUpButton4 a {
position:static;
background-image:url(images/h4.png);
background-repeat:no-repeat;
}
.markItUp .markItUpButton5 a {
position:static;
background-repeat:no-repeat;
background-image:url(images/h5.png);
}
.markItUp .markItUpButton6 a {
position:static;
background-repeat:no-repeat;
background-image:url(images/h6.png);
}
.markItUp .markItUpButton7 a {
position:static;
background-repeat:no-repeat;
background-image:url(images/paragraph.png);
}
.markItUp .markItUpButton8 a {
position:static;
background-repeat:no-repeat;
background-image:url(images/bold.png);
}
.markItUp .markItUpButton9 a {
position:static;
background-repeat:no-repeat;
background-image:url(images/italic.png);
}
.markItUp .markItUpButton10 a {
position:static;
background-repeat:no-repeat;
background-image:url(images/stroke.png);
}
.markItUp .markItUpButton11 a {
position:static;
background-repeat:no-repeat;
background-image:url(images/list-bullet.png);
}
.markItUp .markItUpButton12 a {
position:static;
background-repeat:no-repeat;
background-image:url(images/list-numeric.png);
}
.markItUp .markItUpButton13 a {
position:static;
background-repeat:no-repeat;
background-image:url(images/list-item.png);
}
.markItUp .markItUpButton14 a {
position:static;
background-repeat:no-repeat;
background-image:url(images/picture.png);
}
.markItUp .markItUpButton15 a {
position:static;
background-repeat:no-repeat;
background-image:url(images/link.png);
}
.markItUp .clean a {
position:static;
margin-top:-2px;
width:32px;
height:20px;
background-image:url(images/clean.png);
}
.markItUp .preview a {
position:static;
background-repeat:no-repeat;
margin-top:-2px;
width:46px;
height:20px;
......
resources/library/interactive/Html.wgt/markitup/templates/preview.css
View file @ d2583e0a
body {
font:70% Verdana, Arial, Helvetica, sans-serif;
color: orange;
}
\ No newline at end of file
resources/library/interactive/Notes.wgt/css/ubwidget.css
View file @ d2583e0a
......@@ -41,7 +41,7 @@ body{
.stickytitle{
background-color: transparent;
min-width: 10px;
max-width: 60%;
max-width: 70%;
width: 100%;
padding-top: 4px;
height: 20px;
......
resources/library/interactive/Notes.wgt/js/ubw-main.js
View file @ d2583e0a
function init(){
var ubwidget = $("#ubwidget").ubwidget({
width:300,
width:360,
height:240
});
var checkMinimize = false;
var text = "";
var winwidth;
var minimizedHeight;
......@@ -12,18 +13,18 @@ function init(){
var scroll = false;
var defaultFontSize = 35;
var currentFontSize = defaultFontSize;
var header = $('<div id="head"><input id="headtitle" class="stickytitle"></input></div>');
var fontUp = $('<img src="images/stick-but-aplus.png">');
var fontDown = $('<img src="images/stick-but-aminus.png">');
var minimize = $('<img src="images/stick-but-minimize.png">');
var maximize = $('<img src="images/stick-but-maximize.png">');
var header = $('<div id="head"><input id="headtitle" class="stickytitle" readonly="readonly"/></div>');
var fontUp = $('<img src="images/stick-but-aplus.png"/>');
var fontDown = $('<img src="images/stick-but-aminus.png"/>');
var minimize = $('<img src="images/stick-but-minimize.png"/>');
var maximize = $('<img src="images/stick-but-maximize.png"/>');
var title = $('<div id="menu"></div>');
var textField = $('<div id="txt"></div>');
var shadow = $("<table width='100%' height='18' border='0' cellspacing='0' cellpadding='0'><tr><td id='sl' width='139'></td><td id='sc' style='background-image:url(images/shadowcenter.png)'>&nbsp;</td><td id='sr' width='139'></td></tr></table>")
.appendTo("body");
var shadowleft = $("<img src='images/shadowleft.png'>")
var shadowleft = $("<img src='images/shadowleft.png'/>")
.appendTo($("#sl"));
var shadowright = $("<img src='images/shadowright.png'>")
var shadowright = $("<img src='images/shadowright.png'/>")
.appendTo($("#sr"));
$("#ubwidget")
......@@ -44,7 +45,6 @@ function init(){
titletext.click(
function(){
titletext.focus();
});
......@@ -60,16 +60,16 @@ function init(){
controlTextField();
if(window.uniboard){
window.uniboard.setPreference("fontSize", newFontSize);
if(window.sankore){
window.sankore.setPreference("fontSize", newFontSize);
};
textField.focus();
if(!checkMinimize)
textField.focus();
});
fontUp.click(
function(){
var newFontSize = parseInt(currentFontSize) + 3;
textField.css({
......@@ -78,41 +78,40 @@ function init(){
controlTextField();
if(window.uniboard){
window.uniboard.setPreference("fontSize", newFontSize);
if(window.sankore){
window.sankore.setPreference("fontSize", newFontSize);
};
textField.focus();
if(!checkMinimize)
textField.focus();
});
minimize.click(
function(){
$('.ubw-container').animate({height:"26px"},100);
minimizedHeight = $('.ubw-container').height() ;
$('.ubw-container').animate({height:"26px"},500);
minimizedHeight = $('.ubw-container').height();
minimize.hide();
maximize.show();
controlTextField();
$('#headtitle').show();
window.resizeTo($('.ubw-container').width(),0);
$('#headtitle').focus();
//window.resizeTo($('.ubw-container').width(),0);
checkMinimize = true;
if(window.uniboard){
window.uniboard.setPreference("minimized", "true");
};
});
maximize.click(
function(){
var lastHeight = String(minimizedHeight)+'px';
$('.ubw-container').animate({height: lastHeight},100);
$('.ubw-container').animate({height: lastHeight},500);
maximize.hide();
minimize.show();
$('#headtitle').hide();
window.resizeTo($('.ubw-container').width()+15,minimizedHeight+20);
//textField.focus();
//window.resizeTo($('.ubw-container').width()+15,minimizedHeight+20);
checkMinimize = false;
if(window.uniboard){
window.uniboard.setPreference("minimized", "false");
};
});
header
......@@ -126,11 +125,11 @@ function init(){
.css("fontSize",currentFontSize)
.attr('contentEditable','true')
.keyup(function(){
if(window.uniboard){
window.uniboard.setPreference("text", textField.html());
if(window.sankore){
window.sankore.setPreference("text", textField.html());
}
controlTextField();
$('#headtitle').hide();
//$('#headtitle').hide();
});
if(textField.html().length === 0){
textField.focus();
......@@ -139,10 +138,10 @@ function init(){
.attr('rows','1');
function controlTextField(){
if(textField.text().length < 25){
var titleStr = textField.text() + '...';
$('#headtitle').val(titleStr);
}
if(textField.text().length < 25)
$('#headtitle').val(textField.text());
else
$('#headtitle').val(textField.text().substr(0,25) + "...");
textField.css({
height : $('.ubw-container').height()-28,
......@@ -160,18 +159,19 @@ function init(){
textField.bind('paste', function(e) {
controlTextField();
});
});
$('#headtitle').hide();
if(window.uniboard){
text = window.uniboard.preference('text', text);
currentFontSize = window.uniboard.preference('fontSize', defaultFontSize);
if(window.sankore){
text = window.sankore.preference('text', text);
currentFontSize = window.sankore.preference('fontSize', defaultFontSize);
$('.ubw-container').css({
width:parseInt(window.uniboard.preference('width', "300")),
height:parseInt(window.uniboard.preference('height', "240"))
width:window.innerWidth - 2,
height:window.innerHeight - 20
});
if(window.uniboard.preference('minimized', "false") == "true"){
if(checkMinimize){
minimize.trigger("click");
};
......@@ -196,15 +196,14 @@ function init(){
if(winheight > 600)
{
window.resizeTo(winwidth,600);
}
$('.ubw-container').width(winwidth-2) ;
$('.ubw-container').height(winheight-20) ;
}
if(window.uniboard){
window.uniboard.setPreference("width", winwidth-2);
window.uniboard.setPreference("height", winheight-20);
}
$('.ubw-container').width(winwidth-2);
if(checkMinimize)
minimizedHeight = winheight-40;
else
$('.ubw-container').height(winheight-40);
controlTextField();
}
......
resources/library/interactive/Stopwatch.wgt/js/ubw-main.js
View file @ d2583e0a
function init(){
var ubwidget = $("#ubwidget").ubwidget({
width:252,
height:89
});
var ubwidget = $("#ubwidget").ubwidget({
width:252,
height:89
});
var space = $("<div style='font-size:15px'>h</div>").ubwbutton({w:17, h:68});
space.find(".ubw-button-body").css({
borderLeft:"none",
borderRight:"none"
});
var spaceb = $("<div style='font-size:15px'>m</div>").ubwbutton({w:17, h:68});
spaceb.find(".ubw-button-body").css({
borderLeft:"none",
borderRight:"none"
});
spaceb.find(".ubw-button-canvas").unbind("mouseenter");
var spacec = $("<div style='font-size:15px'>s</div>").ubwbutton({w:17, h:68});
spacec.find(".ubw-button-body").css({
borderLeft:"none",
borderRight:"none"
});
spacec.find(".ubw-button-canvas").unbind("mouseenter");
var space = $("<div style='font-size:15px'>h</div>").ubwbutton({
w:17,
h:68
});
space.find(".ubw-button-body").css({
borderLeft:"none",
borderRight:"none"
});
var spaceb = $("<div style='font-size:15px'>m</div>").ubwbutton({
w:17,
h:68
});
spaceb.find(".ubw-button-body").css({
borderLeft:"none",
borderRight:"none"
});
spaceb.find(".ubw-button-canvas").unbind("mouseenter");
var spacec = $("<div style='font-size:15px'>s</div>").ubwbutton({
w:17,
h:68
});
spacec.find(".ubw-button-body").css({
borderLeft:"none",
borderRight:"none"
});
spacec.find(".ubw-button-canvas").unbind("mouseenter");
var hours = $("<div class='scroll' id='hours'>00</div>").ubwbutton({w:52, h:68}, {bottom:1, top:1, right:0, left:0});
hours.find(".ubw-button-body").css({
borderRight:"none"
});
var minutes = $("<div class='scroll' id='minutes'>00</div>").ubwbutton({w:52, h:68}, {bottom:1, top:1, right:0, left:0});
minutes.find(".ubw-button-body").css({
borderLeft:"none",
borderRight:"none"
});
var seconds = $("<div class='scroll' id='seconds'>00</div>").ubwbutton({w:52, h:68}, {bottom:1, top:1, right:0, left:0});
seconds.find(".ubw-button-body").css({
borderLeft:"none",
borderRight:"none"
});
var pause = $("<div id='pausebutton'><img src='images/button_pause_invert.png'></div>")
pause.css({
marginLeft:8,
marginTop:3,
marginBottom:-2,
height:47
});
var hours = $("<div class='scroll' id='hours'>00</div>").ubwbutton({
w:52,
h:68
}, {
bottom:1,
top:1,
right:0,
left:0
});
hours.find(".ubw-button-body").css({
borderRight:"none"
});
var minutes = $("<div class='scroll' id='minutes'>00</div>").ubwbutton({
w:52,
h:68
}, {
bottom:1,
top:1,
right:0,
left:0
});
minutes.find(".ubw-button-body").css({
borderLeft:"none",
borderRight:"none"
});
var seconds = $("<div class='scroll' id='seconds'>00</div>").ubwbutton({
w:52,
h:68
}, {
bottom:1,
top:1,
right:0,
left:0
});
seconds.find(".ubw-button-body").css({
borderLeft:"none",
borderRight:"none"
});
var pause = $("<div id='pausebutton'><img src='images/button_pause_invert.png'></div>")
pause.css({
marginLeft:8,
marginTop:3,
marginBottom:-2,
height:47
});
var reset = $("<div id='resetbutton'><img src='images/button_reset_invert.png'></div>")
.css({
marginLeft:8,
marginTop:1
})
.click(function(){
$("#hours").find(".ubw-button-content").text("00");
$("#minutes").find(".ubw-button-content").text("00");
$("#seconds").find(".ubw-button-content").text("00");
clearTimeout(currentTimer);
if(play){
$("#pausebutton").trigger("click");
}
});
var reset = $("<div id='resetbutton'><img src='images/button_reset_invert.png'></div>")
.css({
marginLeft:8,
marginTop:1
})
.click(function(){
$("#hours").find(".ubw-button-content").text("00");
$("#minutes").find(".ubw-button-content").text("00");
$("#seconds").find(".ubw-button-content").text("00");
clearTimeout(currentTimer);
if(play){
$("#pausebutton").trigger("click");
}
});
if (window.widget) {
window.widget.onremove = function(){
if(play){
$("#pausebutton").trigger("click");
};
};
};
if (window.widget) {
window.widget.onremove = function(){
if(play){
$("#pausebutton").trigger("click");
}
};
}
pause.toggle(
function(){
play = false;
clearTimeout(currentTimer);
$(this).find("img").attr("src", "images/button_play_invert.png");
},
function(){
play = true;
var timeInSeconds = parseInt($("#seconds").find(".ubw-button-content").text(), 10) +
parseInt($("#minutes").find(".ubw-button-content").text(), 10)*60 +
parseInt($("#hours").find(".ubw-button-content").text(), 10)*3600;
pause.toggle(
function(){
play = false;
clearTimeout(currentTimer);
$(this).find("img").attr("src", "images/button_play_invert.png");
},
function(){
if($("#hours").find(".ubw-button-content").text() != "00" ||
$("#minutes").find(".ubw-button-content").text() != "00" ||
$("#seconds").find(".ubw-button-content").text() != "00") {
play = true;
var timeInSeconds = parseInt($("#seconds").find(".ubw-button-content").text(), 10) +
parseInt($("#minutes").find(".ubw-button-content").text(), 10)*60 +
parseInt($("#hours").find(".ubw-button-content").text(), 10)*3600;
updateChronometerReverse(timeInSeconds);
updateChronometerReverse(timeInSeconds);
$(this).find("img").attr("src", "images/button_pause_invert.png");
}
);/*.mouseenter(function(){
$(this).find("img").attr("src", "images/button_pause_invert.png");
}
}
);/*.mouseenter(function(){
var o = $(this).find("img").attr("src");
$(this).find("img").attr("src", o.split(".")[0]+"xov.png");
}).mouseout(function(){
......@@ -93,103 +131,129 @@ function init(){
$(this).find("img").attr("src", o.split("x")[0]+".png");
});*/
setTimeout(function(){pause.trigger("click")}, 200);
setTimeout(function(){
pause.trigger("click")
}, 200);
hours
.bind("mousedown", {button:hours}, timeButtonDownHandler)
.find(".ubw-button-arrowTop").bind("mousedown",{button:hours}, addbtn);
hours
.find(".ubw-button-arrowBottom").bind("mousedown",{button:hours}, rembtn);
minutes
.bind("mousedown", {button:minutes}, timeButtonDownHandler)
.find(".ubw-button-arrowTop").bind("mousedown",{button:minutes}, addbtn);
minutes
.find(".ubw-button-arrowBottom").bind("mousedown",{button:minutes}, rembtn);
seconds
.bind("mousedown", {button:seconds}, timeButtonDownHandler)
.find(".ubw-button-arrowTop").bind("mousedown",{button:seconds}, addbtn);
seconds
.find(".ubw-button-arrowBottom").bind("mousedown",{button:seconds}, rembtn);
hours
.bind("mousedown", {
button:hours
}, timeButtonDownHandler)
.find(".ubw-button-arrowTop").bind("mousedown",{
button:hours
}, addbtn);
hours
.find(".ubw-button-arrowBottom").bind("mousedown",{
button:hours
}, rembtn);
minutes
.bind("mousedown", {
button:minutes
}, timeButtonDownHandler)
.find(".ubw-button-arrowTop").bind("mousedown",{
button:minutes
}, addbtn);
minutes
.find(".ubw-button-arrowBottom").bind("mousedown",{
button:minutes
}, rembtn);
seconds
.bind("mousedown", {
button:seconds
}, timeButtonDownHandler)
.find(".ubw-button-arrowTop").bind("mousedown",{
button:seconds
}, addbtn);
seconds
.find(".ubw-button-arrowBottom").bind("mousedown",{
button:seconds
}, rembtn);
$(document).mouseup(function(){
/*if(isScrolling){
$(document).mouseup(function(){
/*if(isScrolling){
$().unbind("mousemove");
activeTimeScroll.find(".ubw-button-canvas")
.bind("mouseleave", {button:activeTimeScroll}, buttonOutHandler)
.bind("mouseenter", {button:activeTimeScroll}, buttonOverHandler);
};*/
clearTimeout(incDecTime);
});
clearTimeout(incDecTime);
});
var btnsWrapper = $("<div></div>")
.css({
float:"left",
marginLeft:5,
marginTop:6
})
.append(pause)
.append(reset);
var btnsWrapper = $("<div></div>")
.css({
float:"left",
marginLeft:5,
marginTop:6
})
.append(pause)
.append(reset);
ubwidget
.append(hours)
.append(space.clone())
.append(minutes)
.append(spaceb)
.append(seconds)
.append(spacec)
.append(btnsWrapper);
ubwidget
.append(hours)
.append(space.clone())
.append(minutes)
.append(spaceb)
.append(seconds)
.append(spacec)
.append(btnsWrapper);
clearTimeout(currentTimer);
updateChronometer(0);
clearTimeout(currentTimer);
var currentTimer = null;
var incDecTime = null;
var play = true;
var isScrolling = false;
var reverse = true;
var activeTimeScroll = null;
var currentTimer = null;
var incDecTime = null;
var play = true;
var isScrolling = false;
var reverse = true;
var activeTimeScroll = null;
function addbtn(m){
function addbtn(m){
var button = m.data.button;
var content = button.find(".ubw-button-content");
var button = m.data.button;
var content = button.find(".ubw-button-content");
if(content.text().substr(0, 1) == "0"){
content.text(content.text().substr(1, content.text().length))
}
if(content.text().substr(0, 1) == "0"){
content.text(content.text().substr(1, content.text().length))
}
content.text(formatTime(parseInt(content.text())+1));
content.text(formatTime(parseInt(content.text())+1));
incDecTime = setTimeout(function(){addbtn(m)},150);
};
incDecTime = setTimeout(function(){
addbtn(m)
},150);
}
function rembtn(m){
function rembtn(m){
var button = m.data.button;
var content = button.find(".ubw-button-content");
var button = m.data.button;
var content = button.find(".ubw-button-content");
if(content.text().substr(0, 1) == "0"){
content.text(content.text().substr(1, content.text().length))
}
if(content.text().substr(0, 1) == "0"){
content.text(content.text().substr(1, content.text().length))
}
content.text(formatTime(parseInt(content.text())-1));
content.text(formatTime(parseInt(content.text())-1));
incDecTime = setTimeout(function(){rembtn(m)},150);
};
incDecTime = setTimeout(function(){
rembtn(m);
},150);
}
function timeButtonDownHandler(m){
var button = m.data.button;
var mouseStart = {pageX:m.pageX, pageY:m.pageY};
var content = button.find(".ubw-button-content");
var val = content.text();
isScrolling = true;
reverse = true;
activeTimeScroll = button;
if(play){
$("#pausebutton").trigger("click");
}
function timeButtonDownHandler(m){
var button = m.data.button;
var mouseStart = {
pageX:m.pageX,
pageY:m.pageY
};
var content = button.find(".ubw-button-content");
var val = content.text();
isScrolling = true;
reverse = true;
activeTimeScroll = button;
if(play){
$("#pausebutton").trigger("click");
}
/*button.find(".ubw-button-canvas")
/*button.find(".ubw-button-canvas")
.unbind("mouseenter")
.unbind("mouseleave");
......@@ -204,81 +268,89 @@ function init(){
content.text(content.text()%60);
if(content.text() < 0)content.text(0);
});*/
};
}
function buttonOverHandler(e) {
var button = e.data.button;
var buttonbody = button.find(".ubw-button-body");
function buttonOverHandler(e) {
var button = e.data.button;
var buttonbody = button.find(".ubw-button-body");
button.css({zIndex:1})
buttonbody.removeClass("ubw-button-out")
.addClass("ubw-button-over")
.css({fontSize:"125%"});
button.css({
zIndex:1
})
buttonbody.removeClass("ubw-button-out")
.addClass("ubw-button-over")
.css({
fontSize:"125%"
});
button.find(".ubw-button-canvas").find(".ubw-button-arrowTop").children("img").attr("src", "images/arrows_over/top.png");
button.find(".ubw-button-canvas").find(".ubw-button-arrowBottom").children("img").attr("src", "images/arrows_over/bottom.png");
};
button.find(".ubw-button-canvas").find(".ubw-button-arrowTop").children("img").attr("src", "images/arrows_over/top.png");
button.find(".ubw-button-canvas").find(".ubw-button-arrowBottom").children("img").attr("src", "images/arrows_over/bottom.png");
}
function buttonOutHandler(e){
var button = e.data.button;
var buttonbody = button.find(".ubw-button-body");
function buttonOutHandler(e){
var button = e.data.button;
var buttonbody = button.find(".ubw-button-body");
button.css({zIndex:0});
buttonbody.removeClass("ubw-button-over")
.addClass("ubw-button-out")
.css({
fontSize:"100%",
});
button.css({
zIndex:0
});
buttonbody.removeClass("ubw-button-over")
.addClass("ubw-button-out")
.css({
fontSize:"100%"
});
button.find(".ubw-button-canvas").find(".ubw-button-arrowTop").children("img").attr("src", "images/arrows_out/top.png");
button.find(".ubw-button-canvas").find(".ubw-button-arrowBottom").children("img").attr("src", "images/arrows_out/top.png");
};
button.find(".ubw-button-canvas").find(".ubw-button-arrowTop").children("img").attr("src", "images/arrows_out/top.png");
button.find(".ubw-button-canvas").find(".ubw-button-arrowBottom").children("img").attr("src", "images/arrows_out/top.png");
}
function updateChronometerReverse(seconds){
function updateChronometerReverse(seconds){
currentTimer = setTimeout(function(){updateChronometerReverse(seconds-1)}, 1000);
if (seconds < 6 && seconds > 0){
DHTMLSound('beep.wav');
}else if(seconds === 0){
DHTMLSound('finalbeep.wav');
};
currentTimer = setTimeout(function(){
updateChronometerReverse(seconds-1)
}, 1000);
if (seconds < 6 && seconds > 0){
DHTMLSound('beep.wav');
}else if(seconds === 0){
DHTMLSound('finalbeep.wav');
}
if(seconds < 1){
seconds = 0;
$("#pausebutton").trigger("click");
}
if(seconds < 1){
seconds = 0;
$("#pausebutton").trigger("click");
}
var hoursValue = $("#hours").find(".ubw-button-content");
var minutesValue = $("#minutes").find(".ubw-button-content");
var secondsValue = $("#seconds").find(".ubw-button-content");
var hoursValue = $("#hours").find(".ubw-button-content");
var minutesValue = $("#minutes").find(".ubw-button-content");
var secondsValue = $("#seconds").find(".ubw-button-content");
var currentSecond = String(seconds%60);
var currentMinute = String(Math.floor(seconds/60)%60);
var currentHour = String(Math.floor(seconds/3600));
var currentSecond = String(seconds%60);
var currentMinute = String(Math.floor(seconds/60)%60);
var currentHour = String(Math.floor(seconds/3600));
hoursValue.text(formatTime(currentHour));
minutesValue.text(formatTime(currentMinute));
secondsValue.text(formatTime(currentSecond));
hoursValue.text(formatTime(currentHour));
minutesValue.text(formatTime(currentMinute));
secondsValue.text(formatTime(currentSecond));
}
}
function formatTime(time){
function formatTime(time){
document.title = time +", " + String(time).length;
document.title = time +", " + String(time).length;
if(time<0){
time = 59;
}
if(time<0){
time = 59;
}
time = time%60;
time = time%60;
String(time).length < 2 ? time = "0"+time : time = time;
String(time).length < 2 ? time = "0"+time : time = time;
return time;
}
return time;
}
function DHTMLSound(surl) {
document.getElementById("audio").innerHTML=
"<audio src='"+surl+"' autoplay=true >";
}
function DHTMLSound(surl) {
document.getElementById("audio").innerHTML=
"<audio src='"+surl+"' autoplay=true >";
}
}
\ No newline at end of file
resources/library/interactive/VideoPicker.wgt/index.html
View file @ d2583e0a
<!--
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
......@@ -18,13 +32,13 @@
var oembedUrl = "";
var language = "en";
function initialize() {
if(window.uniboard){
oembedUrl = window.uniboard.preference("oembedUrl", "");
}else{
oembedUrl = "";
};
if(window.sankore){
oembedUrl = window.sankore.preference("oembedUrl", "");
}
window.resizeTo(426, 630);
if(oembedUrl.length > 0){
$("#textbox").val(oembedUrl);
$("#search-button").trigger("click");
......@@ -41,28 +55,16 @@
resizerIndex = 0;
//language = navigator.userAgent.split(";");
//language = language[3].replace(/\s/g, "").substr(0, 2);
$("#search-button")
.click(function(){
window.resizeTo(385, 80);
$("#container")
.removeClass("welcome")
.removeClass("change")
.removeClass("error")
.addClass("load");
$("#container-shadow")
.hide();
$("#arrow")
.hide();
$("#embeded-content")
.css({
$("#container").removeClass("welcome").removeClass("change").removeClass("error").addClass("load");
$("#container-shadow").hide();
$("#arrow").hide();
$("#embeded-content").css({
marginLeft:-9000,
marginTop:-9000
})
.empty()
.oembed($("#textbox").val());
}).empty().oembed($("#textbox").val());
checkcontent();
})
.mouseenter(function(){
......@@ -74,14 +76,6 @@
.removeClass("over");
});
/*$("#ubwidget").mouseenter(function(){
$("#show-area").fadeIn(1000);
});
$("#ubwidget").mouseout(function(){
$("#show-area").fadeOut(600);
});*/
$('#textbox').keypress(function(e){
if (e.which == 13){
$('#search-button').click();
......@@ -94,72 +88,62 @@
$("#show-area").fadeOut(0);
$("#inputfield").show();
$("#shadow").show();
$("#container")
.removeClass("show").addClass("change");
$("#container").removeClass("show").addClass("change");
adaptWidgetSize(18, 88);
})
.mouseenter(function(){
$(this)
.addClass("over");
$(this).addClass("over");
})
.mouseleave(function(){
$(this)
.removeClass("over");
$(this).removeClass("over");
});
function checkcontent(){
if($("#embeded-content").html().length != 0 && $("#embeded-content").children(":first").width() > 0){
$("#embeded-content embed").attr("wmode", "transparent");
var embeded_content_html = $("#embeded-content").html();
$("#embeded-content").empty().html(embeded_content_html);
clearTimeout(resizer);
resizerIndex = 0;
if(window.uniboard){
window.uniboard.setPreference("oembedUrl", $("#textbox").val());
if(window.sankore){
window.sankore.setPreference("oembedUrl", $("#textbox").val());
};
$("#inputfield")
.hide();
$("#shadow")
.hide();
$("#embeded-content")
.css({
$("#inputfield").hide();
$("#shadow").hide();
$("#embeded-content").css({
marginLeft:0,
marginTop:0
})
.width($("#embeded-content").children(":first").width())
.height($("#embeded-content").children(":first").height());
$("#container")
.removeClass("load").addClass("show");
$("#show-area")
.fadeIn(2000)
.css({
//alert(html);
//alert($("#embeded-content").children(":first").width() + " | " + $("#embeded-content").children(":first").height());
$("#container").removeClass("load").addClass("show");
$("#show-area").fadeIn(2000).css({
left:$("#embeded-content").children(":first").width()-25,
top:($("#embeded-content").children(":first").height()-35)/2
});
adaptWidgetSize(5, 13);
adaptWidgetSize(5, 13);
return false;
};
if(resizerIndex > 30){
if(resizerIndex > 50){
resizerIndex = 0;
$("#container")
.removeClass("show").addClass("error");
$("#arrow")
.show();
$("#embeded-content")
.css({
$("#container").removeClass("show").addClass("error");
$("#arrow").show();
$("#embeded-content").css({
marginTop:0,
marginLeft:0
})
.width(395)
}).width(395)
.load("locales/" + language + "/error.html",
function(){
adaptWidgetSize(20, 125);
});
$("#container-shadow")
.show();
$("#container-shadow").show();
}else{
resizer = setTimeout(function(){checkcontent()}, 100);
resizerIndex++;
......@@ -176,25 +160,27 @@
var widgetWidth = $("#embeded-content").width() + margins.right + margins.left + adjustmentX;
var widgetHeight = $("#embeded-content").position().top + $("#embeded-content").height() + margins.bottom + adjustmentY;
window.resizeTo(widgetWidth, $(window).height());
window.resizeTo($(window).width(), widgetHeight);
window.uniboard.resize(widgetWidth, widgetHeight);
//alert(widgetWidth + " | " + widgetHeight);
//window.resizeTo(widgetWidth, $(window).height());
window.resizeTo(widgetWidth, widgetHeight);
window.sankore.resize(widgetWidth, widgetHeight);
};
function cssToInt(cssvalue){
return(parseInt(cssvalue.replace("px", "")));
};
if (window.widget) {
/*if (window.widget) {
window.widget.onremove = function(){
//$("#show-inputfield-button").trigger("click");
$("#embeded-content")
.empty()
.oembed($("#textbox").val());
}
}
}*/
window.initialize();
initialize();
});
</script>
......
resources/library/interactive/VideoPicker.wgt/locales/en/error.html
View file @ d2583e0a
......@@ -4,5 +4,5 @@
<div id="content">
<h1>This Url cannot be used.</h1>
<a href="javascript:$('#container').load('html/howto_' + language + '.html');">Back</a>
<a href="javascript:window.location.reload();">Back</a>
</div>
resources/library/interactive/WebBrowser.wgt/index.html
View file @ d2583e0a
......@@ -16,10 +16,14 @@
<script type="text/javascript">
$(document).ready(function(){
var resizer; // Timer
var resizerIndex;
//var resizer; // Timer
//var resizerIndex;
var currentHistory = 0;
var references = new Array();
var globalWidth = 850;
var globalHeight = 700;
var language;
var url;
var url = "";
var margins = {
top: cssToInt($("body").css("margin-top")),
right: cssToInt($("body").css("margin-right")),
......@@ -27,25 +31,31 @@
left: cssToInt($("body").css("margin-left"))
};
resizerIndex = 0;
//resizerIndex = 0;
if(window.uniboard){
url = window.uniboard.preference("url", "");
/*if(window.sankore){
url = window.sankore.preference("url", "");
}else{
url = "";
};
}; */
language = navigator.userAgent.split(";");
language = language[3].replace(/\s/g, "").substr(0, 2);
$("#back-button")
.click(function(){
frames['web-content'].history.go(-1);
if((currentHistory - 1) > 0){
$("#textbox").val(references[--currentHistory-1]);
frames['web-content'].location.href = references[currentHistory-1];
}
});
$("#forward-button")
.click(function(){
frames['web-content'].history.go(+1);
if(currentHistory < references.length) {
$("#textbox").val(references[currentHistory++]);
frames['web-content'].location.href = $("#textbox").val();
}
});
$("#textbox").keypress(function(e) {
......@@ -56,32 +66,48 @@
$("#search-button")
.click(function(){
var url = $("#textbox").val();
var urlStart = url.split("://");
if(urlStart[0]!="http"){
url = "http://" + url;
};
window.resizeTo(850, 700);
$("#container")
.removeClass("welcome")
.removeClass("change")
.removeClass("error")
.addClass("load");
$("#container-shadow")
.hide();
$("#arrow")
.hide();
$("#embeded-content")
.hide();
$("#web-content")
.show();
if($("#textbox").val().length > 0){
var url = $("#textbox").val();
var urlStart = url.split("://");
if(urlStart[0]!="http"){
url = "http://" + url;
};
frames['web-content'].location.href = url;
if(checkURLs(references, url)){
if(currentHistory == references.length)
references[currentHistory++] = url;
else
references = insertInto(references, currentHistory++, url);
}
window.resizeTo(globalWidth, globalHeight);
checkcontent();
$("#container")
.removeClass("welcome")
.removeClass("change")
.removeClass("error")
.addClass("load");
$("#container-shadow").hide();
$("#arrow").hide();
$("#embeded-content").hide();
$("#web-content").show();
frames['web-content'].location.href = url;
checkcontent();
} else {
$("#embeded-content").load("locales/" + "en" + "/howto.html"); // Welcome screen with some explanations
$("#container")
.addClass("welcome")
.addClass("change")
.addClass("error")
.removeClass("load");
$("#container-shadow").show();
$("#arrow").show();
$("#embeded-content").show();
$("#web-content").hide();
window.resizeTo(550, 280);
}
})
.mouseenter(function(){
$(this)
......@@ -99,14 +125,15 @@
$("#embeded-content").load("locales/" + "en" + "/howto.html"); // Welcome screen with some explanations
};
$("#show-inputfield-button")
/*$("#show-inputfield-button")
.click(
function(){
$("#show-area").hide();
$("#inputfield").show();
$("#shadow").show();
$("#container")
.removeClass("show").addClass("change");
.removeClass("show")
.addClass("change");
adaptWidgetSize(18, 82);
})
.mouseenter(function(){
......@@ -116,39 +143,58 @@
.mouseleave(function(){
$(this)
.removeClass("over");
});
});*/
$(window).resize(function(){
globalWidth = $(window).width();
globalHeight = $(window).height();
$("#web-content")
.attr("width", $(window).width() - 25)
.attr("height", $(window).height() - 90);
.attr("width", globalWidth - 25)
.attr("height", globalHeight - 90);
});
function checkcontent(){
clearTimeout(resizer);
resizerIndex = 0;
//clearTimeout(resizer);
//resizerIndex = 0;
if(window.uniboard){
window.uniboard.setPreference("url", $("#textbox").val());
};
/*if(window.sankore){
window.sankore.setPreference("url", $("#textbox").val());
};*/
$("#embeded-content")
.hide();
$("#container")
.removeClass("load").addClass("show");
$("#embeded-content").hide();
$("#container").removeClass("load").addClass("show");
};
function adaptWidgetSize(adjustmentX, adjustmentY){
/*function adaptWidgetSize(adjustmentX, adjustmentY){
var widgetWidth = $("#container").width() + margins.right + margins.left + adjustmentX;
var widgetHeight = $("#container").position().top + $("#container").height() + margins.bottom + adjustmentY;
window.resizeTo(widgetWidth, $(window).height());
window.resizeTo($(window).width(), widgetHeight);
};
};*/
function cssToInt(cssvalue){
return(parseInt(cssvalue.replace("px", "")));
};
}
function checkURLs(arr, value){
for(var i = 0; i < arr.length; i++)
if(arr[i] == value)
return false;
return true;
}
function insertInto(arr, index, url){
var newArr = new Array();
for(var i = 0, j = 0; i < arr.length; i++, j++)
if(i == index - 1){
newArr[j] = arr[i];
newArr[++j] = url;
} else
newArr[j] = arr[i];
return newArr;
}
});
</script>
......
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