Hi all, I got one problem when i am trying to write click free code. I am using onmouseover effect every time to give focus to HTML Elements.
But i am facing two problems here 1. I am not able to execute my code in Internet Explorer. It is executing in mozilla. 2. I am not able to display drop down list of <select> object. For this i am triggering "click" event when "mouseover" event is fired. can any body solve this issue please............. Here is my Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script language="javascript" type="text/javascript" src="C:/mozillaie/pi.js"></script> <script language="javascript" type="text/javascript" src="C:/mozillaie/firebug-lite.js"></script> <script src="http://code.jquery.com/jquery-latest.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <script language="JavaScript1.4"> $(document).ready(function(){ $("select").mouseover(function(){this.click();}); $("*").mouseover(function(){this.focus();}); $("[EMAIL PROTECTED]'radio']").mouseover(function(){$(this).attr("checked", ($(this).is(":checked"))?"":"checked");}); $("[EMAIL PROTECTED]'checkbox']").mouseover(function(){$ (this).attr("checked",($(this).is(":checked"))?"":"checked");}); }); </script> <!-- $("input").mouseover(function(){this.focus();});$ ("radio").mouseover(function(){this.change();}); --> <body> <p><fieldset > <legend align="center">JQuery Funda</legend> <div align="center"> <p> <input type="text" name="textfield" /> <input type="text" name="textfield2" /> <input type="text" name="textfield3" /> <input type="text" name="textfield4" /> </p> <p> </p> <p> </p> <table width="200" border="1"> <tr> <td><input type="checkbox" name="checkbox" value="checkbox" /></ td> <td> </td> <td><label> <input name="radiobutton" type="radio" value="radiobutton" /> </label></td> <td> </td> </tr> <tr> <td><input type="checkbox" name="checkbox2" value="checkbox" /></ td> <td> </td> <td><input name="radiobutton" type="radio" value="radiobutton" / ></td> <td> </td> </tr> <tr> <td><input type="checkbox" name="checkbox22" value="checkbox" / ></td> <td> </td> <td><input name="radiobutton" type="radio" value="radiobutton" / ></td> <td> </td> </tr> <tr> <td><input type="checkbox" name="checkbox23" value="checkbox" / ></td> <td> </td> <td><input name="radiobutton" type="radio" value="radiobutton" / ></td> <td> </td> </tr> </table> <p> </p> <select size="1" style="width:125px"> <option>Arjuna</option> <option>Phalguna</option> <option>Partha</option> <option>Keereeti</option> </select> <p> </p> <textarea rows="4" cols="80">I am free from Click</textarea> </div> </fieldset></p> <p> </p> <p> </p> </body> </html>