Différences

Ci-dessous, les différences entre deux révisions de la page.

--- clavier2 [2020/05/04 11:52]
hugo
+++ clavier2 [2020/05/04 12:27] (Version actuelle)
hugo
@@ Ligne 1: / Ligne 1: @@
-======= Clavier =======
 <html>
-<head>
-<style>
-.brd {border: 1px solid black;}
-.hide{display: none;}
-#d1{background-color: #EECC4499;}
-#d2{background-color: #44EEAA99;}
-</style>
-<script type = "text / javascript"> / * <! [CDATA [* /
-let togg1 = document.getElementById("togg1");
-let togg2 = document.getElementById("togg2");
-let d1 = document.getElementById("d1");
-let d2 = document.getElementById("d2");
-togg1.addEventListener("click", () => {
-  if(getComputedStyle(d1).display != "none"){
-    d1.style.display = "none";
-  } else {
-    d1.style.display = "block";
-  }
-})
-function togg(){
-  if(getComputedStyle(d2).display != "none"){
-    d2.style.display = "none";
-  } else {
-    d2.style.display = "block";
-  }
-};
-togg2.onclick = togg;
-/ *!]]> * / </script>
-</head>
-<body>
-<img src="http://masterdemc.fr/images/keyboard.gif" alt="Clavier" width="500" height="195" border="0" usemap="#clavier" /></p>
-<map name="clavier" id="clavier">
-   <area shape="rect" coords="42,63,60,81" href="http://palac.wiki.masterdemc.fr/doku.php?id=workflow" target= alt="1<span style="font-family: comic sans ms,sans-serif;" title="Yo juju amuse toi bien !"></span>
-   <area shape="rect" coords="66,63,86,81" href="/doku.php?id=clavier2#touche_2_du_clavier"</a><span style="font-family: comic sans ms,sans-serif;" title="YOYOYO"></span>
-   <area shape="rect" coords="55,87,73,103" href="#touche2" alt="2<span style="font-family: comic sans ms,sans-serif;" title="garde la peche"></span>
-   <area shape="rect" coords="17,29,36,46" href="page-Esc.html"alt="2<span style="font-family: comic sans ms,sans-serif;" title="jujujujuju"></span>
-</map>
-<p>dddd</p>
-<p>dddd</p>
-    <h1>Comment afficher ou masquer un élément HTML</h1>
-    <button id="togg1">Cliquez-moi !</button>
-    <button id="togg2">Cliquez-moi !</button>
-    <div id="d1">
-        <p>Ce texte appartient au premier div de ma page</p>
-        <p>Ce deuxième paragraphe également</p>
-    </div>
-    <div id="d2">
-        <p>Il existe deux façons de cacher un élément <span>comme un div</span> en CSS :</p>
-        <ul>
-            <li>Utiliser visibility: hidden</li>
-            <li>Utiliser display: none</li>
-        </ul>
-    </div>
-<p>dddd</p>
-<div class="brd" id="cadre">
-<div class="brd" id="touche2">
-<p class="hide"> butt 2 bla </p>
-</div>
-<div class="brd" id="touche3">
-<p> butt 3 bla </p>
-<p>blalalalal</p>
-<p>jdddddddddddddddddd</p>
-</div>
-</div>
-</body>
-</html>
-bouton 2
-===== Touche 2 du clavier =====
-     <!DOCTYPE html>
-<html>
-<body>
 <script>
-document.write(Date());
+function visibilite(thingId) { var targetElement; targetElement = document.getElementById(thingId) ; if (targetElement.style.display == "none") { targetElement.style.display = "" ; } else { targetElement.style.display = "none" ; } }
 </script>
-</body>
-</html>
-<html>
 <body>
@@ Ligne 99: / Ligne 12: @@
 document.getElementById("p1").innerHTML = "New text!";
 </script>
+<script>
+function visibilite(thingId) { var targetElement; targetElement = document.getElementById(thingId) ; if (targetElement.style.display == "none") { targetElement.style.display = "" ; } else { targetElement.style.display = "none" ; } }
+</script>
+<p> yoyo</p>
+<a href="" onclick="javascript:visibilite('id_div'_1); return false;" >Lien</a>
+<div id="id_div_1" style="display:none;"> Texte à masquer, afficher </div>
 </body>
 </html>

Wiki de l'UFR LAC

Outils pour utilisateurs

Outils du site

Différences

Outils de la page