Wiki de l'UFR LAC

Outils pour utilisateurs

Outils du site

Piste:
clavier2

Différences

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

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision 		Révision précédente
clavier2 [2020/05/04 12:18]
hugo 		clavier2 [2020/05/04 12:27] (Version actuelle)
hugo
Ligne 1: Ligne 1:
-======= Clavier ======= 
- 
- 
 <html> <html>
-<head> 
-<style> 
-.brd {border: 1px solid black;} 
-.hide{display: none;} 
  
-#d1{background-color: #EECC4499;} 
-#d2{background-color: #44EEAA99;} 
-</style> 
 <script> <script>
- +function visibilite(thingId) { var targetElement; targetElement = document.getElementById(thingId) ; if (targetElement.style.display == "none") { targetElement.style.display = "" ; } else { targetElement.style.display = "none" ; } } 
-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> </script>
  
- 
-</head> 
 <body> <body>
  
-<img src="http://masterdemc.fr/images/keyboard.gif" alt="Clavier" width="500" height="195" border="0" usemap="#clavier" /></p> +<p id="p1">Hello World!</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> +
-<script> +
- +
-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> +
-    <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 ===== +
- +
- +
-  +
-<html> +
-<body>+
  
 <script> <script>
-document.write(Date());+document.getElementById("p1").innerHTML = "New text!";
 </script> </script>
- 
-</body> 
-</html> 
- 
-<html> 
-<head> 
 <script> <script>
 function visibilite(thingId) { var targetElement; targetElement = document.getElementById(thingId) ; if (targetElement.style.display == "none") { targetElement.style.display = "" ; } else { targetElement.style.display = "none" ; } }  function visibilite(thingId) { var targetElement; targetElement = document.getElementById(thingId) ; if (targetElement.style.display == "none") { targetElement.style.display = "" ; } else { targetElement.style.display = "none" ; } } 
-<script> 
-<head> 
- 
-<body> 
- 
-<p id="p1">Hello World!</p> 
- 
-<script> 
-document.getElementById("p1").innerHTML = "New text!"; 
 </script> </script>
 <p> yoyo</p> <p> yoyo</p>
-<div id="id_div_1" style="display:none;"> Texte à masquer, afficher </div> + 
 <a href="" onclick="javascript:visibilite('id_div'_1); return false;" >Lien</a>  <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> </body>
 </html> </html>
clavier2.1588587533.txt.gz · Dernière modification: 2020/05/04 12:18 de hugo

Outils de la page

Sauf mention contraire, le contenu de ce wiki est placé sous les termes de la licence suivante : CC Attribution-Noncommercial 4.0 International
CC Attribution-Noncommercial 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki