Difference between revisions of "ARIA Controls Property"

From Level Access Web Labs
Jump to navigation Jump to search
(Created page with "<html <head> <script type="text/javascript"> function updateContent() { alert('jon'); } </script> </head> <body> <div id="container"> <div ...")
 
Line 2: Line 2:
 
   <head>
 
   <head>
 
     <script type="text/javascript">
 
     <script type="text/javascript">
       function updateContent() {
+
       function updateContent(num) {
         alert('jon');
+
         document.getElementById('s1').textContent = num;
 
       }
 
       }
 
     </script>
 
     </script>
Line 11: Line 11:
 
   <div style="float:left; width:40%;">  <!-- left pane -->
 
   <div style="float:left; width:40%;">  <!-- left pane -->
 
     <div>Choose an option below </div>
 
     <div>Choose an option below </div>
     <div><input type="radio" id="r1" name="rr"/ onchage="updateContent();" aria-control="outline"/> <label for="r1">Course A</label></div>
+
     <div><input type="radio" id="r1" name="rr"/ onchage="updateContent(1);" aria-control="outline"/> <label for="r1">Course A</label></div>
     <div><input type="radio" id="r2" name="rr" onchage="updateContent();" aria-controls="outline"/> <label for="r2">Course B</label></div>
+
     <div><input type="radio" id="r2" name="rr" onchage="updateContent(2);" aria-controls="outline"/> <label for="r2">Course B</label></div>
     <div><input type="radio" id="r3" name="rr" onchange="updateContent();" aria-control="outline"/> <label for="r3">Course C</label></div>
+
     <div><input type="radio" id="r3" name="rr" onchange="updateContent(3);" aria-control="outline"/> <label for="r3">Course C</label></div>
 
   </div>
 
   </div>
 
   <div id="outline" style="float:left;"> <!-- right pane -->
 
   <div id="outline" style="float:left;"> <!-- right pane -->
 
     <div> Course Outline </div>
 
     <div> Course Outline </div>
 
     <ul>
 
     <ul>
       <li> outline here </li>
+
       <li> outline here for course <span id="s1"></span></li>
    ....
+
        ....
 
     </ul>
 
     </ul>
 
   </div>
 
   </div>

Revision as of 15:59, 9 April 2014

Choose an option below
Course Outline
  • outline here for course
  • ....