static_elements.html in druid-ts-1.1.0

- old
+ new
@@ -1,89 +1,95 @@
 <html>
   <head>
     <title>Static Elements Page</title>
   </head>
   <body>
-    <h2>Static Elements Page</h2>
-
-
-    <h3>Text Field</h3>
-    <input id="text_field_id" name="text_field_name" class="text_field_class"
+    <p id="p_id" name="p_name" class="p_class">Static Elements Page</p>
+    <input id="text_field_id" name="text_field_name" class="text_field_class" title="text_field_title"
            size="40" type="text" />
 
-    <h3>Hidden Field</h3>
     <input id="hidden_field_id" name="hidden_field_name" class="hidden_field_class"
             size="40" type="hidden" value="12345" />
 
-    <h3>Text Area</h3>
     <textarea rows="2" cols="20" id="text_area_id" class="text_area_class" name="text_area_name"></textarea>
 
-    <h3>Select List</h3>
     <select name="sel_list_name" id="sel_list_id", class="sel_list_class">
       <option value="option1">Test 1</option>
       <option value="option2">Test 2</option>
     </select>
 
 
-    <h3>Link</h3>
     <a href="success.html" id="link_id" name="link_name" class="link_class" >Google Search</a>
 
-    <h3>Check Boxes</h3>
     <input id="cb_id" name="cb_name" class="cb_class" type="checkbox" value="1" />
 
-    <h3>Radio Buttons</h3>
     <input type="radio" id="milk_id" name="milk_name" class="milk_class" value="Milk"> Milk <br />
     <input type="radio" id="butter_id" name="butter_name" class="butter_class" value="Butter">Butter
 
-    <h3>Div</h3>
     <div id="div_id" name="div_name" class="div_class">
       page-object rocks!
     </div>
 
-    <h3>Span</h3>
     <span id="span_id" name="span_name" class="span_class">
       My alert
     </span>
 
-    <h3>Table</h3>
     <table id='table_id' name='table_name' class='table_class' border='1'>
       <tr>
         <td>Data1</td><td>Data2</td>
       </tr>
       <tr>
-        <td>Data3</td><td id='cell_id', name='cell_name' class='cell_class'>Data4</td>
+        <td>Data3</td>
+        <td id='cell_id', name='cell_name' class='cell_class'>Data4</td>
       </tr>
     </table>
 
-    <h3>Button</h3>
     <form method="get" action="success.html">
-      <input id='button_id' name='button_name' class='button_class' type="submit" value="Click Me">
+      <input id='button_id' name='button_name' class='button_class' type="submit" value="Click Me"/>
+      <input id='button_image_id' type='image' src='images/submit.gif' alt='Submit'/>
+      <button type='button' id='btn_id' name='btn_name' class='btn_class'>Click Me Too</button>
+      <input value="Disabled" disabled="true" type="submit"/>
     </form>
 
-    <h3>Image</h3>
-    <img src="images/circle.png" id="image_id" name="image_name" class="image_class">
+    <img src="images/circle.png" id="image_id" name="image_name" class="image_class", alt="image_alt">
 
-    <h3>Form</h3>
     <form id="form_id" class="form_class" name="form_name" action="/">
     </form>
+    <input type="file" name="file_field_name" id="file_field_id" class="file_field_class" title="file_field_title" />
 
-    <h3>Unordered List</h3>
     <ul id="ul_id" name="ul_name" class="ul_class">
       <li id="li_id" name="li_name" class="li_class">Item One</li>
       <li>Item Two</li>
       <li>Item Three</li>
     </ul>
 
-    <h3>Ordered List</h3>
     <ol id="ol_id" name="ol_name" class="ol_class">
       <li>Number One</li>
       <li>Number Two</li>
       <li>Number Three</li>
     </ol>
 
-    <h3>Links for multi select</h3>
     <a href="success.html">Hello</a>
     <a href="success.html">Hello</a>
     <a href="success.html">Hello</a>
+
+    <input id=alert_button type=button onclick="alert('I am an alert')" value=Alert>
+    <input id=confirm_button type=button onclick="this.value = confirm('set the value')" value=Confirm>
+    <input id=prompt_button type=button onclick="this.value = prompt('enter your name','John Doe')" value=Prompt>
+
+    <h1 id="h1_id" class="h1_class" name="h1_name">h1's are cool</h1>
+    <h2 id="h2_id" class="h2_class" name="h2_name">h2's are cool</h2>
+    <h3 id="h3_id" class="h3_class" name="h3_name">h3's are cool</h3>
+    <h4 id="h4_id" class="h4_class" name="h4_name">h4's are cool</h4>
+    <h5 id="h5_id" class="h5_class" name="h5_name">h5's are cool</h5>
+    <h6 id="h6_id" class="h6_class" name="h6_name">h6's are cool</h6>
+
+    <a href="success.html" target="_blank">New Window</a>
+    <input type="text" id="onfocus_text_field" onfocus="document.getElementById('onfocus_test').innerHTML = 'changed by onfocus event'" />
+    <div id="onfocus_test"></div>
+
+    <div id="parent_div">
+      <a href="success.html" id="child">Success</a>
+    </div>
 
   </body>
 </html>