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> 
- 
-<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> 
-<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> 
-document.write(Date()); 
-</script> 
- 
-</body> 
-</html> 
- 
-<html> 
-<head> 
-function visibilite(thingId) { var targetElement; targetElement = document.getElementById(thingId) ; if (targetElement.style.display == "none") { targetElement.style.display = "" ; } else { targetElement.style.display = "none" ; } }  
-<head> 
  
 <body> <body>
Ligne 125: Ligne 11:
 <script> <script>
 document.getElementById("p1").innerHTML = "New text!"; 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> </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.1588587483.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