[jQuery] Give rest to Mouse Buttons...........
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();});
$("input[@type='radio']").mouseover(function(){$(this).attr("checked",
($(this).is(":checked"))?"":"checked");});
$("input[@type='checkbox']").mouseover(function(){$
(this).attr("checked",($(this).is(":checked"))?"":"checked");});
});
</script>
<!-- $("input").mouseover(function(){this.focus();});$
("radio").mouseover(function(){this.change();});
-->
<body>
<fieldset >
<legend align="center">JQuery Funda</legend>
<div align="center">
<input type="text" name="textfield" />
<input type="text" name="textfield2" />
<input type="text" name="textfield3" />
<input type="text" name="textfield4" />
<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" /