Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations SkipVought on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Need help getting around Netscape 7 no "onResize" Bug!

Status
Not open for further replies.

Are8Jay

Programmer
Sep 22, 2002
17
0
0
US
onResize of the browser window I'm centering the <div id='pagecell'> tag, but netscape won't work. I've tryed every thing I can think of. I need help.

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"[URL unfurl="true"]http://www.w3.org/TR/html4/loose.dtd">[/URL]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Robert' Resume</title>
<link href="cssRobert.css" rel="stylesheet" type="text/css">
<script language="javascript" src="menu.js" type="text/javascript" ></script>
<script language="javascript" type="text/javascript">

function reCenter(){ 
  var b = new BrowserInfo();
  this.thediv = document.getElementById("pagecell");
  if(b.windowWidth > 0){this.thediv.style.left=b.windowWidth;}
  this.thediv.style.position='absolute';
  this.thediv.style.top=10;
  this.thediv.style.visibility='visible';
  
}
</script>
</head>

<body onLoad="P7_setMenuMagic1(10,10,10, 'p7menubottom', 'p7menu1','p7submenu1', 'p7mbut1', 'p7menu2', 'p7submenu2', 'p7mbut2', 'p7menu3', 'p7submenu3', 'p7mbut3', 'p7menu4', 'p7submenu4', 'p7mbut4', 'p7menu5', 'p7submenu5', 'p7mbut5', 'p7menu6', 'p7submenu6', 'p7mbut6'); P7_trigMenuMagic1('p7menu1',1)" onResize="javascript: reCenter();">

<div id="pagecell">
	
	<div class="block_menu">
		<div id="p7menu1" style="position:absolute; left:0px; top:175px; width:158px; z-index:107" class="p7menDiv">
			<a href="javascript:;" onClick="P7_trigMenuMagic1('p7menu1',1);if(this.blur)this.blur();return false" onMouseOver="P7_rollCMenu1(event,'p7menu1',0)" onMouseOut="P7_rollCMenu1(event,'p7menu1',0)">
				<img src="menu/cover_letter.jpg" alt="Cover Letter" name="p7mbut1" width="158" height="25" border="0">
			</a>
		</div>
		<div id="p7submenu1" class="pviimenudiv" style="position:absolute; left:188px; top:140px; width:150px; visibility: hidden; z-index:101">
			<table width="150" border="0" cellspacing="0" cellpadding="0">
				<tr><td>&nbsp;</td></tr>
			</table>
		</div>
				
		<div id="p7menu2" style="position:absolute; left:0px; top:140px; width:158px; z-index:108" class="p7menDiv">
			<a href="javascript:;" onClick="P7_trigMenuMagic1('p7menu2',1);if(this.blur)this.blur();return false" onMouseOver="P7_rollCMenu1(event,'p7menu2',0)" onMouseOut="P7_rollCMenu1(event,'p7menu2',0)">
				<img src="menu/computer_skills.jpg" alt="Computer Skills" name="p7mbut2" width="158" height="25" border="0">
			</a>
		</div>
		<div id="p7submenu2" class="pviimenudiv" style="position:absolute; left:188px; top:140px; width:150px; visibility: hidden; z-index:102">
			<table width="150" border="0" cellspacing="0" cellpadding="0">
				<tr><td>&nbsp;</td></tr>
			</table>
		</div>
				
		<div id="p7menu3" style="position:absolute; left:0px; top:165px; width:158px; z-index:109" class="p7menDiv">
			<a href="javascript:;" onClick="P7_trigMenuMagic1('p7menu3',1);if(this.blur)this.blur();return false" onMouseOver="P7_rollCMenu1(event,'p7menu3',0)" onMouseOut="P7_rollCMenu1(event,'p7menu3',0)">
				<img src="menu/employment.jpg" alt="Employment" name="p7mbut3" width="158" height="25" border="0">
			</a>
		</div>
		<div id="p7submenu3" class="pviimenudiv" style="position:absolute; left:188px; top:190px; width:150px; visibility: hidden; z-index:103">
			<table width="150" border="0" cellspacing="0" cellpadding="0">
				<tr><td><a href="products.htm#get=software">TopShelf Systems, Inc</a></td></tr>
				<tr><td><a href="products.htm#get=downloads">Wal~Mart</a></td></tr>
				<tr><td><a href="products.htm#get=news">Ass. Wholesale Grocers</a></td></tr>
				<tr><td><a href="products.htm#get=faq">TNT Towing</a></td></tr>
				<tr><td><a href="products.htm#get=software">Bluffs Toyota</a></td></tr>
				<tr><td><a href="products.htm#get=downloads">Ancona/Midwest Foods</a></td></tr>
				<tr><td><a href="products.htm#get=news">United States Marine Corp.</a></td></tr>
			</table>
		</div>
		
		<div id="p7menu4" style="position:absolute; left:0px; top:225px; width:158px; z-index:110" class="p7menDiv">
			<a href="javascript:;" onClick="P7_trigMenuMagic1('p7menu4',1);if(this.blur)this.blur();return false" onMouseOver="P7_rollCMenu1(event,'p7menu4',0)" onMouseOut="P7_rollCMenu1(event,'p7menu4',0)">
				<img src="menu/education.jpg" alt="Education" name="p7mbut4" width="158" height="25" border="0">
			</a>
		</div>
		<div id="p7submenu4" class="pviimenudiv" style="position:absolute; left:188px; top:140px; width:150px; visibility: hidden; z-index:104">
			<table width="150" border="0" cellspacing="0" cellpadding="0">
				<tr><td>&nbsp;</td></tr>
			</table>
		</div>
				
		<div id="p7menu5" style="position:absolute; left:0px; top:215px; width:158px; z-index:111" class="p7menDiv">
			<a href="javascript:;" onClick="P7_trigMenuMagic1('p7menu5',1);if(this.blur)this.blur();return false" onMouseOver="P7_rollCMenu1(event,'p7menu5',0)" onMouseOut="P7_rollCMenu1(event,'p7menu5',0)">
				<img src="menu/references.jpg" alt="References" name="p7mbut5" width="158" height="25" border="0">
			</a>
		</div>
		<div id="p7submenu5" class="pviimenudiv" style="position:absolute; left:0px; top:140px; width:150px; visibility: hidden; z-index:105">
		<table width="150" border="0" cellspacing="0" cellpadding="0">
				<tr><td>&nbsp;</td></tr>
			</table>
		</div>
		
		<div id="p7menu6" style="position:absolute; left:0px; top:215px; width:158px; z-index:111" class="p7menDiv">
			<a href="javascript:;" onClick="P7_trigMenuMagic1('p7menu6',1);if(this.blur)this.blur();return false" onMouseOver="P7_rollCMenu1(event,'p7menu6',0)" onMouseOut="P7_rollCMenu1(event,'p7menu6',0)">
				<img src="menu/contact_me.jpg" alt="Contact Me" name="p7mbut6" width="158" height="25" border="0">
			</a>
		</div>
		<div id="p7submenu6" class="pviimenudiv" style="position:absolute; left:188px; top:140px; width:150px; visibility: hidden; z-index:106">
			<table width="150" border="0" cellspacing="0" cellpadding="0">
				<tr><td><a href="mailto:arejay@fidleronline.com">@fidleronline.com</a></td></tr>
			</table>
		</div>
		
		<div id="p7menubottom" class="pviimenudiv" style="position:absolute; left:0px; top:240px; width:150px; visibility: visible; z-index:113">
			<table width="150" border="0" cellspacing="6" cellpadding="0">
				<tr><td align="right">Robert James Fidler<br>861 South Market Avenue<br>Springfield, Missouri<br>65806</td></tr>
			</table>
		</div>

	</div>

</div>
<script language="javascript" type="text/javascript">
var b = new BrowserInfo();
if ( b.name != "Netscape" ) { var center_it = new reCenter(); }

function BrowserInfo()
{
  this.name = navigator.appName;
  this.codename = navigator.appCodeName;
  this.version = navigator.appVersion.substring(0,4);
  this.platform = navigator.platform;
  this.javaEnabled = navigator.javaEnabled();
  this.screenWidth = screen.width;
  this.screenHeight = screen.height;
  if ( navigator.appName == "Netscape" ) {
	if ( window.innerWidth < 780 ) { this.windowWidth = 0; }
	else {  var left = window.innerWidth; this.windowWidth = Math.round((left/2)-380); }
  }
  if ( navigator.appName.indexOf ( "Microsoft" ) != -1 ) {
  	if ( document.body.offsetWidth < 780 ) { this.windowWidth = 0; }
	else {  var left = document.body.offsetWidth; this.windowWidth = Math.round((left/2)-380); }
  }
}
</script>
</body>
</html>
 
What is the behavior in Netscape?

Adam
while(ignorance){perpetuate(violence,fear,hatred);life=life-1};
 
I think you should combine your scripts into a single set of <script></script> tags. As it stands, the resize function can't find the BrowserInfo() function because on a reload, BrowserInfo() doesn't exist at the time you call it with the onload event.

There's always a better way. The fun is trying to find it!
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top