Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
clavier2 [2020/05/04 11:59] hugo |
clavier2 [2020/05/04 12:27] (Version actuelle) hugo |
||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
- | ======= Clavier ======= | ||
- | |||
- | |||
< | < | ||
- | < | ||
- | < | ||
- | .brd {border: 1px solid black;} | ||
- | .hide{display: | ||
- | # | ||
- | # | ||
- | </ | ||
< | < | ||
- | + | function visibilite(thingId) { var targetElement; targetElement | |
- | let togg1 = document.getElementById(" | + | |
- | let togg2 = document.getElementById(" | + | |
- | let d1 = document.getElementById(" | + | |
- | let d2 = document.getElementById(" | + | |
- | togg1.addEventListener(" | + | |
- | | + | |
- | d1.style.display = " | + | |
- | } else { | + | |
- | d1.style.display = " | + | |
- | } | + | |
- | }) | + | |
- | + | ||
- | function togg(){ | + | |
- | if(getComputedStyle(d2).display != " | + | |
- | d2.style.display = "none"; | + | |
- | | + | |
- | d2.style.display = "block"; | + | |
- | | + | |
- | }; | + | |
- | togg2.onclick = togg; | + | |
- | / *!]]> * / </ | + | |
- | + | ||
- | + | ||
- | </ | + | |
- | < | + | |
- | + | ||
- | <img src=" | + | |
- | <map name=" | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | </ | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | <button id=" | + | |
- | <button id=" | + | |
- | <div id=" | + | |
- | <p>Ce texte appartient au premier div de ma page</ | + | |
- | <p>Ce deuxième paragraphe également</ | + | |
- | </ | + | |
- | <div id=" | + | |
- | <p>Il existe deux façons de cacher un élément < | + | |
- | < | + | |
- | < | + | |
- | < | + | |
- | </ | + | |
- | </ | + | |
- | < | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | <p class=" | + | |
- | + | ||
- | </ | + | |
- | <div class=" | + | |
- | <p> butt 3 bla </ | + | |
- | < | + | |
- | < | + | |
- | </ | + | |
- | </ | + | |
- | </ | + | |
- | </ | + | |
- | + | ||
- | bouton 2 | + | |
- | ===== Touche 2 du clavier ===== | + | |
- | + | ||
- | + | ||
- | < | + | |
- | < | + | |
- | < | + | |
- | + | ||
- | < | + | |
- | document.write(Date()); | + | |
</ | </ | ||
- | </ | ||
- | </ | ||
- | < | ||
< | < | ||
Ligne 99: | Ligne 12: | ||
document.getElementById(" | document.getElementById(" | ||
</ | </ | ||
+ | < | ||
+ | function visibilite(thingId) { var targetElement; | ||
+ | </ | ||
+ | <p> yoyo</ | ||
+ | |||
+ | <a href="" | ||
+ | <div id=" | ||
</ | </ | ||
</ | </ | ||
+ | |||