Difference between revisions of "ARIA Tree"

From Level Access Web Labs
Jump to navigation Jump to search
Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
  <script type="text/javascript">
 
  </script>
 
 
   <style type="text/css">
 
   <style type="text/css">
 
   ul {
 
   ul {
Line 8: Line 6:
 
   }
 
   }
 
   </style>
 
   </style>
 +
 
   <script type="text/javascript">
 
   <script type="text/javascript">
 
     function test() {
 
     function test() {
       var col = document.querySelector("#tree li);
+
       var col = document.querySelector("#tree li");
 
       document.getElementById("in").value = col.length;
 
       document.getElementById("in").value = col.length;
 
     }
 
     }
Line 34: Line 33:
  
 
<div>
 
<div>
   <input type="text" id="in" value="" /> <button onclick="test();"> test  
+
   <input type="text" id="in" value="" />
</button>
+
  <button onclick="test();"> test </button>
 
</div>
 
</div>
  
 +
<p>not used </p>
 
<div id="tree" class="tree" role="tree" aria-labelledby="courses">
 
<div id="tree" class="tree" role="tree" aria-labelledby="courses">
 
   <div aria-level="1"id="web" role="treeitem" tabindex="0" aria-expanded="true">Web
 
   <div aria-level="1"id="web" role="treeitem" tabindex="0" aria-expanded="true">Web

Revision as of 22:46, 6 November 2015

  • Web
    • Web Basic
    • Web Advanced
  • PDF
    • PDF Basic
    • PDF Advanced

not used

Web
Web Basic
Web Advanced
PDF
PDF Basic
PDF Advanced