December 14, 201015 yr Hi, There are three links TEST1 Test2 Test3 I am trying to open a div which should open on Mouse over of test1 link and that Div should highlighted when I am doing mouse over on that div. I have created one form in div also. Whenever I am doing mouse over on Test1 -test 1 Div is opening but when I am taking mouse on div and form it's getting hide. Do let me know the solution?? How user can take mouse on form. The coding is mentioned below. <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script type="text/javascript"> <!-- function MM_showHideLayers() { //v9.0 var i,p,v,obj,args=MM_showHideLayers.arguments; for (i=0; i<(args.length-2); i+=3) with (document) if (getElementById && ((obj=getElementById(args))!=null)) { v=args[i+2]; if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; } obj.visibility=v; } } //--> </script> </head> <body> <div id="test1" style="visibility:hidden; background-color:#FF6600;" onmouseover="MM_showHideLayers('test1','','show')" onfocus="MM_showHideLayers('test1','','show')"> <form id="form1" name="form1" method="post" action=""> <label>name <input type="text" name="textfield" id="textfield" /> <br /> <br /> Age <input type="text" name="textfield2" id="textfield2" /> <br /> <br /> <input type="submit" name="button" id="button" value="Submit" /> <br /> </label> </form> <p> </p> </div> <a href="#" onmouseover="MM_showHideLayers('test1','','show')" onmouseout="MM_showHideLayers('test1','','hide')">TEST1</a> Test2 Test3 </body> </html> TIA, Jyoti Chugh
Create an account or sign in to comment