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

updating iCell-app

Browse Source
preferencesAboutTextFull
unknown 13 years ago
parent 7a95ca19d6
commit f7a7e94a2b
2 changed files with 323 additions and 286 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 607
      resources/library/interactive/iCell.wgt/js/script.js
  2. 2
      resources/library/interactive/iCell.wgt/widget.html

607
resources/library/interactive/iCell.wgt/js/script.js
Unescape View File

@ -1,277 +1,311 @@
var opaciteDIV=0 //opacité de la div organites var opaciteDIV=0 //opacitй de la div organites
var opaciteINFOS=0 //opacité de la div informations var opaciteINFOS=0 //opacitй de la div informations
var INFOS_affiche=false //bool pour la fonction clicINFOS() var INFOS_affiche=false //bool pour la fonction clicINFOS()
var t_div //pour les setinterval d'animation var t_div //pour les setinterval d'animation
var t_inf var t_inf
var tempsAnim=25 //durée en milisecondes des animations de fondu var tempsAnim=25 //durйe en milisecondes des animations de fondu
var t_aura//pour l'animation de l'aura au passage de la souris var t_aura//pour l'animation de l'aura au passage de la souris
var opaciteAura=0// idem que t_aura var opaciteAura=0// idem que t_aura
var noyauSel = false //pour pouvoir accèder à l'ADN depuis le noyau var noyauSel = false //pour pouvoir accиder а l'ADN depuis le noyau
var loupe_on = false // permet d'accéder aux zooms de l'ADN et de l'ARN var loupe_on = false // permet d'accйder aux zooms de l'ADN et de l'ARN
var interactif_on = false // permet d'accéder aux parties interactives s'il y en a var interactif_on = false // permet d'accйder aux parties interactives s'il y en a
var elt_a_zoomer = "" //pour savoir s'il faut afficher adn_zoom.jpg ou arn_zoom.jpg var elt_a_zoomer = "" //pour savoir s'il faut afficher adn_zoom.jpg ou arn_zoom.jpg
var ZOOM_affiche=false //pour savoir si la div de zoom est affichées ou pas var ZOOM_affiche=false //pour savoir si la div de zoom est affichйes ou pas
var opaciteZOOM = 0 var opaciteZOOM = 0
var t_zoom var t_zoom
var loaded = true var loaded = true
var click_INFO = false;
var click_ZOOM = false;
function vesicule() { var click_EXIT = true;
loupe_on = false var click_Cacher = true;
afficherInfosOrganite(txt_vesicule) function vesicule() {
document.getElementById("img_organite").src="images/vesic_in.jpg" loupe_on = false
document.getElementById("div_organite").style.zIndex="1" //console.log("vesicule");
document.getElementById("div_aura").style.zIndex="-1" afficherInfosOrganite(txt_vesicule)
t_div=setInterval(afficherDIV,tempsAnim) document.getElementById("img_organite").src="images/vesic_in.jpg"
} document.getElementById("div_organite").style.zIndex="1"
document.getElementById("div_aura").style.zIndex="-1"
function lysosome() { t_div=setInterval(afficherDIV,tempsAnim)
loupe_on = false }
afficherInfosOrganite(txt_lysosome) function lysosome() {
document.getElementById("img_organite").src="images/lys_in.jpg" loupe_on = false
document.getElementById("div_organite").style.zIndex="1" //console.log("lysosome");
document.getElementById("div_aura").style.zIndex="-1" afficherInfosOrganite(txt_lysosome)
t_div=setInterval(afficherDIV,tempsAnim) document.getElementById("img_organite").src="images/lys_in.jpg"
} document.getElementById("div_organite").style.zIndex="1"
document.getElementById("div_aura").style.zIndex="-1"
function mitoch() { t_div=setInterval(afficherDIV,tempsAnim)
loupe_on = false }
afficherInfosOrganite(txt_mitoch) function mitoch() {
document.getElementById("img_organite").src="images/mitoch_in.jpg" loupe_on = false
document.getElementById("div_organite").style.zIndex="1" //console.log("mitoch");
document.getElementById("div_aura").style.zIndex="-1" afficherInfosOrganite(txt_mitoch)
t_div=setInterval(afficherDIV,tempsAnim) document.getElementById("img_organite").src="images/mitoch_in.jpg"
} document.getElementById("div_organite").style.zIndex="1"
document.getElementById("div_aura").style.zIndex="-1"
function golgi () { t_div=setInterval(afficherDIV,tempsAnim)
loupe_on = false }
afficherInfosOrganite(txt_golgi) function golgi () {
document.getElementById("img_organite").src="images/golgi_in.jpg" loupe_on = false
document.getElementById("div_organite").style.zIndex="1" //console.log("golgi");
document.getElementById("div_aura").style.zIndex="-1" afficherInfosOrganite(txt_golgi)
t_div=setInterval(afficherDIV,tempsAnim) document.getElementById("img_organite").src="images/golgi_in.jpg"
} document.getElementById("div_organite").style.zIndex="1"
document.getElementById("div_aura").style.zIndex="-1"
function rer() { t_div=setInterval(afficherDIV,tempsAnim)
loupe_on = false }
afficherInfosOrganite(txt_rer) function rer() {
document.getElementById("img_organite").src="images/rer_in.jpg" loupe_on = false
document.getElementById("div_organite").style.zIndex="1" //console.log("rer");
document.getElementById("div_aura").style.zIndex="-1" afficherInfosOrganite(txt_rer)
t_div=setInterval(afficherDIV,tempsAnim) document.getElementById("img_organite").src="images/rer_in.jpg"
} document.getElementById("div_organite").style.zIndex="1"
document.getElementById("div_aura").style.zIndex="-1"
function noy() { t_div=setInterval(afficherDIV,tempsAnim)
loupe_on = false }
afficherInfosOrganite(txt_noy) function noy() {
document.getElementById("img_organite").src="images/noy_in.jpg" loupe_on = false
noyauSel = true //console.log("noy");
document.getElementById("div_organite").style.zIndex="1" afficherInfosOrganite(txt_noy)
document.getElementById("div_aura").style.zIndex="-1" document.getElementById("img_organite").src="images/noy_in.jpg"
t_div=setInterval(afficherDIV,tempsAnim) noyauSel = true
} document.getElementById("div_organite").style.zIndex="1"
document.getElementById("div_aura").style.zIndex="-1"
function rel() { t_div=setInterval(afficherDIV,tempsAnim)
loupe_on = false }
afficherInfosOrganite(txt_rel) function rel() {
document.getElementById("img_organite").src="images/rel_in.jpg" loupe_on = false
document.getElementById("div_organite").style.zIndex="1" //console.log("rel");
document.getElementById("div_aura").style.zIndex="-1" afficherInfosOrganite(txt_rel)
t_div=setInterval(afficherDIV,tempsAnim) document.getElementById("img_organite").src="images/rel_in.jpg"
} document.getElementById("div_organite").style.zIndex="1"
document.getElementById("div_aura").style.zIndex="-1"
function adn() { t_div=setInterval(afficherDIV,tempsAnim)
if(noyauSel) { }
elt_a_zoomer="ADN"
loupe_on = true function adn() {
noyauSel = false //console.log("adn");
if(noyauSel) {
elt_a_zoomer="ADN"
loupe_on = true
noyauSel = false
afficherInfosOrganite(txt_adn) afficherInfosOrganite(txt_adn)
document.getElementById("div_zoom").innerHTML='<img src="images/'+elt_a_zoomer+'_zoom.jpg" alt="" />' document.getElementById("div_zoom").innerHTML='<img src="images/'+elt_a_zoomer+'_zoom.jpg" alt="" />'
/*Uniboard 4 ne supportant pas bien les gifs...*/ /*Uniboard 4 ne supportant pas bien les gifs...*/
if(window.uniboard){ if(window.uniboard){
document.getElementById("img_ADN").src="images/adn.jpg" document.getElementById("img_ADN").src="images/adn.jpg"
} else { } else {
document.getElementById("img_ADN").src="images/ADN.gif" document.getElementById("img_ADN").src="images/ADN.gif"
} }
document.getElementById("img_organite").src="images/fond_ADN.png" document.getElementById("img_organite").src="images/fond_ADN.png"
document.getElementById("div_organite").style.zIndex="3" document.getElementById("div_organite").style.zIndex="3"
document.getElementById("div_aura").style.zIndex="-1" document.getElementById("div_aura").style.zIndex="-1"
document.getElementById("div_ADN").style.zIndex="2" document.getElementById("div_ADN").style.zIndex="2"
} }
} }
function rib() { function rib() {
interactif_on="ARN" interactif_on="ARN"
loupe_on = false loupe_on = false
//console.log("rib");
afficherInfosOrganite(txt_rib) afficherInfosOrganite(txt_rib)
document.getElementById("img_organite").src="images/rib_in.jpg" document.getElementById("img_organite").src="images/rib_in.jpg"
document.getElementById("div_organite").style.zIndex="1" document.getElementById("div_organite").style.zIndex="1"
document.getElementById("div_aura").style.zIndex="-1" document.getElementById("div_aura").style.zIndex="-1"
t_div=setInterval(afficherDIV,tempsAnim) t_div=setInterval(afficherDIV,tempsAnim)
} }
function centriole(){ function centriole(){
loupe_on = false loupe_on = false
//console.log("centriole");
afficherInfosOrganite(txt_centr)
document.getElementById("img_organite").src="images/centriole_in.jpg"
document.getElementById("div_organite").style.zIndex="1"
document.getElementById("div_aura").style.zIndex="-1"
t_div=setInterval(afficherDIV,tempsAnim)
}
function arn(){
elt_a_zoomer="ARN"
loupe_on = true
//console.log("arn");
afficherInfosOrganite(txt_arn)
document.getElementById("div_zoom").innerHTML='<img src="images/'+elt_a_zoomer+'_zoom.jpg" alt="" />'
afficherInfosOrganite(txt_centr) document.getElementById("img_organite").src="images/ARN_in.jpg"
document.getElementById("img_organite").src="images/centriole_in.jpg" document.getElementById("div_organite").style.zIndex="1"
document.getElementById("div_organite").style.zIndex="1" document.getElementById("div_aura").style.zIndex="-1"
document.getElementById("div_aura").style.zIndex="-1" }
t_div=setInterval(afficherDIV,tempsAnim)
} function nucl(){
loupe_on = false
function arn(){ //console.log(" nucl");
elt_a_zoomer="ARN" afficherInfosOrganite(txt_nucl)
loupe_on = true document.getElementById("img_organite").src="images/nucl_in.jpg"
document.getElementById("div_organite").style.zIndex="1"
document.getElementById("div_aura").style.zIndex="-1"
t_div=setInterval(afficherDIV,tempsAnim)
}
/*Fonctions relatives а la div d'infos*/
function infos() {
//console.log(" infos");
if(!INFOS_affiche && !click_INFO){
document.getElementById("div_infos").style.zIndex="4"
t_inf=setInterval(afficherINFOS,50)
click_INFO = true;
}
}
function afficherINFOS() {
//console.log("afficherINFOS");
if (opaciteINFOS<1) {
opaciteINFOS=opaciteINFOS+0.1
document.getElementById("div_infos").style.opacity=opaciteINFOS
} else {
clearInterval(t_inf);
INFOS_affiche=true
}
afficherInfosOrganite(txt_arn) }
document.getElementById("div_zoom").innerHTML='<img src="images/'+elt_a_zoomer+'_zoom.jpg" alt="" />'
document.getElementById("img_organite").src="images/ARN_in.jpg"
document.getElementById("div_organite").style.zIndex="1"
document.getElementById("div_aura").style.zIndex="-1"
}
function nucl(){ function clicINFOS() {
loupe_on = false
afficherInfosOrganite(txt_nucl) if (INFOS_affiche && click_INFO) {
document.getElementById("img_organite").src="images/nucl_in.jpg" //console.log("INFOS_affiche");
document.getElementById("div_organite").style.zIndex="1" t_inf=setInterval(cacherINFOS,50)
document.getElementById("div_aura").style.zIndex="-1" click_INFO = false;
t_div=setInterval(afficherDIV,tempsAnim) }
}
/*Fonctions relatives à la div d'infos*/
function infos() {
if(!INFOS_affiche){
document.getElementById("div_infos").style.zIndex="4"
t_inf=setInterval(afficherINFOS,50)
}
}
function afficherINFOS() {
if (opaciteINFOS<1) {
opaciteINFOS=opaciteINFOS+0.1
document.getElementById("div_infos").style.opacity=opaciteINFOS
} else {
clearInterval(t_inf)
INFOS_affiche=true
}
}
function clicINFOS() {
if (INFOS_affiche) {
t_inf=setInterval(cacherINFOS,50)
}
if (ZOOM_affiche) {
t_zoom=setInterval(cacherZOOM,50)
}
}
function cacherINFOS() {
if (opaciteINFOS>0) {
opaciteINFOS=opaciteINFOS-0.1
document.getElementById("div_infos").style.opacity=opaciteINFOS
} else {
document.getElementById("div_infos").style.zIndex="-1"
clearInterval(t_inf)
INFOS_affiche=false
}
}
/*Animations pour la div de zoom*/
function loupe_interact(){
if(loupe_on&&!ZOOM_affiche){ if (ZOOM_affiche && click_ZOOM) {
//console.log("ZOOM_affiche");
t_zoom=setInterval(cacherZOOM,50)
click_ZOOM = false;
}
}
function cacherINFOS() {
//console.log("cacherINFOS");
if (opaciteINFOS>0) {
opaciteINFOS=opaciteINFOS-0.1
document.getElementById("div_infos").style.opacity=opaciteINFOS
} else {
document.getElementById("div_infos").style.zIndex="-1"
clearInterval(t_inf)
INFOS_affiche=false
}
}
/*Animations pour la div de zoom*/
function loupe_interact(){
//console.log("loupe_interact");
if(loupe_on&&!ZOOM_affiche){
zoom() zoom()
} }
if(interactif_on) { if(interactif_on) {
} }
if(interactif_on=="ARN") { if(interactif_on=="ARN") {
arn() arn()
} }
}
function zoom() {
document.getElementById("div_zoom").style.zIndex="4"
t_zoom=setInterval(afficherZOOM,50)
}
function afficherZOOM() {
if (opaciteZOOM<1) { }
opaciteZOOM=opaciteZOOM+0.1
document.getElementById("div_zoom").style.opacity=opaciteZOOM function zoom() {
} else { //console.log("zoom");
clearInterval(t_zoom) document.getElementById("div_zoom").style.zIndex="4"
ZOOM_affiche=true t_zoom=setInterval(afficherZOOM,50);
} ZOOM_affiche = true;
} }
function cacherZOOM() { function afficherZOOM() {
if (opaciteZOOM>0) { //console.log("afficherZOOM");
opaciteZOOM=opaciteZOOM-0.1 if (opaciteZOOM<1) {
document.getElementById("div_zoom").style.opacity=opaciteZOOM opaciteZOOM=opaciteZOOM+0.1
} else { document.getElementById("div_zoom").style.opacity=opaciteZOOM
document.getElementById("div_zoom").style.zIndex="-2" } else {
clearInterval(t_zoom) clearInterval(t_zoom)
ZOOM_affiche=false ZOOM_affiche=true
} click_ZOOM = true;
} }
}
/*Animations relatives à la div organites*/ function cacherZOOM() {
function afficherDIV() { //console.log("cacherZOOM");
if (opaciteDIV<1) { if (opaciteZOOM>0) {
opaciteDIV=opaciteDIV+0.1 opaciteZOOM=opaciteZOOM-0.1
document.getElementById("div_organite").style.opacity=opaciteDIV document.getElementById("div_zoom").style.opacity=opaciteZOOM
} else { } else {
clearInterval(t_div) document.getElementById("div_zoom").style.zIndex="-2"
} clearInterval(t_zoom)
} ZOOM_affiche=false
}
}
function cacherDIV() {
/*Instructions relatives à l'ADN*/ /*Animations relatives а la div organites*/
interactif_on=false function afficherDIV() {
noyauSel = false if(click_EXIT){
document.getElementById("div_ADN").style.zIndex="-2" //console.log("afficherDIV");
document.getElementById("img_ADN").src="" if (opaciteDIV<1) {
opaciteDIV=opaciteDIV+0.1
if (opaciteDIV>0) { document.getElementById("div_organite").style.opacity=opaciteDIV
opaciteDIV=opaciteDIV-0.1 } else {
document.getElementById("div_organite").style.opacity=opaciteDIV clearInterval(t_div)
} else { click_EXIT = false;
document.getElementById("div_organite").style.zIndex="-1" click_Cacher = true;
clearInterval(t_div) }
} }
} }
function afficherInfosOrganite(nomOrg) {
document.getElementById("div_infos").innerHTML=nomOrg function cacherDIV() {
}
if(!click_EXIT){
/*Animation d'intro //console.log("cacherDIV");
interactif_on=false
noyauSel = false
document.getElementById("div_ADN").style.zIndex="-2"
document.getElementById("img_ADN").src=""
if (opaciteDIV>0) {
opaciteDIV=opaciteDIV-0.1
document.getElementById("div_organite").style.opacity=opaciteDIV
} else {
document.getElementById("div_organite").style.zIndex="-1";
clearInterval(t_div)
click_EXIT = true;
}
}
}
function cacherDivFunction(){
if(!click_EXIT && click_Cacher){
t_div=setInterval(cacherDIV,50);
click_Cacher = false;
}
}
function afficherInfosOrganite(nomOrg) {
//console.log("afficherInfosOrganite");
document.getElementById("div_infos").innerHTML=nomOrg
}
/*Animation d'intro
function intro() { function intro() {
if (opaciteDIV<1) { if (opaciteDIV<1) {
opaciteDIV=opaciteDIV+0.1 opaciteDIV=opaciteDIV+0.1
@ -282,27 +316,30 @@
} }
}*/ }*/
/*Affichage de l'aura au passage de la souris*/ /*Affichage de l'aura au passage de la souris*/
function aura(txt) { function aura(txt) {
document.getElementById("div_aura").style.zIndex="2" //console.log("aura");
document.getElementById("img_aura").src="images/"+txt+"_aura.png" document.getElementById("div_aura").style.zIndex="2"
t_aura=setInterval(animAura,tempsAnim) document.getElementById("img_aura").src="images/"+txt+"_aura.png"
} t_aura=setInterval(animAura,tempsAnim)
}
function animAura(){
if (opaciteAura<1) { function animAura(){
opaciteAura=opaciteAura+0.1 //console.log("animAura");
document.getElementById("div_aura").style.opacity=opaciteAura if (opaciteAura<1) {
} else { opaciteAura=opaciteAura+0.1
opaciteAura=0 document.getElementById("div_aura").style.opacity=opaciteAura
clearInterval(t_aura) } else {
} opaciteAura=0
} clearInterval(t_aura)
}
function auraOut(){ }
clearInterval(t_aura)
document.getElementById("div_aura").style.opacity=0 function auraOut(){
document.getElementById("div_aura").style.zIndex="-1" //console.log("auraOut");
document.getElementById("img_aura").src="" clearInterval(t_aura)
} document.getElementById("div_aura").style.opacity=0
document.getElementById("div_aura").style.zIndex="-1"
document.getElementById("img_aura").src=""
}

2
resources/library/interactive/iCell.wgt/widget.html
Unescape View File

@ -76,7 +76,7 @@
</map> </map>
<map name="mapOrganite" id="mapOrganite"> <map name="mapOrganite" id="mapOrganite">
<area shape="circle" coords="364,477,19" onclick="t_div=setInterval(cacherDIV,50)" alt=""/> <area shape="circle" coords="364,477,19" onclick="cacherDivFunction()" alt=""/>
<area shape="circle" coords="416,477,19" onclick="infos()" alt=""/> <area shape="circle" coords="416,477,19" onclick="infos()" alt=""/>
<area shape="circle" coords="469,477,19" alt="" onclick="loupe_interact()"/> <area shape="circle" coords="469,477,19" alt="" onclick="loupe_interact()"/>
<area shape="poly" coords="328,337,281,311,213,277,159,277,131,228,111,227,83,262,70,193,66,153,120,99,229,104,233,83,328,67,334,81,307,121,350,156,409,220,391,316" alt="" onclick="adn()"/> <area shape="poly" coords="328,337,281,311,213,277,159,277,131,228,111,227,83,262,70,193,66,153,120,99,229,104,233,83,328,67,334,81,307,121,350,156,409,220,391,316" alt="" onclick="adn()"/>

Write Preview
Loading…
Cancel
Save