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. 629
      resources/library/interactive/iCell.wgt/js/script.js
  2. 2
      resources/library/interactive/iCell.wgt/widget.html

629
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) {
afficherInfosOrganite(txt_adn) elt_a_zoomer="ADN"
document.getElementById("div_zoom").innerHTML='<img src="images/'+elt_a_zoomer+'_zoom.jpg" alt="" />' loupe_on = true
noyauSel = false
/*Uniboard 4 ne supportant pas bien les gifs...*/
if(window.uniboard){ afficherInfosOrganite(txt_adn)
document.getElementById("img_ADN").src="images/adn.jpg" document.getElementById("div_zoom").innerHTML='<img src="images/'+elt_a_zoomer+'_zoom.jpg" alt="" />'
} else {
document.getElementById("img_ADN").src="images/ADN.gif" /*Uniboard 4 ne supportant pas bien les gifs...*/
} if(window.uniboard){
document.getElementById("img_ADN").src="images/adn.jpg"
document.getElementById("img_organite").src="images/fond_ADN.png" } else {
document.getElementById("div_organite").style.zIndex="3" document.getElementById("img_ADN").src="images/ADN.gif"
document.getElementById("div_aura").style.zIndex="-1" }
document.getElementById("div_ADN").style.zIndex="2"
} document.getElementById("img_organite").src="images/fond_ADN.png"
} document.getElementById("div_organite").style.zIndex="3"
document.getElementById("div_aura").style.zIndex="-1"
function rib() { document.getElementById("div_ADN").style.zIndex="2"
interactif_on="ARN" }
loupe_on = false }
afficherInfosOrganite(txt_rib) function rib() {
document.getElementById("img_organite").src="images/rib_in.jpg" interactif_on="ARN"
document.getElementById("div_organite").style.zIndex="1" loupe_on = false
document.getElementById("div_aura").style.zIndex="-1" //console.log("rib");
t_div=setInterval(afficherDIV,tempsAnim) afficherInfosOrganite(txt_rib)
} document.getElementById("img_organite").src="images/rib_in.jpg"
document.getElementById("div_organite").style.zIndex="1"
function centriole(){ document.getElementById("div_aura").style.zIndex="-1"
loupe_on = false t_div=setInterval(afficherDIV,tempsAnim)
}
afficherInfosOrganite(txt_centr)
document.getElementById("img_organite").src="images/centriole_in.jpg" function centriole(){
document.getElementById("div_organite").style.zIndex="1" loupe_on = false
document.getElementById("div_aura").style.zIndex="-1" //console.log("centriole");
t_div=setInterval(afficherDIV,tempsAnim) afficherInfosOrganite(txt_centr)
} document.getElementById("img_organite").src="images/centriole_in.jpg"
document.getElementById("div_organite").style.zIndex="1"
function arn(){ document.getElementById("div_aura").style.zIndex="-1"
elt_a_zoomer="ARN" t_div=setInterval(afficherDIV,tempsAnim)
loupe_on = true }
afficherInfosOrganite(txt_arn) function arn(){
document.getElementById("div_zoom").innerHTML='<img src="images/'+elt_a_zoomer+'_zoom.jpg" alt="" />' elt_a_zoomer="ARN"
loupe_on = true
document.getElementById("img_organite").src="images/ARN_in.jpg" //console.log("arn");
document.getElementById("div_organite").style.zIndex="1" afficherInfosOrganite(txt_arn)
document.getElementById("div_aura").style.zIndex="-1" document.getElementById("div_zoom").innerHTML='<img src="images/'+elt_a_zoomer+'_zoom.jpg" alt="" />'
}
document.getElementById("img_organite").src="images/ARN_in.jpg"
function nucl(){ document.getElementById("div_organite").style.zIndex="1"
loupe_on = false document.getElementById("div_aura").style.zIndex="-1"
}
afficherInfosOrganite(txt_nucl)
document.getElementById("img_organite").src="images/nucl_in.jpg" function nucl(){
document.getElementById("div_organite").style.zIndex="1" loupe_on = false
document.getElementById("div_aura").style.zIndex="-1" //console.log(" nucl");
t_div=setInterval(afficherDIV,tempsAnim) afficherInfosOrganite(txt_nucl)
} document.getElementById("img_organite").src="images/nucl_in.jpg"
document.getElementById("div_organite").style.zIndex="1"
/*Fonctions relatives à la div d'infos*/ document.getElementById("div_aura").style.zIndex="-1"
function infos() { t_div=setInterval(afficherDIV,tempsAnim)
if(!INFOS_affiche){ }
document.getElementById("div_infos").style.zIndex="4"
t_inf=setInterval(afficherINFOS,50) /*Fonctions relatives а la div d'infos*/
} function infos() {
} //console.log(" infos");
if(!INFOS_affiche && !click_INFO){
function afficherINFOS() { document.getElementById("div_infos").style.zIndex="4"
if (opaciteINFOS<1) { t_inf=setInterval(afficherINFOS,50)
opaciteINFOS=opaciteINFOS+0.1 click_INFO = true;
document.getElementById("div_infos").style.opacity=opaciteINFOS }
} else { }
clearInterval(t_inf)
INFOS_affiche=true function afficherINFOS() {
} //console.log("afficherINFOS");
if (opaciteINFOS<1) {
} opaciteINFOS=opaciteINFOS+0.1
document.getElementById("div_infos").style.opacity=opaciteINFOS
function clicINFOS() { } else {
if (INFOS_affiche) { clearInterval(t_inf);
t_inf=setInterval(cacherINFOS,50) INFOS_affiche=true
} }
if (ZOOM_affiche) { }
t_zoom=setInterval(cacherZOOM,50)
} function clicINFOS() {
}
if (INFOS_affiche && click_INFO) {
function cacherINFOS() { //console.log("INFOS_affiche");
if (opaciteINFOS>0) { t_inf=setInterval(cacherINFOS,50)
opaciteINFOS=opaciteINFOS-0.1 click_INFO = false;
document.getElementById("div_infos").style.opacity=opaciteINFOS }
} else {
document.getElementById("div_infos").style.zIndex="-1" if (ZOOM_affiche && click_ZOOM) {
clearInterval(t_inf) //console.log("ZOOM_affiche");
INFOS_affiche=false t_zoom=setInterval(cacherZOOM,50)
} click_ZOOM = false;
} }
}
/*Animations pour la div de zoom*/
function cacherINFOS() {
function loupe_interact(){ //console.log("cacherINFOS");
if (opaciteINFOS>0) {
if(loupe_on&&!ZOOM_affiche){ opaciteINFOS=opaciteINFOS-0.1
document.getElementById("div_infos").style.opacity=opaciteINFOS
zoom() } else {
} document.getElementById("div_infos").style.zIndex="-1"
if(interactif_on) { clearInterval(t_inf)
INFOS_affiche=false
} }
if(interactif_on=="ARN") { }
arn()
} /*Animations pour la div de zoom*/
} function loupe_interact(){
//console.log("loupe_interact");
function zoom() { if(loupe_on&&!ZOOM_affiche){
document.getElementById("div_zoom").style.zIndex="4"
t_zoom=setInterval(afficherZOOM,50) zoom()
} }
if(interactif_on) {
function afficherZOOM() {
}
if (opaciteZOOM<1) { if(interactif_on=="ARN") {
opaciteZOOM=opaciteZOOM+0.1 arn()
document.getElementById("div_zoom").style.opacity=opaciteZOOM }
} else {
clearInterval(t_zoom) }
ZOOM_affiche=true
} function zoom() {
} //console.log("zoom");
document.getElementById("div_zoom").style.zIndex="4"
function cacherZOOM() { t_zoom=setInterval(afficherZOOM,50);
if (opaciteZOOM>0) { ZOOM_affiche = true;
opaciteZOOM=opaciteZOOM-0.1 }
document.getElementById("div_zoom").style.opacity=opaciteZOOM
} else { function afficherZOOM() {
document.getElementById("div_zoom").style.zIndex="-2" //console.log("afficherZOOM");
clearInterval(t_zoom) if (opaciteZOOM<1) {
ZOOM_affiche=false opaciteZOOM=opaciteZOOM+0.1
} document.getElementById("div_zoom").style.opacity=opaciteZOOM
} } else {
clearInterval(t_zoom)
ZOOM_affiche=true
/*Animations relatives à la div organites*/ click_ZOOM = true;
function afficherDIV() { }
if (opaciteDIV<1) { }
opaciteDIV=opaciteDIV+0.1
document.getElementById("div_organite").style.opacity=opaciteDIV function cacherZOOM() {
} else { //console.log("cacherZOOM");
clearInterval(t_div) if (opaciteZOOM>0) {
} opaciteZOOM=opaciteZOOM-0.1
} document.getElementById("div_zoom").style.opacity=opaciteZOOM
} else {
document.getElementById("div_zoom").style.zIndex="-2"
function cacherDIV() { clearInterval(t_zoom)
ZOOM_affiche=false
/*Instructions relatives à l'ADN*/ }
interactif_on=false }
noyauSel = false
document.getElementById("div_ADN").style.zIndex="-2"
document.getElementById("img_ADN").src="" /*Animations relatives а la div organites*/
function afficherDIV() {
if (opaciteDIV>0) { if(click_EXIT){
opaciteDIV=opaciteDIV-0.1 //console.log("afficherDIV");
document.getElementById("div_organite").style.opacity=opaciteDIV if (opaciteDIV<1) {
} else { opaciteDIV=opaciteDIV+0.1
document.getElementById("div_organite").style.zIndex="-1" document.getElementById("div_organite").style.opacity=opaciteDIV
clearInterval(t_div) } else {
} clearInterval(t_div)
} click_EXIT = false;
click_Cacher = true;
function afficherInfosOrganite(nomOrg) { }
document.getElementById("div_infos").innerHTML=nomOrg }
} }
/*Animation d'intro
function cacherDIV() {
if(!click_EXIT){
//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