JavaScript - Retrieving Data From Xml Not Working In Chrome/safari

My page is working as I want it to in firefox and IE. well almost fully in IE...

Anyways at the top of my page I am using an fx.slide that does not work at all in safari or chrome and was wondering if anyone here could shed some light as to why?

here is the page in question

Any help would be great. Thanks so much.

Can anyone tell me why the following works in IE but not the other browsers?

It's the "Select category..." jump menu at this URL: www.savasbeatie.com/books.htm

Code:

<TD>
	                  <form name="whichCat" style="margin-bottom:0" method="get">
                        <select name="catChoice" onChange="sendValue(this);">
                          <option class="news4" value="javascript:location.reload(true)" selected>Select Category...</option>
                          <option class="news4" value="php/IraqWars.php?q=Iraq%20Wars">Iraq Wars/Current Affairs</option>
						  <option class="news4" value="php/AncientHistory.php?q=Ancient%20History">Ancient History</option>
                          <option class="news4" value="php/AmericanRevolution.php?q=American%20Revolution">American Revolution</option>
                          <option class="news4" value="php/NapoleonicWar.php?q=Napoleonic%20War">Napoleonic War</option>
                          <option class="news4" value="php/AmericanCivilWar.php?q=American%20Civil%20War">American Civil War</option>
                          <option class="news4" value="php/IndianWars.php?q=Indian%20Wars">Indian Wars</option>
                          <option class="news4" value="php/WorldWars.php?q=World%20Wars">World Wars</option>
                          <option class="news4" value="php/Naval.php?q=Naval">Naval</option>
                          <option class="news4" value="php/MilitaryScience.php?q=Military%20Science">Military Science</option>
                          <option class="news4" value="php/SportsHistory.php?q=Sports%20History">Sports History</option>
                          <option class="news4" value="php/Other.php?q=Other">Other</option>
                        </select>
                      </form>
                    </TD>

I've been called in to help with this, but did not build the site. There's a frame that's supposed to display the link contents, and it's returning the error:

Error: document.getElementById("SB_Frame") is null
Source File: http://savasbeatie.com/jscripts/SB_util.js
Line: 11

I think it has something to do with the ID of the frame, (from Googling the error and reading some other posts,) but can't figure out where to put the tag.

Thanks for any help. - David

Hello all,

I'm back with more silly newbie questions.

I'm building a website that includes 3 javascript codes:
1. Onmouseover image switch for the nav bar.
2. On a specific page, onmouseover display of hidden divs.
3. Particletree's Dynamic Resolution Dependent Layout script
(http://particletree.com/features/dyn...ndent-layouts/)

All three scripts work fine in firefox, but the 2nd script doesn't work in safari and chrome, and the 3rd one doesn't work in safari, chrome and IE(8). Since the 1st one works fine in all browsers, I'm guessing this isn't a problem with my javascript link or anything like that.

The website is:
www.sheket.co.il/index4.html

The specific page that runs the 2nd code is:
www.sheket.co.il/services.html

My javascript is:
http://www.sheket.co.il/javascript.js

And my default stylesheet is:
http://www.sheket.co.il/style.css

(I apologize for possible jibrish- the website is in Hebrew...)

Any help with these two problems would be greatly appreciated!

ok so ive nearly finished the animated javascript in my site.
http://calumk.com/

to see the effect launch in chrome or safari, it works fine..
but its not working in Firefox
(and i havent tested IE.. if someone could, i would appreciate it)

i have no-idea why.. .
im using the http://berniecode.com/writing/animator.html library
which works fine in all browsers..

Any help would be apreciated...

I would post the code, but its probably easier if you just view source

Scroll down to the bottom. Click on an "X" button to bring up a DHTML popup. Select an item. When the DHTML closes and the original HTML is updated the browser scrolls to top. Is there a way to stop this by wrapping it somehow in a container, since you can't stop the scroll event? Code:

<html>
<head>
	<title> Vendor Management</title>
</head>
<body>
<table border="0"  width="100%">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="2" align="left" valign="top">
	<img src=""/>
</td>
<td><img src=""/></td>
</tr>
<tr>
<td align="left" valign="top">
			<a href=""/></a>
			<a href=""/></a>
			<a href=""/></a>
</td>
<td align="left">
	<img src=""/>
</td>
<td>
	<img src=""/>
</td>
</tr>
<tr>
<td>
	<span class="pageHeading" align="left">
		Web Administrator
	</span>
</td>
</tr>
</table>
<br/>
<form name="form" method="post" action="">
<table width="100%">
	<tr>
	<td width="5%"></td>
	<td align="left">
		<p class="filter">
		 All<br/>
		All<br/>
		</p>
	</td>
	<td>
		<table width="40%"  border="1" >
		<tr>
			<td class="h" colspan="2">Color Key </td>
		</tr>
		<tr>
			<td class="S "> </td><td class="small">The  is being negotiated.  The administrator may finalize the  when it is complete.</td>
		</tr>
		<tr>
			<td class="SAVA">Awaiting Vendor Approval </td><td class="small">The  has been finalized and is waiting for the Vendor to sign it.</td>
		</tr>
		<tr>
			<td class="SLocked">Locked</td><td class="small">The  has been finalized and signed.  All the Locked items in the  will be in the show.</td>
		</tr>
		</table>
	</td>
	</tr>
	<tr>
		<td colspan="3">
		<table align="center">
			<tr>
				<td>Search:</td>
				<td>
					<input	name="searchValue" id = "searchValue" type="text" size="24" value="">
				</td>
				<td>
					By
				</td>
				<td>
					<select name="searchColumn" id="searchColumn">
						<option value="VENDOR_NAME" SELECTED> Vendor Name</option>
						<option value="VENDOR_NUMBER" > Vendor Number</option>
					</select>
				</td>
				<td>
					And
				</td>
				<td>
					<select name="searchQualifier" id="searchQualifier">
						<option value="CONTAINS" SELECTED>Contains</option>
						<option value="STARTS_WITH" >Starts With</option>
						<option value="ENDS_WITH" >Ends With</option>
					</select>
				</td>
				<td>
					<input type="button" name="SearchButton" id="SearchButton" value="Search" onClick="onVendorSearch()">
				</td>
				<td>
					<input type="button" name="ClearSearchButton" id="ClearSearchButton" value="Clear" onClick="onVendorClear()">
				</td>
			</tr>
		</table>
		</td>
</table>
<table width="90%" align="center" >
	<tr align="center">
		<td colspan="3">
		<br>
			<input name="reference" type="hidden" value="viewVendorUsersCheck">
			<input name="action" type="hidden" value="delete">
		</td>
	</tr>
</table>
	<table id="results" width="100%" border="1"  style="border-color:black" align="left">
<!-- START OF DATA -->			
		<tr class="S ">
			<td> <a name="">005890</a></td>
			<td> Ivy-Dry, Inc</td>
			<td>  </td>
			<td>     </td>
			<td>
				<table>
		<tr>
			<td>
							<input type="text" 
								   id="vendorBooth_005890"
								   name="vendorBooth_005890"
								   
								   readonly
								   title="" />
						</td>
						<td>
							<input type="button" 
								   value="X"
								   name="vendorBoothBtn_005890"
								   id="vendorBoothBtn_005890"
								   onclick="DCCshowBoothList(this.id)"
						</td>
					</tr>
				</table>
			<td>
				<a href=""> </a>
			</td>
			<td>8</td>
			<td>0</td>
			<td>0</td>
			<td></td>
			<td>20141</td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr class="S ">
			<td> <a name="006867">006867</a></td>
			<td> Pacific World Corporation</td>
			<td>  </td>
			<td>     </td>
			<td>
				<table>
		<tr>
						<td>
							<input type="text" 
								   id="vendorBooth_006867"
								   name="vendorBooth_006867"
								   readonly
								   title="" />
						</td>
						<td>
							<input type="button" 
								   value="X"
								   name="vendorBoothBtn_006867"
								   id="vendorBoothBtn_006867"
								   onclick="DCCshowBoothList(this.id)"
						</td>
					</tr>
				</table>
			<td>0</td>
			<td>0</td>
			<td>0</td>
			<td></td>
			<td>20154</td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr class="S ">
			<td> <a name="">006952</a></td>
			<td> Prince Of Peace Enterprises</td>
			<td></td>
			<td></td>
			<td>
				<table>
		<tr>
						<td>
							<input type="text" 
								   id="vendorBooth_006952"
								   name="vendorBooth_006952"
								   readonly
								   title="" />
						</td>
						<td>
							<input type="button" 
								   value="X"
								   name="vendorBoothBtn_006952"
								   id="vendorBoothBtn_006952"
								   onclick="DCCshowBoothList(this.id)"
						</td>
					</tr>
				</table>
			<td>0</td>
			<td>0</td>
			<td>0</td>
			<td></td>
			<td>20155</td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr class="S ">
			<td> <a name="">006996</a></td>
			<td> Bayer ,   Division</td>
			<td></td>
			<td></td>
			<td>
				<table>
		<tr>
						<td>
							<input type="text" 
								   id="vendorBooth_006996"
								   name="vendorBooth_006996"
								   readonly
								   title="" />
						</td>
						<td>
							<input type="button" 
								   value="X"
								   name="vendorBoothBtn_006996"
								   id="vendorBoothBtn_006996"
								   onclick="DCCshowBoothList(this.id)"
						</td>
					</tr>
				</table>
			<td>21</td>
			<td>0</td>
			<td>0</td>
			<td></td>
			<td>20156</td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr class="S ">
			<td> <a name="">007003</a></td>
			<td> Kerr Group, Inc. / Kerr </td>
			<td></td>
			<td></td>
			<td>
				<table>
		<tr>
						<td>
							<input type="text" 
								   id="vendorBooth_007003"
								   name="vendorBooth_007003"
								   readonly
								   title="" />
						</td>
						<td>
							<input type="button" 
								   value="X"
								   name="vendorBoothBtn_007003"
								   id="vendorBoothBtn_007003"
								   onclick="DCCshowBoothList(this.id)"
						</td>
					</tr>
				</table>
			<td>92</td>
			<td>0</td>
			<td>0</td>
			<td></td>
			<td>20157</td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr class="S ">
			<td> <a name="">007010</a></td>
			<td> Unilever</td>
			<td></td>
			<td></td>
			<td>
				<table>
		<tr>
						<td>
							<input type="text" 
								   id="vendorBooth_007010"
								   name="vendorBooth_007010"
								   readonly
								   title="" />
						</td>
						<td>
							<input type="button" 
								   value="X"
								   name="vendorBoothBtn_007010"
								   id="vendorBoothBtn_007010"
								   onclick="DCCshowBoothList(this.id)"
						</td>
					</tr>
				</table>
			<td>160</td>
			<td>0</td>
			<td>0</td>
			<td></td>
			<td>20158</td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr class="S ">
			<td> <a name="">007057</a></td>
			<td> Pfizer  </td>
			<td></td>
			<td></td>
			<td>
				<table>
		<tr>
						<td>
							<input type="text" 
								   id="vendorBooth_007057"
								   name="vendorBooth_007057"
								   readonly
								   title="" />
						</td>
						<td>
							<input type="button" 
								   value="X"
								   name="vendorBoothBtn_007057"
								   id="vendorBoothBtn_007057"
								   onclick="DCCshowBoothList(this.id)"
						</td>
					</tr>
				</table>
			<td>9</td>
			<td>0</td>
			<td>0</td>
			<td></td>
			<td>20159</td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr class="S ">
			<td> <a name="">007060</a></td>
			<td> Johnson & </td>
			<td></td>
			<td></td>
			<td>
				<table>
		<tr>
						<td>
							<input type="text" 
								   id="vendorBooth_007060"
								   name="vendorBooth_007060"
								   readonly
								   title="" />
						</td>
						<td>
							<input type="button" 
								   value="X"
								   name="vendorBoothBtn_007060"
								   id="vendorBoothBtn_007060"
								   onclick="DCCshowBoothList(this.id)"
						</td>
					</tr>
				</table>
			<td>71</td>
			<td>0</td>
			<td>0</td>
			<td></td>
			<td>20160</td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr class="S ">
			<td> <a name="">007112</a></td>
			<td> Colgate-Palmolive </td>
			<td></td>
			<td></td>
			<td>
				<table>
		<tr>
						<td>
							<input type="text" 
								   id="vendorBooth_007112"
								   name="vendorBooth_007112"
								   readonly
								   title="" />
						</td>
						<td>
							<input type="button" 
								   value="X"
								   name="vendorBoothBtn_007112"
								   id="vendorBoothBtn_007112"
								   onclick="DCCshowBoothList(this.id)"
						</td>
					</tr>
				</table>
			<td>39</td>
			<td>0</td>
			<td>0</td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr class="S ">
			<td> <a name="">007120</a></td>
			<td> W.F. Young, </td>
			<td></td>
			<td></td>
			<td>
				<table>
		<tr>
						<td>
							<input type="text" 
								   id="vendorBooth_007120"
								   name="vendorBooth_007120"
								   readonly
								   title="" />
						</td>
						<td>
							<input type="button" 
								   value="X"
								   name="vendorBoothBtn_007120"
								   id="vendorBoothBtn_007120"
								   onclick="DCCshowBoothList(this.id)"
						</td>
					</tr>
				</table>
			<td>0</td>
			<td>0</td>
			<td>0</td>
			<td></td>
			<td>20162</td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr class="S ">
			<td> <a name="">007120</a></td>
			<td> W.F. Young, </td>
			<td></td>
			<td></td>
			<td>
				<table>
		<tr>
						<td>
							<input type="text" 
								   id="vendorBooth_007120"
								   name="vendorBooth_007120"
								   readonly
								   title="" />
						</td>
						<td>
							<input type="button" 
								   value="X"
								   name="vendorBoothBtn_007120"
								   id="vendorBoothBtn_007120"
								   onclick="DCCshowBoothList(this.id)"
						</td>
					</tr>
				</table>
			<td>
				<a href=""> </a>
			</td>
			<td>0</td>
			<td>0</td>
			<td>0</td>
			<td></td>
			<td>20162</td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr class="S ">
			<td> <a name="">007120</a></td>
			<td> W.F. Young, </td>
			<td></td>
			<td></td>
			<td>
				<table>
		<tr>
						<td>
							<input type="text" 
								   id="vendorBooth_007120"
								   name="vendorBooth_007120"
								   readonly
								   title="" />
						</td>
						<td>
							<input type="button" 
								   value="X"
								   name="vendorBoothBtn_007120"
								   id="vendorBoothBtn_007120"
								   onclick="DCCshowBoothList(this.id)"
						</td>
					</tr>
				</table>
			<td>0</td>
			<td>0</td>
			<td>0</td>
			<td></td>
			<td>20162</td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr class="S ">
			<td> <a name="">007120</a></td>
			<td> W.F. Young, </td>
			<td></td>
			<td></td>
			<td>
				<table>
		<tr>
						<td>
							<input type="text" 
								   id="vendorBooth_007120"
								   name="vendorBooth_007120"
								   readonly
								   title="" />
						</td>
						<td>
							<input type="button" 
								   value="X"
								   name="vendorBoothBtn_007120"
								   id="vendorBoothBtn_007120"
								   onclick="DCCshowBoothList(this.id)"
						</td>
					</tr>
				</table>
			<td>
			</td>
			<td>0</td>
			<td>0</td>
			<td>0</td>
			<td></td>
			<td></td>
			<td>
			</td>
			<td>
			</td>
			<td> </td>
			<td></td>
		</tr>		
		<tr class="S ">
			<td> <a name="">007167</a></td>
			<td> 3M   </td>
			<td></td>
			<td></td>
			<td>
				<table>
		<tr>
						<td>
							<input type="text" 
								   id="vendorBooth_007167"
								   name="vendorBooth_007167"
								   readonly
								   title="" />
						</td>
						<td>
							<input type="button" 
								   value="X"
								   name="vendorBoothBtn_007167"
								   id="vendorBoothBtn_007167"
								   onclick="DCCshowBoothList(this.id)"
						</td>
					</tr>
				</table>
			<td>0</td>
			<td>0</td>
			<td>0</td>
			<td></td>
			<td>20163</td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr class="S ">
			<td> <a name="008877">008877</a></td>
			<td> x  Brands</td>
			<td></td>
			<td></td>
			<td>
				<table>
		<tr>
						<td>
							<input type="text" 
								   id="vendorBooth_008877"
								   name="vendorBooth_008877"
								   readonly
								   title="" />
						</td>
						<td>
							<input type="button" 
								   value="X"
								   name="vendorBoothBtn_008877"
								   id="vendorBoothBtn_008877"
								   onclick="DCCshowBoothList(this.id)"
						</td>
					</tr>
				</table>
			<td>3</td>
			<td>0</td>
			<td>0</td>
			<td></td>
			<td>20168</td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr align="center" bgcolor="9999FF" class="e">
			<td></td>
		</tr>
		<tr bgcolor="9999FF" class="h">
			<td colspan="11" class="h"> Vendor Users and s: </td>
			<td class="h" align="center"><input type="submit" name="Submit" value="Submit"></td>
			<td colspan="4" class="h"></td>
		</tr>
	</table>
<script type="text/javascript">
	window.onload = function () {
			DCCinitPage();
	};
	function DCCinitPage() {
		var IE = document.all?true:false;
		if (!IE) document.captureEvents(Event.MOUSEDOWN);
		document.onmousedown = DCCmousePosition;
	}
function DCCmousePosition(e) {
		var IE = document.all?true:false;
		var tempX = 0;
		var tempY = 0;
		if (IE) { 
				tempX = event.clientX + document.body.scrollLeft;
				tempY = event.clientY + document.body.scrollTop;
		} else {
				tempX = e.pageX;
				tempY = e.pageY;
		}  
		if (tempX < 0){tempX = 0;}
		if (tempY < 0){tempY = 0;}  
		DCCmouse.setLeft(tempX);
		DCCmouse.setTop(tempY);
		return true;
}
function DCCmouseClass() {
		this.left = 0; 
		this.top = 0;
		this.setLeft = function (left) { this.left = left; }
		this.getLeft = function() { return this.left; }
		this.setTop = function (top) { this.top = top; }
		this.getTop = function() { return this.top; }
}
var DCCmouse = new DCCmouseClass(); 
function DCCshowBoothList(thisId) {
	var indexOfNumber = thisId.indexOf("vendorBoothBtn_");
	var thisNumber = thisId.substring(indexOfNumber + 15);
	document.forms[0].tempVendorNumber.value = thisNumber;
	document.getElementById("DCCboothList").style.top = (DCCgetWindowTop() + 20) + "px";
	document.getElementById("DCCboothList").style.left = (DCCmouse.getLeft() + 15) + "px";
	document.getElementById("DCCboothList").style.display="";
}
function DCCcloseBoothList() {
	document.getElementById("DCCboothList").style.display="none";
}
function DCCboothSelected(boothId) {
	document.getElementById("DCCboothList").style.display="none";
	var indexOfNumber = boothId.indexOf("boothNumber_");
	var indexOfIndex = boothId.indexOf("index_");
	var indexOfName = boothId.indexOf("name_");
	var boothNumber = boothId.substring(indexOfNumber + 12, indexOfIndex);
	var boothIndex = boothId.substring(indexOfIndex + 6, indexOfName);
	var boothName = boothId.substring(indexOfName + 5);
	var vendorNumber = document.getElementById("tempVendorNumber").value;
	var displayBoothNumber = "vendorBooth_" + vendorNumber;
	document.getElementById(displayBoothNumber).value = boothNumber;
	document.getElementById(displayBoothNumber).name = displayBoothNumber + "_dirty";
	document.getElementById(displayBoothNumber).title = boothName;
}
function DCCgetWindowTop() {
	var winTop = 0;
	if( typeof( window.pageYOffset ) == 'number' ) {
		winTop = window.pageYOffset;
	} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
		winTop = document.body.scrollTop;
	} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
		winTop = document.documentElement.scrollTop;
	}
	return winTop;
}
function DCCgetWindowLeft() {
	var winLeft = 0;
	if( typeof( window.pageXOffset ) == 'number' ) {
		winLeft = window.pageXOffset;
	} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
		winLeft = document.body.scrollLeft;
	} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
		winLeft = document.documentElement.scrollLeft;
	}
	return winLeft;
}
</script>
<style>
	.DCChiglightHover:hover {
		background-color: rgb(200,200,200);
	}
</style>
<div id="DCCboothList"
	style="
	position: absolute;
	top: 200px;
	left: 350px;
	height: 360px;
	width: 300px;
	background-image: url(/DCC5/pages/shared/images/transp.gif);
	display: none;
	">
	<input type="hidden" name="tempVendorNumber" id="tempVendorNumber" value="" />
	<p align="right" style="padding: 0; margin: 0;">
		<input style="height: 18px;
					  width: 20px;
					  background-image: url(dummy.gif);
					  border-top: 1px solid rgb(210,210,210);
					  border-left: 1px solid rgb(210,210,210);
					  border-right: 1px solid rgb(210,210,210);
					  border-top: 0px solid rgb(210,210,210);
					  color: rgb(210,0,0);"
			   type="button"
			   id="closeBoothList"
			   name="closeBoothList"
			   value ="X"
			   onclick="DCCcloseBoothList()" />
	</p>
<div id="DCCboothListInner"
		 style="background: rgb(240,240,240);
				border: 1px solid rgb(130,130,130);
				height: 334px;
				overflow: auto; ">
		<p style="padding: 0; margin: 0">
			<a href="" class="DCChiglightHover"
						id="boothNumber_D010index_0name_Beef Booth"
						style="text-decoration: none; color: black;"
						onclick="DCCboothSelected(this.id)">D010Beef Booth</a>
		</p>
		<p style="padding: 0; margin: 0">
			<a href="" class="DCChiglightHover"
						id="boothNumber_D006index_1name_DCC Test Booth D006"
						style="text-decoration: none; color: black;"
						onclick="DCCboothSelected(this.id)">D006DCC Test Booth D006</a>
		</p>
		<p style="padding: 0; margin: 0">
			<a href="" class="DCChiglightHover"
						id="boothNumber_D005index_2name_DCC Test Booth D005"
						style="text-decoration: none; color: black;"
						onclick="DCCboothSelected(this.id)">D005DCC Test Booth D005</a>
		</p>
		<p style="padding: 0; margin: 0">
			<a href="" class="DCChiglightHover"
						id="boothNumber_D004index_3name_DCC Test Booth D004"
						style="text-decoration: none; color: black;"
						onclick="DCCboothSelected(this.id)">D004DCC Test Booth D004</a>
		</p>
		<p style="padding: 0; margin: 0">
			<a href="" class="DCChiglightHover"
						id="boothNumber_269index_92name_ARCHTECH"
						style="text-decoration: none; color: black;"
						onclick="DCCboothSelected(this.id)">269ARCHTECH</a>
		</p>
	</div>
</div>

<!-- End code for custom booth list drop down -->
 </form>
    </body>

</html>

NOTE:
If you are tempted to respond "validate your code" or some other useless response, save your breath. This is a real world problem. The code is an fragment output from a JSP. I don't have the luxury of updating 2000 jsp files to make it up to standard.

Since the upgrade from chrome 9 to chrome 10 my script is showing an error in my variables when i use boolean expressions.
they changed to version V8, Chrome's JavaScript engine.

Here is the function

function get_form_value(n){
e=document.getElementById(n);
if ((e.value)&&(e.value != "")&&(!e.options)) return e.value;
if ((e.selectedIndex)&&(e.selectedIndex>0) &&(e.options[e.selectedIndex].value !="")) return e.options[e.selectedIndex].value; // select
if ((e.text)&&(e.text.value !="")) continue;
if ((e.selectedIndex)&&(e.selectedIndex>0) &&(e.options[e.selectedIndex].text !="")) return e.options[e.selectedIndex].text; // select
if ((e.checkbox)&&(e.checkbox.checked)) return true;
return false;
}

When i run it it shows a syntax error:

Can someone please help me fix this?

I had to develop a word game for a class project.

The final is revolving around this class project but I was marked down some points for this project. I need to find out what I did wrong so I can pass my Final Exam. The program passed Google Chrome and Safari, but the teacher said it didn't pass Firefox Error Console. Any pointers will help.

<html>
<head>
<title> Project </title>
<script type="text/javascript" src="http://balance3e.com/random.js"></script>
<script type="text/javascript">
function GetLetter()
// Assumes: There are 5 letters
// Results: Returns a single letter
{
var letter

letter = RandomOneOf(['a', 'e', 'l', 'm', 'n']);
return letter;
}
</script>

<script type="text/javascript">
function GetWord(lastLetter)
// Assumes: There is a letter the user has selected
// Results: Returns a four letter word ending with the letter the user has selected
{
var word
lastLetter = document.getElementById('lastLetter').value
word = '';
l = 0;
while (l < 3) {
word = word + GetLetter();
l = l + 1;
}
return word + lastLetter;

}
</script>

<script type="text/javascript" src="http://balance3e.com/random.js"></script>
<script type="text/javascript">
function CheckWord(word)
// Assumes: The user entered a word
// Results: Will check to see if the word matched the winning word
{
var cWord

cWord = false;
if (word=="lane" || word=="lean" || word=="mama" || word=="meal" || word=="name") {
cWord = true;
}
return cWord

}
</script>

<script type="text/javascript">
function trytowin()
// Assumes: The user returned a true or false answer
// Results: Will Check to see if the user has won or lost
{
var word,

t = 0;
document.getElementById('winningWord').value = "";
document.getElementById('winLoss').value = 'Lose';
document.getElementById('lowords').innerHTML = '';
valid = false;


while (t < 20 && valid == false) {
word = GetWord(lastLetter);
valid = CheckWord(word);
document.getElementById('lowords').innerHTML =
document.getElementById('lowords').innerHTML + word + '<br>';
t = t + 1;

if (valid == true) {
document.getElementById('winningWord').value = word;
document.getElementById('winLoss').value = 'Won after ' + t + ' times!';
}
}
}
</script>

</head>

<body>
<p>
Your word is: <input type="text" id="winningWord" size=10><br>
You: <input type="text" id="winLoss" size=20><br>
Type in a letter chosen from a,e,l,m,n <input type="text" id="lastLetter" size=2 value="">
Press the button to get a word ending with that letter and see if you won<input type="button" value="Try to Win!" onclick="trytowin();">
<hr>
<div id="lowords"></div>
</body>
</html>

Hello,

I've searched high and low for some decent code that will allow a visitor to a website to bookmark the site through a hyperlink. The bookmarking is done through a javascript function that looks like this:

Code:

function OnBookmarkButtonClick (e)
{
    if (window.sidebar)
    { // Mozilla Firefox Bookmark
	    window.sidebar.addPanel("TimeSheet", window.document.location,"");	
	}
	else if (window.external)
	{ // IE Favorite	
	    window.external.AddFavorite( window.document.location, "TimeSheet");
	}
}

I need to add some detection for Opera, Safari, and Chrome. Please note that it must be feature detection, not browser detection. But as I said, I've searched high and low for this, and couldn't find anything.

Help is much appreciated.

hi everyone, this is my 1st post here in this community forum, just would like to say "HI" to everyone.

i would like to share with you my experience in developing multiple dependency selection form developed in java script, how this script works is that when 1st selection is selected, based on the value the user select, a second level selection will appear and so on.

below is the Java-script code along with my form code too

Javascript:
<script type="text/javascript">

function nextSelect(o) {

if (o.value == '0') {
var next = o.nextSibling;
while (next && next.nodeName != 'SELECT') {
next = next.nextSibling;
}
next.length = 0;

return;
}
var d = document;

var useSelect = d.getElementById(o.name + '_' + o.value);

if (!useSelect) {
alert('Unknown id: ' + o.name + '_' + o.value);
return;
}

var copy = useSelect.cloneNode(true);
copy.style.display = 'inline';

var next = o.nextSibling;
while (next && next.nodeName != 'SELECT') {
next = next.nextSibling;
}
next.parentNode.insertBefore(copy, next);
next.parentNode.removeChild(next);
}
</script>

my form:
<div style="display: none;">

<!-- ##### First Selection ####### -->

<select name="second" id="first_dp" onchange="nextSelect(this);">
<option value="0">Choose</option>
<option value="dp_2_38">2 3/8'</option>
<option value="dp_4">4'</option>
</select>

<select name="second" id="first_hw" onchange="nextSelect(this);">
<option value="0">Choose</option>
<option value="hw_3_12">3 1/2'</option>
<option value="hw_4">4'</option>
</select>

<!-- ####### 2nd Selection ####### -->

<select name="third" id="second_dp_2_38" onchange="nextSelect(this);">
<option value="0">Choose</option>
<option value="dp_2_38_4.85">4.85 lbs/ft</option>
<option value="dp_2_38_6.65">6.65 lbs/ft</option>
</select>
<select name="third" id="second_dp_2_78" onchange="nextSelect(this);">
<option value="0">Choose</option>
<option value="dp_2_78_6.85">6.85 lbs/ft</option>
<option value="dp_2_78_10.4">10.4 lbs/ft</option>
</select>

>>>>>>and so on till 3rd selection<<<<<<<<<

</div>

<form action="pdfHandle.php" method="post" id="pdfsearch">
<fieldset>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="142" height="146">
<p>
Type:<br />
Size:<br />
Weight:<br />
</td>
<td width="266"><select name="first" onclick="nextSelect(this);">
<option value="0">Choose</option>
<option value="dp">Drill Pipe</option>
<option value="hw">Heavy Weight</option>
</select><br/>
<select name="select">
</select>
<br/>
<select name="select">
</select>
<br/>
<select name="select">
</select>

</td>
</tr>
</table>
<p>
<input type="submit" name="submit" id="submit" value="Create PDF" />
<input type="reset" value="Reset Selection" />
</p>
</fieldset>
</form>
-----------------------------------------------------------------------

i would like to know what i am missing here and what is making Safari n chrome not to run this page properly, when u execute this code, only the 1st selection will appear while the rest of the selections are Null, i hope someone will guide me through this or direct me to solution or any other way of doing this perhaps

i thank you for viewing this post.

Hi guys,

I have the following code that should hide the dropdown part of a select box when clicked (don't ask why, this is part of a separate project). Please see a simple example below:

Code:

<script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.js"></script>
        
<select name="select1" id="select1" onfocus="$(this).blur();">
   <option value=""></option>
   <option value="">1</option>
   <option value="">2</option>
   <option value="">3</option>
   <option value="">4</option>
</select>

This all works fine in IE and FF but in chrome the options are still shown after clicking the element. I've been racking my brains for hours on this and, no matter what method I use, I can't get this to work correctly in Chrome.

Can anyone suggest a way I can get this to work?

Thanks in advance!

This little snippet of code (in full) refuses to lnk properly in FF and Chrome, but IE downloads the file.

Code:

<tr>
<td nowrap>
<span style="font-weight: 700; font-size: 11px; background-color: #FFFF00"  onclick="location.href ('http://aapress.com.au/print/headerfooteron.reg')" class="hand" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'" style="font-size: 11px; font-weight: 700; background-color:#FFFF00;">
CLICK HERE</span><font size="2"> to turn </font>
<span class="hand">
<span style="font-weight: 700; font-size: 11px; background-color: #FFFF00">
ON</span></span></td>
<td nowrap width="100">&nbsp;</td>
</tr>

Is there something wrong with using location.href?

Hello all

I have this code to write the year which works fine in ie ff but apparantly is not working in google chrome.

I don't have chrome and so can't check can anybody tell me why chrome has an issue with it? What should I change to make it chrome compliant:-)


In ie ff it displays 2012 correctly but in chrome i'm told it is showing 112 ro something like that.


Code:

 
	 Code:

	
<script type="text/javascript">var curdate = new Date(); var year = curdate.getYear(); document.write(year)</script>

any help very much appreciated

LT

I am ripping my hair out trying to figure out why my innerHTML code is not working. It only works in IE, but keeps failing in Chrome and Firefox. I am using a form text field for customers to enter a Gallery ID (text value in the form field) which I have set up for them in an external js file.

I use this code to change the content of div's after it checks the js file for a matching text value. Here is what is happening-- the proper content shows up for a second in Chrome or Firefox if the username value matches, but it pops away really fast and goes back to the login field prompt.

Javascript:

Code:

<head>

<script type="text/javascript">
function setinitialvalues(){
document.getElementById('loginblock').style.visibility = 'visible';
document.getElementById('galleryinfo2').style.visibility = 'hidden';
document.getElementById('expiredmessage').style.visibility = 'hidden';
document.getElementById('republish').style.visibility = 'hidden';
document.getElementById('logoutmessage').innerHTML = "";
document.getElementById('logoutmessage2').innerHTML = "";
document.getElementById('logoutmessage').style.visibility = 'hidden';
document.getElementById('logoutmessage2').style.visibility = 'hidden';
}
</script>

<script type="text/javascript">
  function loadcustomer(){
  document.getElementById('galleryinfo').innerHTML = "";
  document.getElementById('galleryinfo2').innerHTML = "";
  document.getElementById('expdatemessage').innerHTML = "";
  document.getElementById('expiredmessage').innerHTML = "";
  document.getElementById('republish').innerHTML = "";
  document.getElementById('logoutmessage').style.visibility = 'hidden';
  document.getElementById('logoutmessage2').style.visibility = 'hidden';
  document.getElementById('loginblock').innerHTML = "<br /><h4>If you know your Gallery ID, you can enter it here to access your proofing gallery and order page.<br /><br />ENTER GALLERY ID:</h4><form name='form' action='' method='post'><input style='color:#000;' name='username' id='username' onfocus='clearinvalid()' onKeyDown='clearinvalid()'><br /><br /><input style='background-color:#33A1C9;' class='button' id='submitbutton' type='submit' value='Submit' onClick='return galleryid(this.form)'></form><h4><div style='color:#ff0000;' id='invalidmessage'></div></h4><br />Sample Gallery ID: demo<br />(Then click the Submit button. Some browsers do not accept the Enter key.)<br /><br /><a href='#' class='btn btn-lg btn-default'>Back to Menu</a><br /><br />This works on Internet Explorer, Firefox, Opera and Google Chrome. Please use one of these web browsers to log in.";
  document.getElementById('loginblock').style.visibility = 'visible';
  }
</script>	
		
<script language="javascript" type="text/javascript" src="customergallery.js"></script>		

</head>

HTML:

Code:

<div style="text-align:center;" id="loginblock"></div>
<div id="galleryinfo"></div>
<div id="galleryinfo2"></div>
<div style="color:#ff0000;" id="expdatemessage"></div>
<div style="color:#ff0000;" id="expiredmessage"></div>
<div id="republish"></div>
<div id="logoutmessage"></div>
<div id="logoutmessage2"></div>

External customer js file:

Code:

function Submit(){
   if(event.keyCode == 13)
  {
	galleryid();
	return false;
  }
}
function galleryid(){

if (document.getElementById('username').value == 'demo') {
var name = "My Photomatic Photo Session";
var sessiondate = "02/22/2014";
var location = "Any town, USA";
var orderlink = "<a href='../../accounts/brown/20140222/myphotomatic20140222.html' target='_blank'>CLICK HERE TO VIEW GALLERY</a>";
var todayDate = new Date();
var expdate = new Date(2015,05,30);
comparedate();
}

else if (document.getElementById('username').value == '') {
document.getElementById('invalidmessage').innerHTML = 'Please enter a value in this field.';
}

else {
document.getElementById('invalidmessage').innerHTML = 'Invalid Gallery ID. Please try again.';
}
document.getElementById('username').value = "";
return false;

function comparedate() {
if (todayDate >= expdate)
{
document.getElementById('galleryinfo2').innerHTML = "<br /><br />" + name + "<br />Session Date: " + sessiondate + "<br />" + location + "<br /><br />";
document.getElementById('expiredmessage').innerHTML = "This gallery has expired on " + (expdate.getMonth()+1) + "/" +  expdate.getDate() + "/" + expdate.getFullYear();
document.getElementById('republish').innerHTML = "<br />If you would like to have this gallery republished, please email me .<br /><br />";
document.getElementById('logoutmessage2').innerHTML = "<a href='javascript:void(0);' onclick='loadcustomer(); clearusername(); setinitialvalues();' class='btn btn-lg btn-default'>Click here to return to the Login</a><br /><br />";
document.getElementById('galleryinfo2').style.visibility = 'visible';
document.getElementById('expiredmessage').style.visibility = 'visible';
document.getElementById('republish').style.visibility = 'visible';
document.getElementById('logoutmessage2').style.visibility = 'visible';
document.getElementById('loginblock').innerHTML = "";
document.getElementById('loginblock').style.visibility = 'hidden';
}
else {
loadcustomer();
document.getElementById('galleryinfo').innerHTML = "<br /><br />" + name + "<br />Session Date: " + sessiondate + "<br />" + location + "<br /><br />" + orderlink + "<br /><br />";
document.getElementById('expdatemessage').innerHTML = "This gallery will expire on " + (expdate.getMonth()+1) + "/" +  expdate.getDate() + "/" + expdate.getFullYear() + ".<br /><br />";
document.getElementById('logoutmessage').innerHTML = "<a href='javascript:void(0);' onclick='loadcustomer(); clearusername(); setinitialvalues();' class='btn btn-lg btn-default'>Click here to return to the Login</a><br /><br />";
document.getElementById('logoutmessage').style.visibility = 'visible';
document.getElementById('loginblock').innerHTML = "";
document.getElementById('loginblock').style.visibility = 'hidden';
}
}

}

function clearinvalid(){
document.getElementById('invalidmessage').innerHTML = '';
}
function clearusername(){
document.getElementById('username').value = "";
}

Where am I going wrong and what can I do to make this work in Chrome and Firefox? It works great in IE. Thanks!

Title explains it really. The button I am using working perfecting in FireFox and Chrome but not in Internet explorer. (Yes I know someone that actually uses IE that pointed this out to me) The rest of the code works fine but just not the reset button I have. Something I have been needing to do is make the code call my images differently by putting them in an array so I don't mess this the sources of my images like I sloppily am here, but I am not sure if that will actually fix the problem I am have.

The checkbox should both uncheck the box(if checked) AND change the picture but it only unchecks the box.
Here is the relevant code let me know if you want me to post the whole thing.

Code:

function reset(){
		cb1.checked=false;
		document.goodAfternoon.src=goodAfternoonFinal.src; 
	}

Code:

"Check" me out;) <input type="checkbox" id="cb1" onClick="validate()" />
 <img src="Good Afternoon.gif" name="goodAfternoon">
 <input type="button" id="cb2" value="RESET" onClick="reset()"/>