WEBISCAPE- Créer des extensions pour Genially N°2
Collectif SCAPE (sca
Created on December 1, 2020
More creations to inspire you
SLYCE DECK
Personalized
LET’S GO TO LONDON!
Personalized
ENERGY KEY ACHIEVEMENTS
Personalized
HUMAN AND SOCIAL DEVELOPMENT KEY
Personalized
CULTURAL HERITAGE AND ART KEY ACHIEVEMENTS
Personalized
DOWNFALLL OF ARAB RULE IN AL-ANDALUS
Personalized
ABOUT THE EEA GRANTS AND NORWAY
Personalized
Transcript
Créer des extensions pour Genially - N°2 - 04/12/2020
En attendant, (créez et) connectez-vous à votre compte Genially
OBJECTIF
Réutilisez !
PAS-à-PAS assisté N°2
https://view.genial.ly/5fc6ad3fd51bf30cf8005852
1. Insertion d'une <div> identifiée (cachecache) dans la page
<div id="cachecache" style="text-align:center; background-color:#FF0000; color:#FFFFFF;font-size:30px">CACHE-CACHE</div> <script></script>
Propriétés de styles :text-align : center / left / right / justifybackground-color : red / #FF0000 / rgb(255,0,0)color : white/ #FFFFFF / rgb(255,255,255)font-size : 30 px
Propriétés :display : none / block / ... (mode d'affichage)visibility : visible / hidden / ... (visibilité)opacity : de 0 à 1 (opacité)
2. Disparition par interactivité
document.getElementById("cachecache").style.display="none";
Accès aux outils de développementCTRL+MAJ+I
3. Disparition d'un objet Genially par interactivité
La propriété parentNode renvoie le parent du nœud spécifié dans l'arborescence.
4. Disparition d'un groupe élément / objet Genially par interactivité
document.getElementById("cachecache").parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.style.display="none";
var pnode = document.getElementById("cachecache").parentNode.parentNode.parentNode; while (pnode.getAttribute('id') == null) { pnode = pnode.parentNode; } pnode = pnode.parentNode.parentNode;
5. Cacher l'élément du groupe
<div id="cachecache" style="text-align:center; background-color:#FF0000; color:#FFFFFF;font-size:30px">CACHE-CACHE</div><script></script>
<div id="cachecache" style="text-align:center; background-color:#FF0000; color:#FFFFFF;font-size:30px">CACHE-CACHE</div> <script>if (document.querySelector('.container-wrapper-genially')) { document.getElementById("cachecache").style.display="none";}</script>
6. Faire apparaître le groupe à l'interaction
<div id="cachecache" style="text-align:center; background-color:#FF0000; color:#FFFFFF;font-size:30px">CACHE-CACHE</div> <script>if (document.querySelector('.container-wrapper-genially')) { document.getElementById("cachecache").style.display="none"; var pnode = document.getElementById("cachecache").parentNode.parentNode.parentNode; while (pnode.getAttribute('id') == null) { pnode = pnode.parentNode; } pnode = pnode.parentNode.parentNode; pnode.style.display="none"; }</script>
<script> setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); var pnode = document.getElementById("cachecache").parentNode.parentNode.parentNode; while (pnode.getAttribute('id') == null) { pnode = pnode.parentNode; } pnode = pnode.parentNode.parentNode; pnode.style.display="block"; </script>
<div id="cachecache" style="text-align:center; background-color:#FF0000; color:#FFFFFF;font-size:30px">CACHE-CACHE</div> <script>if (document.querySelector('.container-wrapper-genially')) { document.getElementById("cachecache").style.display="none";}</script>
Elle prend des pommes.
Sujet
Verbe
COD
Les éléments de base d'une phrase simple.
Adhésion
(CC‑BY‑SA | CC‑BY‑NC)
https://www.lelivrescolaire.fr/page/16120905
PHAGOCYTOSE
Ingestion
Digestion
Expulsion