Seems that the show/hide menu is expanding on mozilla firefox 3.0 platform but works fine in IE
[img]http://i119.photobucket.com/albums/o144/roswell_hybrid/ expanded.jpg[/img] it shud be like this This when the menu is hide [img]http://i119.photobucket.com/albums/o144/roswell_hybrid/ hidemenu.jpg[/img] The layout for the menu shud be like this [img]http://i119.photobucket.com/albums/o144/roswell_hybrid/ showmenu.jpg[/img] below is the source code of the html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>eCommunity</title> <link href="../../icore/css/style.css" rel="stylesheet" type="text/ css"> <script type="text/javascript" src="../../icore/scripts/ general.js"></ script> <script type="text/javascript" src="../../icore/scripts/jquery.js"></ script> <script type="text/javascript" src="../../icore/scripts/ jquery.form.js"></script> <script type="text/javascript" src="../../icore/scripts/ jquery.autocomplete.js"></script> <script type="text/javascript" src="../../icore/scripts/ thickbox.js"></ script> <script type="text/javascript" src="../../icore/scripts/ajax.js"></ script> <link rel="stylesheet" href="../../icore/css/thickbox.css" type="text/ css"> <link rel="stylesheet" href="../../icore/css/jquery.autocomplete.css" type="text/css"> <script language="JavaScript"> <!-- function sh_selecttype(type) { if ( type == 'show' ) { changeDiv( 'leftCol', 'show' ); } else if ( type == 'hide' ) { changeDiv( 'leftCol', 'none' ); } } function hideLeftCol(id){ if(this.document.getElementById( id).style.display=='none') { this.document.getElementById( id).style.display='inline'; Set_Cookie('showLeftCol','true',30,'/','',''); var show = Get_Cookie('showLeftCol'); document['HideHandle'].src = '../../icore/images/ hide.gif'; sh_selecttype('show'); } else { this.document.getElementById( id).style.display='none'; Set_Cookie('showLeftCol','false',30,'/','',''); var show = Get_Cookie('showLeftCol'); document['HideHandle'].src = '../../icore/images/ show.gif'; sh_selecttype('hide'); } } function startcheck(){ if (!Get_Cookie('showLeftCol')) { Set_Cookie('showLeftCol','true',30,'/','',''); } var show = Get_Cookie('showLeftCol'); if (show == 'true') { this.document.getElementById('leftCol').style.display='inline'; document['HideHandle'].src = '../../icore/images/ hide.gif'; } else { this.document.getElementById('leftCol').style.display='none'; document['HideHandle'].src = '../../icore/images/ show.gif'; } } --> </script> </head> <body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" onLoad="startcheck();startclock();"> <table width="100%" border="0" cellpadding="0" cellspacing="1" class="bg_color3"> <tr> <td colspan="3"> <table width="100%" height="40" border="0" cellpadding="0" cellspacing="0" class="bg_color3"> <tr bgcolor="#FFFFFF"> <td width="80%"> <a href="index.php"> <img src="../../icore/images/logo_bg_small.jpg" border="0"> </a> </td> <td align="right"> <b>Welcome Admin User</b> [<span class="link" onClick="location.href='proc.php? page=logout';"><b>Logout</b></span>] | <span class="link" onclick="location.href = 'proc.php? page=myacc'"> <b>My Account</b></span> <br><span id="clock"> </span> </td> </tr> </table> </td> </tr> <tr> <td colspan="3" valign="top"> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="1"> <tr class="topmenu"> <div id="dolphincontainer"> <div id="dolphinnav"> <ul> <li><a id="0"><span style="cursor:pointer;" onClick="location.href='proc.php?page=home';">DashBoard</span></a></ li> <li><a class="current" id="1"><span style="cursor:pointer;" onClick="location.href='proc.php?page=servicedesk';">Service Desk</ span></a></li> <li><a id="2"><span style="cursor:pointer;" onClick="location.href='proc.php?page=contactsmgmt';">Residents</ span></a></li> <li><a id="3"><span style="cursor:pointer;" onClick="location.href='proc.php? page=announcementmgmt';">Announcements</span></a></li> <li><a id="4"><span style="cursor:pointer;" onClick="location.href='proc.php?page=communityboardmgmt';">Community Board</span></a></li> <li><a id="5"><span style="cursor:pointer;" onClick="location.href='proc.php?page=bookingmgmt';">Bookings</ span></ a></li> <li><a id="6"><span style="cursor:pointer;" onClick="location.href='proc.php?page=settings';">Settings</span></ a></ li> </ul> </div> </div> </tr> </table> </td> </tr> <tr> <td id="leftCol" width="197" valign="top"> <table class="box"> <tr> <td valign="top"><div align="left"> <table width="180" border="0" align="center" cellpadding="0" cellspacing="1"> <tr class="mainmenu"> <td> <span class="handcursor" onclick="location.href='proc.php? page=contactsmgmt&action=advanced_search'"> Contact Advanced Search</span> </td> </tr> <tr class="mainmenu"> <td> <span class="handcursor" onclick="location.href='proc.php? page=servicedesk&action=advanced_search'"> Service Desk Advanced Search</span> </td> </tr> <tr class="mainmenu"> <td> <span class="handcursor" onclick="location.href=''"> Import Billing</span> </td> </tr> </table> </div></td> </tr> </table> </td> <td valign="top" width="1%" height="800px"> <img style="cursor: pointer; cursor: hand;" id="HideHandle" name="HideHandle" src="../../icore/images/show.gif" title="" onclick='hideLeftCol("leftCol");'> </td> <td width="100%" valign="top"><div id="content_id" align="left"> <table width="100%" border="0" cellpadding="1" cellspacing="3" class="box" color="bg_color2"> <tr> <td align="left" class="page_title">Service Desk</td> </tr> <tr> <td valign="top"><div align="center"><form name="servicedesklist" onSubmit="LC_search(document.servicedesklist.search_criteria.value +'&owner='+document.servicedesklist.owner.value,'content_id');"> <table align="center" cellpadding="3" cellspacing="1" width="100%" border="0" class="text"> <tr> <td> <table border="0" cellspacing="0" cellpadding="3" width="100%"> <tr> <td width="15%"class="text" align="left">Display <select class="text" name="page_limit" onChange="LC_limit(this.value,'content_id')"> <OPTION value="10">10</OPTION> <OPTION value="20">20</OPTION> <OPTION value="30">30</OPTION> <OPTION value="40">40</OPTION> <OPTION value="50" selected >50</OPTION> </SELECT> </td> <td class="text" align="left">Page <span title="" style="cursor:pointer" onClick="LC_paging('','1','','1','0','f9_ticket_id','ASC','50','content_id');"></ span> <b>1</b> </td> </tr> </table> </td> <td align="right"> <button class="button" type="button" onclick="location.href = 'proc.php?page=servicedesk&action=add'">Add New</button> </td> </tr> <tr> <td align="left" class="text"> <input class="field" type="text" name="search_criteria" maxlength="200"> <button type="button" class="button" onclick="LC_search(document.servicedesklist.search_criteria.value +'&owner='+document.servicedesklist.owner.value,'content_id');">Search</ button> <button type="button" class="button" onclick="LC_search('&owner='+document.servicedesklist.owner.value,'content_ id')">Clear Search</button> </td> <td align="left" class="text"> Owner <select name="owner" class="text" onChange="LC_get( 'proc.php? page=servicedesk&action=list&owner=admin&ticket_status=New&no_header=1&no_f ooter=1&owner='+this.value, 'content_id' );"> <option value="ALL">All</option> <option label="Admin User" value="admin" selected="selected">Admin User</option> <option label="Nurulhuda binti Abd Kader" value="Nurulhuda">Nurulhuda binti Abd Kader</option> </select> </td> </tr> <tr> <td valign="top" colspan="2"><div align="center"> <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td class="tab-on1" align="center" onclick="LC_get('proc.php? page=servicedesk&action=list&ticket_status=Pending&owner=admin&no_header=1& no_footer=1','content_id');"> <span title="Open Tickets" onclick="LC_get('proc.php? page=servicedesk&action=list&ticket_status=Pending&owner=admin&no_header=1& no_footer=1','content_id');">Open Tickets</span> </td> <td class="tab-off1" align="center" onclick="LC_get('proc.php? page=servicedesk&action=list&ticket_status=Resolved&owner=admin&no_header=1 &no_footer=1','content_id');"> <span title="Resolved Tickets" onclick="LC_get('proc.php? page=servicedesk&action=list&ticket_status=Resolved&owner=admin&no_header=1 &no_footer=1','content_id');">Resolved Tickets</span> </td> <td class="tab-none" align="left"> </td> </tr> </table> <table id="servicedesk" class="list"> <tbody> <tr> <th width="10%"> <span class="handcursor" title="Click to sort by this column" onClick="LC_sort('f9_ticket_id','','50', 'content_id');">Ticket Ref.</span> </th> <th width="15%"> <span class="handcursor" title="Click to sort by this column" onClick="LC_sort('fx_ticket_contact_name','','50', 'content_id');">Contacts</span> </th> <th width="10%"> <span class="handcursor" title="Click to sort by this column" onClick="LC_sort('fx_ticket_category','','50', 'content_id');">Category</span> </th> <th> <span class="handcursor" title="Click to sort by this column" onClick="LC_sort('fx_ticket_title','','50', 'content_id');">Title</span> </th> <th width="8%"> <span class="handcursor" title="Click to sort by this column" onClick="LC_sort('fx_ticket_priority','','50', 'content_id');">Priority</span> </th> <th width="15%"> <span class="handcursor" title="Click to sort by this column" onClick="LC_sort('ft_ticket_fix_time','','50', 'content_id');">Fix By</ span> </th> </tr> <tr> <td class="text_red"> <span class="handcursor" title="Edit" onclick="location.href = 'proc.php?page=servicedesk&action=edit&id=2'"> <b>T000002</b> </span> </td> <td class="text_red"></td> <td class="text_red">Massa</td> <td class="text_red">The Massa Magazine</td> <td class="text_red">Low</td> <td class="text_red">10 Jul 2008 02:34 pm</td> </tr> <tr> <td class="text_red"> <span class="handcursor" title="Edit" onclick="location.href = 'proc.php?page=servicedesk&action=edit&id=3'"> <b>T000003</b> </span> </td> <td class="text_red"></td> <td class="text_red">Feature Request</td> <td class="text_red">The home main page</td> <td class="text_red">Low</td> <td class="text_red">10 Jul 2008 02:51 pm</td> </tr> <tr> <td class="text_red"> <span class="handcursor" title="Edit" onclick="location.href = 'proc.php?page=servicedesk&action=edit&id=6'"> <b>T000006</b> </span> </td> <td class="text_red"></td> <td class="text_red">Category 1</td> <td class="text_red">Cat 1</td> <td class="text_red">High</td> <td class="text_red">12 Jul 2008 03:34 pm</td> </tr> <tr> <td class="text_red"> <span class="handcursor" title="Edit" onclick="location.href = 'proc.php?page=servicedesk&action=edit&id=7'"> <b>T000007</b> </span> </td> <td class="text_red"></td> <td class="text_red">Category 1</td> <td class="text_red">Cat 1</td> <td class="text_red">High</td> <td class="text_red">12 Jul 2008 03:34 pm</td> </tr> <tr> <td class="text_red"> <span class="handcursor" title="Edit" onclick="location.href = 'proc.php?page=servicedesk&action=edit&id=13'"> <b>T000013</b> </span> </td> <td class="text_red"></td> <td class="text_red">Category 3</td> <td class="text_red">Cat 3</td> <td class="text_red">Low</td> <td class="text_red">12 Jul 2008 03:37 pm</td> </tr> <tr> <td class="text_red"> <span class="handcursor" title="Edit" onclick="location.href = 'proc.php?page=servicedesk&action=edit&id=19'"> <b>T000019</b> </span> </td> <td class="text_red"></td> <td class="text_red">Massa</td> <td class="text_red"></ td> <td class="text_red">High</td> <td class="text_red">12 Jul 2008 03:52 pm</td> </tr> </tbody> </table> </div></td> </tr> </table> <input type="hidden" name="page_link" value="proc.php? page=servicedesk&action=list&owner=admin&ticket_status=New"> </form> </div></td> </tr> </table> </div></td> </tr> </table> <table align="center"> <tr> <td valign="top"><br> <div align="right"> <span class="footer">© All Rights Reserved. <a class="link" href="http:// www.ikonxept.com"><b>ikonxept.com</b></ a> eCommunity 27 </span> </div> </td> </tr> </table> </body> </html> Im really not good in this thing. Can anyone tell me which part i need to alter to fix it? Thx in advance _______________________________________________ dev-tech-layout mailing list [email protected] https://lists.mozilla.org/listinfo/dev-tech-layout
