|
|
<!doctype html><html><head><meta charset="utf-8"><title>TeachDoc engine</title><link href="css/scorm.css?v=4" rel="stylesheet" type="text/css" /></head><div class=div-teachdoc><div class=deco-teachdoc ></div><img class="logotop-teachdoc" src="img/classique/oel_back.jpg" /><div class="progress-teachdoc" ><div class="left-text-progress" >0%</div><div class="left-teach-progress" ><div class="left-barre-progress" ></div></div></div><div class="list-teachdoc_wrapper"><ul class="list-teachdoc"><li style='position:relative;' pagebehav='0' onClick='ctrlpl(40,0,1,0);' class='NodeLvl1 subMenuSco1 pgh40 subMenuMini0' ><span class='dotSubLudi' ></span><span>Edition collaborative avec ONLYOFFICE</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(41,0,2,2);' class='NodeLvl2 subMenuSco2 pgh41 subMenuMini1' ><span class='dotSubLudi' ></span><span>Editer un document</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(42,0,3,2);' class='NodeLvl2 subMenuSco3 pgh42 subMenuMini2' ><span class='dotSubLudi' ></span><span>Les outils collaboratifs</span></li><li style='position:relative;' pagebehav='0' onClick='ctrlpl(43,0,4,0);' class='NodeLvl2 subMenuSco4 pgh43 subMenuMini3' ><span class='dotSubLudi' ></span><span>Les options sur le document</span></li><li style='position:relative;' pagebehav='0' onClick='ctrlpl(44,0,5,0);' class='NodeLvl2 subMenuSco5 pgh44 subMenuMini4' ><span class='dotSubLudi' ></span><span>Le module Texte</span></li><li style='position:relative;' pagebehav='0' onClick='ctrlpl(45,0,6,0);' class='NodeLvl2 subMenuSco6 pgh45 activeli' ><span class='dotSubLudi' ></span><span>Le module Tableur</span></li><li style='position:relative;' pagebehav='0' onClick='ctrlpl(46,0,7,0);' class='NodeLvl2 subMenuSco7 pgh46 subMenuMini6' ><span class='dotSubLudi' ></span><span>Le module diaporama</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(63,0,8,2);' class='NodeLvl4 subMenuSco8 pgh63 subMenuMini7' ><span class='dotSubLudi' ></span><span>Certification</span></li></ul></div></div><nav id="nav-bottom" class="fixed-top-nav fixed-top-nav-classic" ><div class="span-ludi-progress" ><div class="barre-ludi-progress" ></div></div><button id="btn-next" onClick="ctrlpl(basePages[7],0);" class="btn btn-outline-light" > > </button><button id="btn-prev" onClick="ctrlpl(basePages[5],0);" class="btn btn-outline-light" > < </button></nav><div id="message-bottom" class="fixed-top-message" >Réponse fausse ou incomplète</div><body style="background-color:#D8D8D8;" ><div class="panel-teachdoc"><h1>Présentation du module tableur</h1><div class="c2501"><div class="c2654"><video oncontextmenu="return false;" datahref="img_cache/teachcs-20220412-hdj7c/onlyoffice-video05-tableurs.mp4" controls="" controlslist=" nodownload" class="videoByLudi"><source name="sourcevid" src="img_cache/teachcs-20220412-hdj7c/onlyoffice-video05-tableurs.mp4" type="video/mp4" class="sourcevid"/></video></div><h2>L'environnement</h2></div><div class="c2598"></div><div class="c3011"></div><div class="c2501"></div><img src="img_cache/teachcs-20220412-hdj7c/imgblob_hou1cr.png" class="bandeImg"/><div class="row"><div class="cell"><div class="c2470"><table class="teachdoctext c1407"><tbody><tr><td class="teachdoctextContent"><p><span class="c1463"><strong>L'environnement de base</strong></span></p><ul><li>Les onglets avec les différents boutons</li><li>Le volet latéral de droit qui change en fonction du contexte<br/><br/></li></ul><p><span class="c1530"><strong>Volet mise en forme des graphiques</strong></span></p><p> </p></td></tr></tbody></table></div><img src="img_cache/teachcs-20220412-hdj7c/imgblob_950slc.png" class="bandeImg"/></div><div class="cell"><div class="c2757"><table class="teachdoctext c1559"><tbody><tr><td class="teachdoctextContent"><p>Volet de gestion des tableaux (mise sous forme de tableaux)</p></td></tr></tbody></table></div><img src="img_cache/teachcs-20220412-hdj7c/imgblob_8wdz3h.png" class="bandeImg"/></div></div><h2>Ajouter des commentaires</h2><div class="c2735"></div><div class="c2508"></div><div class="c3646"></div><div class="row"><div class="cell"><div class="c2886"><table class="teachdoctext c1712"><tbody><tr><td class="teachdoctextContent"><p><span class="c2378"><strong>Ajouter un commentaire</strong></span></p><ul><li>Menu collaboration</li><li>Ajouter un commentaire</li></ul><p>OU</p><ul><li>Clic-droit dans une cellule</li><li>Ajouter un commentaire</li></ul><p>Vous pouvez :</p><ul><li>Modifier le commentaire</li><li>Supprimer le commentaire</li><li>Répondre au commentaire</li></ul></td></tr></tbody></table></div><div class="c2907"></div></div><div class="cell"><img src="img_cache/teachcs-20220412-hdj7c/imgblob_hfdwnt.png" class="bandeImg"/><div class="c3130"><table class="teachdoctext c1923"><tbody><tr><td class="teachdoctextContent"><p>La cellule contenant un commentaire apparaît avec un indicateur en haut à droite.</p></td></tr></tbody></table></div><img src="img_cache/teachcs-20220412-hdj7c/imgblob_hy3j0k.png" class="bandeImg"/></div></div><h2>Le volet des commentaires</h2><div class="row"></div><div class="row"><div class="cell"><img src="img_cache/teachcs-20220412-hdj7c/imgblob_3mdauv.png" class="bandeImg"/></div><div class="cell"><div class="c3304"><table class="teachdoctext c2033"><tbody><tr><td class="teachdoctextContent"><ul><li>Volet latéral gauche</li><li>Bouton commentaires</li></ul><p>Affiche la liste des commentaires. Associés au document ou aux cellules des feuilles.</p><p><span class="c2677"><strong>Actions Possibles</strong></span> :</p><ul><li>Atteindre un commentaire lié à une cellule</li><li>Ajouter un commentaire lié au document en général</li></ul></td></tr></tbody></table></div></div></div><div class="c3430"><table class="teachdocplugteach c2200"><tbody><tr><td class="c2229"><div class="plugteachcontain"><div class="oelcardinfo oelcardinfolinelarge"><div class="description"><div class="oelcardinfoh1 oeltxtcenter">A vous de jouer</div><div class="oelcardinfoh2 oeltxtcenter">Quiz</div><p class="oeltxtcenter"> </p><p class="read-more"> </p></div><div class="metacircle"><div class="photo"> </div></div></div><span class="typesource">oelcontentcardinfocircle</span><span class="datatext1"></span><span class="datatext1">undefined</span><span class="datatext2">undefined</span><span class="typesource">oelcontentcardinfocircle</span></div></td></tr></tbody></table><div class="c4069"><table class="qcmbarre c2394"><tbody><tr><td colspan="2" class="quizzTextqcm"><p>Pour ajouter un commentaire qui sera visible à partir de n'importe quelle feuille du classeur, quelle commande faut-il utiliser ?</p></td></tr><tr class="quizzTextTr"><td class="quizzTextTd"><img src="img/qcm/matgreen0.png" class="checkboxqcm"/></td><td class="c2466">Menu Collaboration / Insérer une note au document</td></tr><tr class="quizzTextTr"><td class="quizzTextTd"><img src="img/qcm/matgreen0r.png" class="checkboxqcm"/></td><td class="c2505">Volet latéral / bouton "commentaires" / Envoyer</td></tr><tr class="quizzTextTr"><td class="quizzTextTd"><img src="img/qcm/matgreen0.png" class="checkboxqcm"/></td><td class="c2544">Clic-droit dans une cellule / Ajouter un commentaire</td></tr></tbody></table></div><div class="c4143"></div></div><div class="c3875"></div><div class="c4026"><table class="teachdocbtnteach c2585"><tbody><tr><td class="c2610"><a href="" datatext3="act3|" datatext4="LUDI.nextPage();" datatext5="|" name="submit" type="button" class="btn-btnTeach btnroundblue">Check the answers</a><span class="datatext3 c2631">act3|</span><span class="datatext4 c2641">LUDI.nextPage();</span><span class="datatext5 c2651">|</span></td></tr></tbody></table></div></div><style>body,html {height: 100%;margin: 0;}* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}.cell{padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;min-height:75px;min-width:250px;display:table-cell;vertical-align:middle;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:dashed;border-right-style:dashed;border-bottom-style:dashed;border-left-style:dashed;border-top-color:rgb(169, 204, 227);border-right-color:rgb(169, 204, 227);border-bottom-color:rgb(169, 204, 227);border-left-color:rgb(169, 204, 227);border-image-source:initial;border-image-slice:initial;border-image-width:initial;border-image-outset:initial;border-image-repeat:initial;width:8%;height:auto !important;}.panel{width:90%;max-width:800px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;padding-top:30px;padding-right:20px;padding-bottom:30px;padding-left:20px;margin-top:50px;margin-right:auto;margin-left:auto;margin-bottom:30px;background-color:white;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:gray;border-right-color:gray;border-bottom-color:gray;border-left-color:gray;border-image-source:initial;border-image-slice:initial;border-image-width:initial;border-image-outset:initial;border-image-repeat:initial;box-shadow:rgba(0, 0, 0, 0.25) 0px 3px 10px 0px;color:black;font-weight:100;}h1{text-align:center;font-weight:100;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}.logo path{pointer-events:none;fill:none;stroke-linecap:round;stroke-width:7;stroke:rgb(255, 255, 255);}blockquote{border-left-width:2px;border-left-style:solid;border-left-color:rgb(204, 204, 204);margin-left:1.5rem;padding-left:1rem;}.row{display:table;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;width:100%;min-height:75px;height:auto !important;}.c2654{width:100%;}.c2470{width:100%;}.c1407{width:97%;}.c2757{width:100%;}.c1559{width:97%;}.c1530{text-decoration-line:underline;text-decoration-thickness:initial;text-decoration-style:initial;text-decoration-color:initial;}.c2907{width:100%;}.c2886{width:100%;}.c1712{width:97%;}.c3130{width:100%;}.c1923{width:97%;}.c3304{width:100%;}.c2033{width:100%;}.c3430{width:100%;}.c2200{width:100%;text-align:center;}.c3875{width:100%;}.c2229{text-align:center;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;width:100%;position:relative;}.c4143{width:100%;}.c4069{width:100%;}.c2466{text-align:left;}.c2505{text-align:left;}.c2544{text-align:left;}.c2394{width:100%;}.c4026{width:100%;}.c2631{display:none;}.c2641{display:none;}.c2651{display:none;}.c2610{text-align:center;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;width:100%;}.c2585{width:100%;}@media (max-width: 768px){.cell{min-width:300px;width:100%;display:table;}}
|
|
|
.teachdoctext{
|
|
|
width:100%;
|
|
|
}
|
|
|
.teachdoctext tr td{
|
|
|
padding-top:15px;
|
|
|
padding-bottom:15px;
|
|
|
}
|
|
|
|
|
|
.audioByLudi{
|
|
|
display: block;
|
|
|
margin-top:5px;
|
|
|
margin-bottom:5px;
|
|
|
margin-left:auto;
|
|
|
margin-right:auto;
|
|
|
}
|
|
|
|
|
|
.initialImg {
|
|
|
position : relative;
|
|
|
display : block;
|
|
|
margin-top : 5px;
|
|
|
margin-bottom : 5px;
|
|
|
margin-left:auto;
|
|
|
margin-right:auto;
|
|
|
width : auto;
|
|
|
max-width:850px;
|
|
|
}
|
|
|
.bandeImg{
|
|
|
position : relative;
|
|
|
display : block;
|
|
|
margin-top : 5px;
|
|
|
margin-bottom : 5px;
|
|
|
margin-left:auto;
|
|
|
margin-right:auto;
|
|
|
width : 100%;
|
|
|
max-width:450px;
|
|
|
}
|
|
|
|
|
|
.bandeImgFull{
|
|
|
position : relative;
|
|
|
display : block;
|
|
|
margin-top : 5px;
|
|
|
margin-bottom : 5px;
|
|
|
margin-left:auto;
|
|
|
margin-right:auto;
|
|
|
width : 100%;
|
|
|
max-width:850px;
|
|
|
}
|
|
|
|
|
|
.bandeImgOverview{
|
|
|
position : relative;
|
|
|
display : block;
|
|
|
margin-top : 5px;
|
|
|
margin-bottom : 5px;
|
|
|
margin-left:auto;
|
|
|
margin-right:auto;
|
|
|
width : 100%;
|
|
|
max-width: 800px;
|
|
|
}
|
|
|
.bandeImgOverview{
|
|
|
border-right: solid 10px #D2B4DE;
|
|
|
}
|
|
|
|
|
|
.overviewImgOnLive{
|
|
|
position : relative;
|
|
|
display : block;
|
|
|
margin-top : 5px;
|
|
|
margin-bottom : 5px;
|
|
|
margin-left: auto;
|
|
|
margin-right: auto;
|
|
|
width : 100%;
|
|
|
max-width: 800px;
|
|
|
border : solid 2px #EAEDED;
|
|
|
cursor: pointer;
|
|
|
z-index : 50;
|
|
|
}
|
|
|
|
|
|
.overviewImgOnLive img{
|
|
|
position : relative;
|
|
|
display : block;
|
|
|
margin-top : 5px;
|
|
|
margin-bottom : 5px;
|
|
|
margin-left: auto;
|
|
|
margin-right: auto;
|
|
|
width : 100%;
|
|
|
max-width: 800px;
|
|
|
z-index : 40;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
|
|
|
.overviewImgOnLive:after {
|
|
|
content: "";
|
|
|
display: block;
|
|
|
position: absolute;
|
|
|
left: 50%;
|
|
|
top: 50%;
|
|
|
width: 40px;height: 40px;
|
|
|
margin-top: -20px;margin-left: -20px;
|
|
|
border-radius: 20px;
|
|
|
transition: inherit;
|
|
|
background-color: #5DADE2;
|
|
|
background-size: 20px 20px;
|
|
|
background-repeat: no-repeat;
|
|
|
background-position: center center;
|
|
|
cursor: pointer;
|
|
|
z-index : 60;
|
|
|
transition: all 0.2s ease-out;
|
|
|
opacity : 0.3;
|
|
|
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaGVpZ2h0PSIyNCIKICAgdmlld0JveD0iMCAwIDI0IDI0IgogICB3aWR0aD0iMjQiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzQiCiAgIHNvZGlwb2RpOmRvY25hbWU9Inpvb20taW4td2hpdGUuc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjAuMSAoM2JjMmU4MTNmNSwgMjAyMC0wOS0wNykiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTEwIj4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIKICAgICBncmlkdG9sZXJhbmNlPSIxMCIKICAgICBndWlkZXRvbGVyYW5jZT0iMTAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjExOTIiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iODY3IgogICAgIGlkPSJuYW1lZHZpZXc2IgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIxNS41MTcxMzEiCiAgICAgaW5rc2NhcGU6Y3g9IjEzLjk1MDQ4NyIKICAgICBpbmtzY2FwZTpjeT0iMTIuODU1NzA5IgogICAgIGlua3NjYXBlOndpbmRvdy14PSIwIgogICAgIGlua3NjYXBlOndpbmRvdy15PSIwIgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNCIgLz4KICA8cGF0aAogICAgIGQ9Im0xMSAyYzQuOTcwNTYyNyAwIDkgNC4wMjk0MzcyNSA5IDkgMCAyLjEyNDc3OS0uNzM2MzEwMiA0LjA3NzU4MzYtMS45Njc2OTI2IDUuNjE3MTc1N2wzLjY3NDc5OTQgMy42NzU3MTc1Yy4zOTA1MjQzLjM5MDUyNDMuMzkwNTI0MyAxLjAyMzY4OTMgMCAxLjQxNDIxMzYtLjM2MDQ4NC4zNjA0ODM5LS45Mjc3MTUuMzg4MjEzNS0xLjMyMDAwNjIuMDgzMTg4NmwtLjA5NDIwNzQtLjA4MzE4ODYtMy42NzU3MTc1LTMuNjc0Nzk5NGMtMS41Mzk1OTIxIDEuMjMxMzgyNC0zLjQ5MjM5NjcgMS45Njc2OTI2LTUuNjE3MTc1NyAxLjk2NzY5MjYtNC45NzA1NjI3NSAwLTktNC4wMjk0MzczLTktOSAwLTQuOTcwNTYyNzUgNC4wMjk0MzcyNS05IDktOXptMCAyYy0zLjg2NTk5MzI1IDAtNyAzLjEzNDAwNjc1LTcgNyAwIDMuODY1OTkzMiAzLjEzNDAwNjc1IDcgNyA3IDMuODY1OTkzMiAwIDctMy4xMzQwMDY4IDctNyAwLTMuODY1OTkzMjUtMy4xMzQwMDY4LTctNy03em0wIDNjLjU1MjI4NDcgMCAxIC40NDc3MTUyNSAxIDF2MmgyYy41NTIyODQ3IDAgMSAuNDQ3NzE1MyAxIDFzLS40NDc3MTUzIDEtMSAxaC0ydjJjMCAuNTUyMjg0Ny0uNDQ3NzE1MyAxLTEgMXMtMS0uNDQ3NzE1My0xLTF2LTJoLTJjLS41NTIyODQ3NSAwLTEtLjQ0NzcxNTMtMS0xcy40NDc3MTUyNS0xIDEtMWgydi0yYzAtLjU1MjI4NDc1LjQ0NzcxNTMtMSAxLTF6IgogICAgIGZpbGwtcnVsZT0iZXZlbm9kZCIKICAgICBpZD0icGF0aDIiCiAgICAgc3R5bGU9ImZpbGw6I2Y5ZjlmOSIgLz4KPC9zdmc+Cg==);
|
|
|
}
|
|
|
|
|
|
.overviewImgOnLive:hover:after {
|
|
|
margin-top: -23px;
|
|
|
margin-left: -23px;
|
|
|
border-radius: 23px;
|
|
|
width: 46px;
|
|
|
height: 46px;
|
|
|
background-size: 26px 26px;
|
|
|
opacity : 1;
|
|
|
}
|
|
|
|
|
|
.videoByLudi{
|
|
|
margin:5px;
|
|
|
}
|
|
|
.teachdocbtn{
|
|
|
width : 100%;
|
|
|
text-align : center;
|
|
|
}
|
|
|
.teachdocbtn td{
|
|
|
width : 100%;
|
|
|
text-align : center;
|
|
|
padding : 10px;
|
|
|
}
|
|
|
|
|
|
.teachdocbtnteach td{
|
|
|
width : 100%;
|
|
|
text-align : center;
|
|
|
padding : 10px;
|
|
|
}
|
|
|
|
|
|
.teachdocplugteach{
|
|
|
position : relative;
|
|
|
width : 100%;
|
|
|
}
|
|
|
.teachdocplugteach td{
|
|
|
position : relative;
|
|
|
width : 100%;
|
|
|
}
|
|
|
.teachdocplugteach a{
|
|
|
display: none;
|
|
|
}
|
|
|
.plugteachcontain{
|
|
|
position : relative;
|
|
|
display: inline-block;
|
|
|
width : 99%;
|
|
|
margin : 0.5%;
|
|
|
min-height : 150px;
|
|
|
border : dotted 0px gray;
|
|
|
}
|
|
|
.plugteachuicontain{
|
|
|
position : relative;
|
|
|
display: inline-block;
|
|
|
width : 100%;
|
|
|
margin : 0px;
|
|
|
background-color: #E8DAEF;
|
|
|
padding : 7px;
|
|
|
min-height : 30px;
|
|
|
border : dotted 1px rgb(204, 26, 174);
|
|
|
}
|
|
|
|
|
|
.topinactiveteach{
|
|
|
position : absolute;
|
|
|
right : 0px;
|
|
|
top : 0px;
|
|
|
bottom : 10px;
|
|
|
left : 20px;
|
|
|
background-color: transparent;
|
|
|
}
|
|
|
|
|
|
.cell{
|
|
|
vertical-align: middle;
|
|
|
}
|
|
|
@media (max-width: 768px){
|
|
|
.cell{
|
|
|
min-width : 300px;
|
|
|
width : 100%;
|
|
|
display: table;
|
|
|
height : auto;
|
|
|
vertical-align : middle;
|
|
|
}
|
|
|
}
|
|
|
:root {
|
|
|
--main-color-1: #DC7633;
|
|
|
}
|
|
|
|
|
|
body{
|
|
|
background-color :#d1d1e0!important;
|
|
|
font-family: sans-serif;
|
|
|
}
|
|
|
.teachdoctextContent {line-height: 1.4;}
|
|
|
|
|
|
h1{
|
|
|
text-align:center;
|
|
|
font-weight: 100;
|
|
|
margin: 0px;
|
|
|
}
|
|
|
h2{
|
|
|
text-align : left;
|
|
|
font-weight : 100;
|
|
|
font-size : 20px;
|
|
|
margin : 0px;
|
|
|
margin-top : 10px;
|
|
|
margin-left : -40px;
|
|
|
margin-right : 25px;
|
|
|
padding-left : 25px;
|
|
|
padding-top : 5px;
|
|
|
padding-bottom : 5px;
|
|
|
background-color : #DC7633;
|
|
|
color : white;
|
|
|
-webkit-box-shadow: 5px 5px 0px 0px #e9da84, 5px 5px 15px 5px rgba(0,0,0,0);
|
|
|
box-shadow: 5px 5px 0px 0px #e9da84, 5px 5px 15px 5px rgba(0,0,0,0);
|
|
|
}
|
|
|
.sectioncollapse{
|
|
|
text-align : center;
|
|
|
font-size : 22px;
|
|
|
background-color : #DC7633;
|
|
|
color:white;
|
|
|
padding : 10px;
|
|
|
margin : 10px;
|
|
|
margin-left : 0px;
|
|
|
margin-right : 0px;
|
|
|
background-image : url(img/classique/arrow-collapsel.png);
|
|
|
background-position: right center;
|
|
|
background-repeat: no-repeat;
|
|
|
cursor : pointer;
|
|
|
}
|
|
|
|
|
|
/* Notices */
|
|
|
samp {
|
|
|
font-family: 'Hahmlet', serif;
|
|
|
font-size : 17px;
|
|
|
background-color : #aad8f6;
|
|
|
padding: 5px;
|
|
|
padding-left: 35px;
|
|
|
background-image : url(img/classique/infos.png);
|
|
|
background-position: left center;
|
|
|
background-repeat: no-repeat;
|
|
|
border-radius: 4px;
|
|
|
}
|
|
|
address {
|
|
|
font-family: 'Hahmlet', serif;
|
|
|
font-size : 17px;
|
|
|
color: #9F6000;
|
|
|
background-color: #FEEFB3;
|
|
|
padding: 5px;
|
|
|
padding-left: 35px;
|
|
|
background-image : url(img/classique/warning.png);
|
|
|
background-position: left center;
|
|
|
background-repeat: no-repeat;
|
|
|
border-radius: 4px;
|
|
|
}
|
|
|
blockquote {
|
|
|
border-left: 2px solid #ccc;
|
|
|
margin-left: 1.5rem;
|
|
|
padding-left: 1rem;
|
|
|
}
|
|
|
|
|
|
/*button only*/
|
|
|
.btnteachgreen{
|
|
|
color: #fff;
|
|
|
background-color: #229954;
|
|
|
border-color: #1E8449 ;
|
|
|
padding: 7px 13px;
|
|
|
margin-bottom: 0;
|
|
|
font-size: 15px;
|
|
|
font-weight: 400;
|
|
|
line-height: 1.42857143;
|
|
|
border: 1px solid transparent;
|
|
|
border-radius: 4px;
|
|
|
}
|
|
|
.btnteachblue{
|
|
|
color: #fff;
|
|
|
background-color: #337ab7;
|
|
|
border-color: #2e6da4;
|
|
|
padding: 7px 13px;
|
|
|
margin-bottom: 0;
|
|
|
font-size: 15px;
|
|
|
font-weight: 400;
|
|
|
line-height: 1.42857143;
|
|
|
border: 1px solid transparent;
|
|
|
border-radius: 4px;
|
|
|
}
|
|
|
.btnroundblue{
|
|
|
color: transparent;
|
|
|
background-color : rgb(0, 151, 169);
|
|
|
border: 1px solid #2e6da4;
|
|
|
background-image : url(img/btn/mat-right.png);
|
|
|
background-repeat: no-repeat;
|
|
|
background-position: center center;
|
|
|
overflow: hidden;
|
|
|
width: 56px;
|
|
|
height: 56px;
|
|
|
padding: 0px 0px;
|
|
|
margin-bottom : 0;
|
|
|
font-size : 15px;
|
|
|
font-weight : 400;
|
|
|
line-height : 56px;
|
|
|
border-radius: 50%;
|
|
|
}
|
|
|
.btnroundblueprev{
|
|
|
color: transparent;
|
|
|
background-color : rgb(0, 151, 169);
|
|
|
border: 1px solid #2e6da4;
|
|
|
background-image : url(img/btn/mat-left.png);
|
|
|
background-repeat: no-repeat;
|
|
|
background-position: center center;
|
|
|
overflow: hidden;
|
|
|
width: 56px;
|
|
|
height: 56px;
|
|
|
padding: 0px 0px;
|
|
|
margin-bottom : 0;
|
|
|
font-size : 15px;
|
|
|
font-weight : 400;
|
|
|
line-height : 56px;
|
|
|
border-radius: 50%;
|
|
|
}
|
|
|
.btnroundbluecheck{
|
|
|
color: transparent;
|
|
|
background-color : rgb(0, 151, 169);
|
|
|
border: 1px solid #2e6da4;
|
|
|
background-image : url(img/btn/mat-check.png);
|
|
|
background-repeat: no-repeat;
|
|
|
background-position: center center;
|
|
|
overflow: hidden;
|
|
|
width: 56px;
|
|
|
height: 56px;
|
|
|
padding: 0px 0px;
|
|
|
margin-bottom : 0;
|
|
|
font-size : 15px;
|
|
|
font-weight : 400;
|
|
|
line-height : 56px;
|
|
|
border-radius: 50%;
|
|
|
}
|
|
|
|
|
|
|
|
|
.btn-btnTeach{
|
|
|
display: inline-block;
|
|
|
text-decoration: none;
|
|
|
text-align: center;
|
|
|
white-space: nowrap;
|
|
|
vertical-align: middle;
|
|
|
-ms-touch-action: manipulation;
|
|
|
touch-action: manipulation;
|
|
|
cursor: pointer;
|
|
|
-webkit-user-select: none;
|
|
|
-moz-user-select: none;
|
|
|
-ms-user-select: none;
|
|
|
user-select: none;
|
|
|
}
|
|
|
.btn-btnTeach:hover{
|
|
|
transform: scale(0.96);
|
|
|
}
|
|
|
/*button only*/
|
|
|
|
|
|
.qcmbarre{
|
|
|
text-align: left;
|
|
|
width:100%;
|
|
|
}
|
|
|
.quizzTextqcm{
|
|
|
text-align: left;
|
|
|
}
|
|
|
.qcmbarre{
|
|
|
background-color : #FBFCFC;
|
|
|
border: 1px solid #dadce0;
|
|
|
border-radius: 8px;
|
|
|
padding-bottom : 20px;
|
|
|
font-family: 'Times New Roman', Times, serif;
|
|
|
}
|
|
|
.qcmbarre td{
|
|
|
padding : 1px;
|
|
|
margin : 0px;
|
|
|
}
|
|
|
.qcmbarre .quizzTextqcm{
|
|
|
padding : 20px;
|
|
|
padding-bottom : 20px;
|
|
|
padding-left:20px;
|
|
|
}
|
|
|
.qcmbarre .quizzTextqcm p{
|
|
|
padding : 0px;
|
|
|
margin : 0px;
|
|
|
}
|
|
|
.qcmbarre .quizzTextTd{
|
|
|
width: 54px;
|
|
|
padding : 0px;
|
|
|
}
|
|
|
.checkboxqcm{
|
|
|
padding : 0px;
|
|
|
margin : 0px;
|
|
|
width:30px;
|
|
|
height:30px;
|
|
|
margin-left:15px;
|
|
|
}
|
|
|
|
|
|
.videoByLudi{
|
|
|
max-width:960px;
|
|
|
min-height:100px;
|
|
|
max-height:540px;
|
|
|
width:98%;
|
|
|
margin-left:1%;
|
|
|
}
|
|
|
|
|
|
.audioByLudi{
|
|
|
width:90%;
|
|
|
margin-left:auto;
|
|
|
margin-right:auto;
|
|
|
}
|
|
|
.cell{border:dashed 0px #A9CCE3;}</style><script>var pageBindex=6;</script><script>var localIdTeachdoc=22;var progressBtop=8;var titleMod = "Edition collaborative avec ONLYOFFICE";var basePages = new Array();basePages[0]=0;basePages[1]=40;basePages[2]=41;basePages[3]=42;basePages[4]=43;basePages[5]=44;basePages[6]=45;basePages[7]=46;basePages[8]=63;
|
|
|
function installEdit(){
|
|
|
|
|
|
var icoAd = 'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAE64AABOuAbGhbCcAAARKSURBVEhLrVRraFtlGH7Pl5xzck6TNGmWLjPpWqStOnRM50SxVsqcG3PVX2IVb6CoKJ1uiGOrs6gwKdKOIfhDpPOGE4bu0ipMZeAPhzCEuuLa1PSWNPelaXOSk3M/fudbOqpu68U9/85zHp7ney/fR8ENQu+n/WspCnYhZNuNbKgZU4YsS9/dkIC+/v5bsfEhu93+GEVRyOJUVYVioWCQj/+Dn8+dC/EcdwCb71xsXhIEUBUF2YhqlUjk836fx/MGQuiRfEFwG4Zh0zSNmCuKQjSrDvg2nHBNCEqvDNRzTbW+Ghqh2WQmwwuFAkXMTdOSiasKOBlOeAuGfiReVp9PlzWWwiXU+7xOUFQhnUnjIjQ7likUmIdWPORTkUQgJ2n7sor+qmGajMWJ5TIwwixs5JCpi0VlfHqyVBLFMxqF9q6ogpOReCAraa/nFeNF3TSrLK4gijA0MQ3noykwTETdXFON1rhdv5Ql6eB8SZhadgUDYzPejKLvzqtGp2qYPosrSRL8MT4FsUwONF0HjrZDS6h2+InmQGdVFffrHU1N2rLWdDAcp/Gpn51TjT0L5qqmw4XxaYimLxFzCyxN5+ws3805eWJucUtW8EM07bhUlF9Jy3qfZphEL6sanA9HYDqVIRq8/+B2sLkdtwVfOLjtgVOErOC6FZyOzDjTJeWZrKy/u2AuygoMT+C2pLNEY5l7ODaxObi2i6O4QUIuwjUDvh+L8Zmy3pGXtHdwW9wWJ8oyjEzPwEQygwdqEvNqB5u6pbbmcNDj/PrNh+6+3KtFuGrAYCTFpFTzUUE3uhTDDFlXRsbXPxyLY/MU7j9pL7gcTG5DwPdxQ7Xr6L6tWwRC/gv/CRiYTFA5VWkrqnqvrJsNljl+ArB5AsZiSXyXLpuztF2+py7wWUON+8jbO+7LEfIq+MeQB8Ix26wOLfOqfqakGazFWRtycSoGw5NRorHAM7TU1lj3UU9761sV6pq4UoFpmtS8brYVVP2rBXPrtGMzSRiJxonGAm5L6c6b/F8wFOquUNfFlYDcfHF9XRW73wAIWt8K7vN4IkWGurDnLpYVG9d4jnl4tvv9XS1lQi4BEpBKpfCTYexsdrGbNnt5/EYZMIk3ZTQ6A1Ll2eUZu9Lorz4RcDvf62l/MEXIZYAESKrpw4O8l0aUt9HJQD0oMIpPbu28BTtCxsZ1/rO+Km7Ph+2tMUIuE+Sx0/jA/aORqb3VbqfbSlRmc+Bi7BArSdZvY1MocLa/Y/v23775XLSIlcB2+OgJ6sKfI1tG/pp8eiwyZdN1FfxeN9RyNHAsIzh47ifahp76/fiXJG2lQMX5Ag8mbBAEgR4avgjHT/8IiXRWcrHMUGvQ19vRHHr5k8e3zVX0KwbKzWZrONa+1ck75PrQuhEK0P54Mvskxzte8rn5vofvuj1Z0a4K1GsHPmBy+bn1+XyBDgb8Zb/fn+7p6lzWCi4NgL8BrsYOB26chCcAAAAASUVORK5CYII=")';
|
|
|
|
|
|
var sty = " style='background-image:"+icoAd+";background-position:center center;background-repeat:no-repeat;";
|
|
|
sty += " border:1px solid #8dcbf3;background-color:#ffffff;height:32px;width:32px;font-size:16px;line-height:19px;padding:0px;";
|
|
|
sty += " position:absolute;top:10px;right:5px;text-align:center;border-radius:50%;border:1px solid #8dcbf3;cursor:pointer;' ";
|
|
|
|
|
|
if(window.parent){
|
|
|
var url = window.parent.location;
|
|
|
if(url.href.indexOf("teachdoc=edit")!=-1){
|
|
|
var main = url.href.substring(0,url.href.indexOf('main/'));
|
|
|
var renderBtn = '<a ' + sty + ' class="menu-button fa icons" onClick="window.parent.location=\''+main+'plugin/adv_oel_tools_teachdoc/oel_tools_teachdoc_link.php?action=redir&idLudiLP='+localIdTeachdoc+'\'" > </a>';
|
|
|
var panelTools = document.querySelector(".deco-teachdoc");
|
|
|
if(panelTools){
|
|
|
panelTools.innerHTML = renderBtn;
|
|
|
} else {
|
|
|
panelTools = document.getElementById("nav-bottom");
|
|
|
if(panelTools){
|
|
|
panelTools.innerHTML = panelTools.innerHTML + renderBtn;
|
|
|
}
|
|
|
}
|
|
|
var panel = document.querySelector(".panel-teachdoc-large");
|
|
|
if(panel){
|
|
|
panelTools = document.getElementById("nav-bottom");
|
|
|
if(panelTools){
|
|
|
renderBtn = renderBtn.replace("right:5px;","left:200px;");
|
|
|
renderBtn = renderBtn.replace("background-color:#ffffff;","background-color:black;");
|
|
|
renderBtn = renderBtn.replace("#8dcbf3","black");
|
|
|
renderBtn = renderBtn.replace("#8dcbf3","black");
|
|
|
renderBtn = renderBtn.replace("32px","38px");
|
|
|
renderBtn = renderBtn.replace("32px","38px");
|
|
|
panelTools.innerHTML = panelTools.innerHTML + renderBtn;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
function correctPosition(){
|
|
|
|
|
|
var panel = document.querySelector(".panel-teachdoc");
|
|
|
if(!panel){
|
|
|
panel = document.querySelector(".panel-teachdoc-large");
|
|
|
}
|
|
|
|
|
|
if(panel){
|
|
|
var panelHeight = panel.clientHeight;
|
|
|
|
|
|
var larg = window.innerWidth;
|
|
|
var haut = window.innerHeight-70;
|
|
|
|
|
|
if(panelHeight<haut){
|
|
|
panel.style.top = ((haut-panelHeight)/2) + 'px';
|
|
|
}else{
|
|
|
panel.style.top = '10px';
|
|
|
panel.style.marginTop = '50px';
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
function checkObj(obj){
|
|
|
|
|
|
var src = obj.attr("src");
|
|
|
if(src.indexOf("matgreen0")!=-1){
|
|
|
var oCh = obj.parent().parent().parent();
|
|
|
oCh.find(".checkboxqcm").attr("src","img/qcm/matgreen0.png");
|
|
|
obj.attr("src","img/qcm/matgreen1.png");
|
|
|
}else{
|
|
|
obj.attr("src","img/qcm/matgreen0.png");
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
setTimeout(function(){correctPosition();},100);
|
|
|
setTimeout(function(){installImgOverviewEvents();},500);
|
|
|
setTimeout(function(){installEdit();},1000);
|
|
|
</script><script type="text/javascript" src="jq.js?v=9"></script><script type="text/javascript" src="api.js?v=9"></script><script type="text/javascript" src="ng.js?v=9"></script><link type="text/css" href="css/plug.css?v=9" rel="stylesheet" /></body></html> |
