Difference between revisions of "ARIA Alertdialog"

From Level Access Web Labs
Jump to navigation Jump to search
Line 47: Line 47:
  
 
<div id="pop_up">
 
<div id="pop_up">
<div id="warn_div" role="alertdialog" aria-labelledby="warn" aria-describedby="warn_body">
+
  <div id="warn_div" role="alertdialog" aria-labelledby="warn" aria-describedby="warn_body">
  <div> <!-- this div needed -->
+
  <div> <!-- this div needed -->
<div id="warn" >WARNING! </div>
+
  <div id="warn" >WARNING! </div>
<div id="warn_body">
+
    <div id="warn_body">
<p>Your session will timeout in </p>
+
      <p>Your session will timeout in </p>
<p><input id="clock" name="clock" value="20" size="4"/> seconds.</p>
+
<p>
<p>Click the button below or press the space bar to continue.</p>
+
        <input id="clock" name="clock" value="20" size="4"/> seconds.</p>
</div>
+
<p>Click the button below or press the space bar to continue.</p>
<div>
+
</div>
<a id="alertdg_close" onclick="closeDialog()" href="#">Continue Working</a>
+
<div style="text-align:center;">
 +
<a id="alertdg_close" onclick="closeDialog()" href="#">Continue Working</a>
 
</div>
 
</div>
 
</div>
 
</div>

Revision as of 18:57, 26 March 2014

Alertdialog example

test: