<option value='two'>change me 2</option>\r
<option value='three'>change me 3</option>\r
</select>\r
+ <select class='select_test'>\r
+ <option value='one'>change me 1</option>\r
+ <option value='two' selected="selected">change me 2</option>\r
+ <option value='three'>change me 3</option>\r
+ </select>\r
</td>\r
<td>\r
<select class='mselect_test' multiple="multiple">\r
<td id='radiofocus' class="red">RADIO</td>\r
<td id='textfocus' class="red">TEXT</td>\r
<td id='textareafocus' class="red">TEXTAREA</td>\r
+ <td id='boundFocus' class="red">DOCUMENT</td>\r
</tr>\r
<tr>\r
<td>Focusout:</td>\r
<td id='radioblur' class="red">RADIO</td>\r
<td id='textblur' class="red">TEXT</td>\r
<td id='textareablur' class="red">TEXTAREA</td>\r
+ <td id='boundBlur' class="red">DOCUMENT</td>\r
+ </tr>\r
+ <tr>\r
+ <td>Live Focus:</td>\r
+ <td id='selectlfocus' class="red">SELECT</td>\r
+ <td id='mselectlfocus' class="red">MULTI</td>\r
+ <td id='checkboxlfocus' class="red">CHECKBOX</td>\r
+ <td id='radiolfocus' class="red">RADIO</td>\r
+ <td id='textlfocus' class="red">TEXT</td>\r
+ <td id='textarealfocus' class="red">TEXTAREA</td>\r
+ </tr>\r
+ <tr>\r
+ <td>Live Blur:</td>\r
+ <td id='selectlblur' class="red">SELECT</td>\r
+ <td id='mselectlblur' class="red">MULTI</td>\r
+ <td id='checkboxlblur' class="red">CHECKBOX</td>\r
+ <td id='radiolblur' class="red">RADIO</td>\r
+ <td id='textlblur' class="red">TEXT</td>\r
+ <td id='textarealblur' class="red">TEXTAREA</td>\r
</tr>\r
</table>\r
<h2>Submit Tests</h2>\r
jQuery(id + "blur").blink();\r
});\r
\r
+ this.bind("focus", function(){\r
+ jQuery(id + "lfocus").blink();\r
+ }).bind("blur", function(){\r
+ jQuery(id + "lblur").blink();\r
+ });\r
+\r
return this.bind("change", function(e){\r
jQuery(id + "bind").blink();\r
}).live("change", function(e){\r
next();\r
});\r
};\r
+\r
+ $(document).bind("focusin", function() {\r
+ jQuery("#boundFocus").blink();\r
+ });\r
\r
+ $(document).bind("focusout", function() {\r
+ jQuery("#boundBlur").blink();\r
+ });\r
+\r
+ $("td.red").live("hover", function(e) {\r
+ if ( e.type === "mouseenter" ) {\r
+ $(this).css("backgroundColor","green");\r
+ } else {\r
+ $(this).css("backgroundColor","");\r
+ }\r
+ });\r
+\r
$(".select_test").addChangeTest("#select");\r
$(".mselect_test").addChangeTest("#mselect");\r
$(".checkbox_test").addChangeTest("#checkbox");\r