Forum:

HTML Pages with CSS and JavaScript

Page displaying in IE6 and older versions but not in Higher versions, chrome and firefox also.

mallikarjun dontamsetti

Ranch Hand

Posts: 246

I like...

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Hi,
My seniors has developed a web application for internal use. It is displaying correctly on IE6 but not on other browsers and higher versions of IE. they are using "frame set" for displaying sidemenu. Problem is when i click on the sidemenu links it is not displaying the corresponding page.(working properly on IE6) by the by my doctype is

is there any problem with this one please help me

Eric Pascarello

author

Posts: 15385

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

And the code for the links that change the page are?

Eric

mallikarjun dontamsetti

Ranch Hand

Posts: 246

I like...

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<%@ page contentType="text/html;charset=windows-1252" errorPage="/error.jsp"%>
<html>
<head>

td, tr, p, div {

/*font-family      : Verdana, Arial, Helvetica, sans-serif;*/
        font-family        : Arial,Helvetica,sans-serif;
    font-size        : small; /* xx-large x-large large medium small x-small xx-small*/

color            : #000000;
 font-weight      : bold;
}

table.moduletable {

margin           : 0 0 8px 0;

width            : 100%;

padding-bottom   : 2px;

background-repeat: repeat-x;

}
table{
font-weight      : bold;
}

table.moduletable th {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size        : 12px;

font-weight      :normal;

text-align         : left;

width              : 100%;

background-color   : #246614;

color              : #FFFFFF;

padding            : 2px;

text-indent        : 30px;

line-height        : 15px;

background-image: url(file:///F|/MENU/images/moduletable_top.gif);

background-repeat: no-repeat;

text-decoration  : none;

border: 1px solid #246614;

}

table.moduletable td {

padding-top: 2px;

font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight      : bold;
	font-size        : 12px;

}

.sectiontableheader {

font-size        : 12px;

font-weight      : bold;

text-transform   : uppercase;

letter-spacing   : 1px;

color            : #FFFFFF;

background       : #36670d;

padding          : 1px;

}

.sectiontableentry1 {

vertical-align   : top;

padding          : 3px;

background       : none;

border-bottom    : 1px solid #ffffff;

line-height      : 25px;

}

.sectiontableentry2 {

vertical-align   : top;

padding          : 3px;

border-bottom    : 1px solid #ffffff;

background       : #e1e1e1;

line-height      : 25px;

}

.sectiontableentry1 img{

padding-right: 4px !important;

padding-right: 2px;

}

.sectiontableentry2 img{

padding-right: 4px !important;

padding-right: 2px;

}

a.mainlevel  {

display           : block;

width             : auto;

margin           : 1px 0px;

padding          : 0;

font-size        : 12px;

text-indent      : 10px;
font-weight      : bold;
}

a.mainlevel:link, a.mainlevel:visited {
background-color   : #246614;
  color            : #FFFFFF;

display          : block;

font-size        : 12px;

font-weight      : bold;

padding          : 2px 0;

/*	color            : #36670d;*/
	color            : #FFFFFF;

font-weight      :bold;

text-indent      : 10px;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: none;

border-right-style: none;

border-left-style: none;

border-top-color: #cccccc;

border-right-color: #cccccc;

border-bottom-color: #cccccc;

border-left-color: #cccccc;

}

a.mainlevel:hover {

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: none;

border-right-style: none;

border-left-style: none;

border-top-color: #cccccc;

border-right-color: #cccccc;

border-bottom-color: #cccccc;

border-left-color: #cccccc;

font-size        : 12px;

font-weight      : bold;

color            : #FFFFFF;

text-decoration  : none;

text-indent      : 10px;

}

#active_menu {
  background-color   : #246614;
  color            : #FFFFFF;

}

a#active_menu:hover {

color            : #246614;

}

a:link, a:visited {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 12px;

color            : #246614;

text-decoration  : none;

font-weight      :normal;

}

a:hover {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 12px;

color            : #246614;

text-decoration  : none;

font-weight      :normal;

}

a.category:link, a.category:visited {

font-size        : 12px;

font-weight      :normal;

}

a.readon:link, a.readon:visited {

color            : #454545;

font-family      : Tahoma, Arial, Verdana, Helvetica, sans-serif;

font-size        : 12px;

background       : url(file:///F|/MENU/images/readon.gif) no-repeat;

white-space      : normal;

font-weight      :normal;

padding          : 1px 0 3px 18px;

float            : right;

line-height      : 10px;

text-decoration  : none;

}

a.readon:hover {

color            : #454545;

font-family      : Tahoma, Arial, Verdana, Helvetica, sans-serif;

font-size        : 12px;

background       : url(file:///F|/MENU/images/readon.gif) no-repeat;

white-space      : normal;

font-weight      :normal;

padding          : 1px 0 3px 18px;

line-height      : 10px;

text-decoration  : none;

}

ul {

margin           : 2px;

padding-left     : 10px;

list-style       : none;

}

li {

line-height      : 15px;

padding-left     : 10px;

padding-top      : 0;

background-image : url(file:///F|/MENU/images/strelka.gif);

background-repeat: no-repeat;

background-position: 0px 5px;

}

.sublevel {

font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;

font-size        : 12px;

font-weight      :normal;

color            : #000000;

padding    	  : 3px 1px 3px 5px;

margin		  : 3px;

}

a.sublevel:link, a.sublevel:visited {

color		        : #000000;

text-decoration	: none;

}

a.sublevel:hover {

color            : #246614;

text-decoration  : none;

}

a.sublevel#active_menu  {

background      : transparent;

color           : #246614;

border          : 0px;

}

#mainlevel-nav {
font-weight      : bold;
  font-size        : 12px;

list-style       : none;

padding          : 0;

margin           : 0;

margin-left      : 1px; 
}

#mainlevel-nav li {

float            : right;

display          : block;

list-style       : none;

background-image : none;

padding-left     : 2px;

padding-right    : 2px;

margin           : 0;

width            : auto !important;

font-size        : 12px;

line-height      : 28px;

white-space      : nowrap;

border-left      : 1px solid #cccccc;

}

#mainlevel-nav li a {

font-family       : Verdana, Arial, Helvetica, sans-serif;
  padding-left     : 10px;

padding-right    : 10px;

font-size        : 12px;

color            : #246614;

text-decoration  : none;

}

#mainlevel-nav li a:hover {
  font-family       : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 12px;
  text-decoration  : none;
  color            : #246614;

}

a.mainsublevel  {

display           : block;

width             : auto;

margin           : 1px 0px;

padding          : 0;

font-size        : 12px;

text-indent      : 10px;

}

a.mainsublevel:link, a.mainsublevel:visited {
background-color   : #46BA2F;
  color            : #FFFFFF;

display          : block;

font-size        : 12px;

font-weight      : bold;

padding          : 2px 0;

/*	color            : #36670d;*/
	color            : #FFFFFF;

font-weight      :normal;

text-indent      : 10px;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: none;

border-right-style: none;

border-left-style: none;

border-top-color: #cccccc;

border-right-color: #cccccc;

border-bottom-color: #cccccc;

border-left-color: #cccccc;

}

a.mainsublevel:hover {

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: none;

border-right-style: none;

border-left-style: none;

border-top-color: #cccccc;

border-right-color: #cccccc;

border-bottom-color: #cccccc;

border-left-color: #cccccc;

font-size        : 12px;

font-weight      : normal;

color            : #246614;;

text-decoration  : none;

text-indent      : 10px;

}

a.sublevel1  {

display           : block;

width             : auto;

margin           : 1px 0px;

padding          : 0;

font-size        : 12px;

text-indent      : 10px;

}

a.sublevel1:link, a.sublevel1:visited {
background-color: #6289DB;
  color            : #FFFFFF;

display          : block;

font-size        : 12px;

font-weight      : bold;

padding          : 2px 0;

/*	color            : #36670d;*/
	color            : #FFFFFF;

font-weight      :normal;

text-indent      : 10px;

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: none;

border-right-style: none;

border-left-style: none;

border-top-color: #cccccc;

border-right-color: #cccccc;

border-bottom-color: #cccccc;

border-left-color: #cccccc;

}

a.sublevel1:hover {

border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: none;

border-right-style: none;

border-left-style: none;

border-top-color: #cccccc;

border-right-color: #cccccc;

border-bottom-color: #cccccc;

border-left-color: #cccccc;

font-size        : 12px;

font-weight      : normal;

color            : #246614;;

text-decoration  : none;

text-indent      : 10px;

}

</style>
<title>Sa-Dhan</title>
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="menuv.js"></script> 
<script type="text/javascript" src="simpletreemenu.js">
</script>
<script type="text/javascript">
ddtreemenu.createTree("treemenu2", true, 5)
</script>
<link rel="stylesheet" type="text/css" href="simpletree.css" />
 <script type="text/javascript" src="menuv.js"></script>

<table border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td valign="top" width="18%">
			<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr align="left"><td><div align="left"><a href="index.jsp" target="_top" class="mainlevel">Home</a></div></td></tr>
<tr align="left"><td><div align="left"><a href="#" class="mainlevel">About Us</a></div></td></tr>
<tr align="left"><td><div align="left"><a href="#" class="mainlevel">Members</a></div></td></tr>
<tr align="left"><td><div align="left"><a href="#" class="mainlevel">Resources</a></div></td></tr>
<tr align="left"><td><div align="left"><a href="#" class="mainlevel">News & Events</a></div></td></tr>
<tr align="left"><td><div align="left"><a href="#" class="mainlevel">Contact us</a></div></td></tr>

</tbody></table>	
</td>
		<td><img src="images/spacer.gif" width="2" height="2" border="0" alt=""></td>
		<td style="background: url(images/g_bg 2.gif)" valign="top"></td>
	  <td valign="top" style="background: #89979C; background: url(images/left_bg.gif)"> </td>
	  <td><img src="images/spacer.gif" width="20" height="2" border="0" alt=""></td>
	<td valign="top"> <span class="style1"><br>
	</span>
	  <p class="headertext">Welcome to Sa-Dhan</p> 
	  <br>
	<table border="0" width="551" cellspacing="0" cellpadding="0">
      <tr>
      
        <td width="551" >
		<p>Sa-Dhan’s mission is to build the field of community development finance in India to help its member and associate institutions to better serve low-income households, particularly women, in both rural and urban India, in their quest for establishing stable livelihoods and improving quality of life.</p>
   <p>  Founded as the Association of Community Development Finance Institutions by SEWA Bank, BASIX, Dhan Foundation, FWWB, MARYADA, RGVN, SHARE and PRADHAN in 1999</p>
   
  <p>   Sa-Dhan’s membership has now grown to 220 and the Microfinance sector in India is still evolving and witnessing increasing entry of new players. Hence,Sa-Dhan as the designate national association of Community Development Finance Institutions (CDFIs) represents an “emerging but rapidly growing sector”.
 </p>

<p> Given the nascent nature of the sector, Sa-Dhan has a crucial role to play in increasing capacities, affecting the evolution and adoption of best practices, increasing the number of service providers and contributing to improving the policy and operational context for Microfinance in India.</p>
	 <p class="subheadertext">
								SOMS is best viewed in 1024 X 768 Resolution.</p>
         </td>
      </tr>
	  
    </table>
	</td>
	<td><img src="images/spacer.gif" width="20" height="2" border="0" alt=""></td>
	<td style="background: url(images/g_bg 2.gif)" valign="top"></td>
	  <td valign="top" style="background: #89979C; background: url(images/left_bg.gif)"> </td>
	  <td><img src="images/spacer.gif" width="20" height="2" border="0" alt=""></td>

<td valign="top">
<br> <p class="error"> <jsp:useBean id = "logonAuthentication" class = "masters.Logon" scope = "request"/>
                                    <%= logonAuthentication.getErrorMessage() %> </p>
<table width="210px" height="50px" border="0" cellpadding="0" cellspacing="0" rules="none">
                              <tr>
                                <td colspan="3" bgcolor="white"  height="1"></td>
                              </tr>
                              <tr>
                                <td class="logincolor" height=22 colspan="3" align="center">
								<div class="leftNavItem leftNavItemOn style1 style2">User Login</div></td>
                              </tr>
                              <tr>
                                <td class="logintextcolor" height=10 colspan="3" align="center"> </td>
                              </tr>
                              <tr>
                                <td width="74" align="right" class="logintextcolor">Login ID: </td>
                                <td width="136" align="left" class="logintextcolor">
								<input type="text" size =8  name="UserName" value="" class="textbox"></td>
                              </tr>
                              <tr>
                                <td class="logintextcolor" height=2 colspan="3" align="center"></td>
                              </tr>
                              <tr>
                                <td class="logintextcolor" align="right">Password: </td>
                                <td align="left" class="logintextcolor">
								<input type="password" size =8  name="Password" value="" class="textbox"></td>
                              </tr>
                              <tr>
                                <td class="logintextcolor" height=5 colspan="3" align="center"></td>
                              </tr>
                              <tr>
                                <td class="logintextcolor" align="center" > </td>
                                <td class="logintextcolor" align="left"><input type="submit" value="" 
							style="background:url(images/sbs.jpg);
							        width:70px;height:23px;background-repeat:no-repeat;cursor:pointer; " />
                                </td>
                              </tr>
                              <tr>
                                <td class="tablefinish" height=10 colspan="3" align="center"></td>
                              </tr>
      </table>
    <div align = "center"> <b> <a href="registeruser.jsp" class="linkColor">New User? Register Here </a></b></div>
	</td></tr></table>
  </form>	
        
<p class="subheadertext"> What's New</p>
<p class="newstext">
<a href="#" class ="anews">• News on The Dakshin Bharat Microfinance Report</a><br>
<a href="#" class ="anews" >• News on Orissa and west bengal policy conclave</a><br>
<a href="#" class ="anews" >• Microfinance Map of India</a><br>
<a href="#" class ="anews" >• Code of Conduct: Speech by Chairman, Banking Codes and Standards Board of India</a><br>
</p><br>
<p class="subheadertext"> Coming Up...</p>
<p class="newstext"><a href="#" class ="anews" >• Livelihood Education Programme (LEP) 2009</a><img src="images/new.gif"></p><br>

</td>
  </tr>

</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#666666">
	<tr><td height="1"></td></tr>		
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#750022" height="20">
	<tr><td class="footer" style="font-size: 11px;"><img src="images/spacer.gif" width="1" height="2" border="0" alt="">  Copyright © 2009 Sa-Dhan. All rights reserved.
 SOMS designed and developed by: <a href="#" target="_blank" style="font-size: 11px;color:#FFFFFF">ORBUS Consulting Pvt Ltd</a>.
 Email: <a href="#" style="font-size: 11px;color:#FFFFFF">ddd</a>
  Build #1001.10 - 08/03/2010
 </td></tr>	
</table>

<script type="text/javascript" language="javascript">
var sc_project=1952940; 
var sc_invisible=1; 
var sc_partition=17; 
var sc_security="fa1db912"; 
</script>

Eric Pascarello

author

Posts: 15385

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Not seeing the links in the menu that would load in the new frame, can you show just the portion of code that is relevant. I would expect to see foo

Does the menu js code produce the links?
Does that have code that targets the frame?

Eric

mallikarjun dontamsetti

Ranch Hand

Posts: 246

I like...

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Yes the menus are produced by JS files and we have frames in the application.

mallikarjun dontamsetti

Ranch Hand

Posts: 246

I like...

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Hi, sorry for my late response. Here is the code
after login the page is guided to jsp page which has frameset

The problem is with "homemenu.jsp" there they have written a "base tag" as like this in the head part and the document type is xhtml
<base target="dynamic" />
and the remaining code in body tag is

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr align="left"><td><a href="logout.jsp" target="_top" onclick="javascript:window.navigate('homemenu.jsp');" class="mainlevel">Home</a></td></tr> 
<tr align="left"><td><a href="#" target="dynamic" onclick="javascript:window.navigate('homemenu.jsp');" class="mainlevel">About Us</a></td></tr>
<tr align="left"><td>
<a href="#" class="mainlevel" target="dynamic" onclick="javascript:window.navigate('dataentry.jsp');">Data Entry</a>
</td></tr>
<tr align="left"><td><a href="#" class="mainlevel" target="dynamic" onclick="javascript:window.navigate('reportmenu.jsp');">Reports</a></td></tr>
<tr align="left"><td><a href="changepassword.jsp" target="body"  class="mainlevel"  onclick="javascript:window.navigate('homemenu.jsp');">Change Password</a></td></tr>
<tr align="left"><td><a href="#" target="dynamic" class="mainlevel">Resources</a></td></tr>
<tr align="left"><td><a href="#" target="dynamic" class="mainlevel">News & Events</a></td></tr>
<tr align="left"><td><a href="#" target="dynamic" class="mainlevel">Contact us</a></td></tr>
<tr align="left"><td><a href="sadhanwebmap.jsp" target="body" class="mainlevel">Sa-Dhan Web Map</a></td></tr>

<tr align="left"><td><a href="logout.jsp" target="_top" class="mainlevel" onclick="javascript:window.navigate('homemenu.jsp');">Logout</a></td></tr>

</tbody></table>

This is working fine in all versions of IE but the side menu is not opening in chrome and firefox why?

mallikarjun dontamsetti

Ranch Hand

Posts: 246

I like...

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

I have found the solution the onclick event is "window.navigate" will work only for IE.

I guess everyone has an angle. Fine, what do you want? Just know that you cannot have this tiny ad:

We need your help - Coderanch server fundraiser

https://coderanch.com/wiki/782867/Coderanch-server-fundraiser