Want to make creations as awesome as this one?

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