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!

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

how to reference an id in IE and Netscape 2

Status
Not open for further replies.
tnsbuff

tnsbuff

Technical User
Jan 23, 2002
216
US
Hi,

It seems that I can reference a div id using:

document.all('idname')

but I can't seem to get Netscape to work. I tried using:

document.getElementByID('idname')

but it doesn't seem to work.

Thanks for any tips,

 
Sort by date Sort by votes
Hmmmm, maybe it's the way I'm referencing it. Here's what I have:
Code: 
<script>
if(document.all){
banner = document.all('banner');
}

if(document.getElementByID){
banner = document.getElementByID('banner');
}
</script>

and then for a button I have:

<form>
<input name="close" value="Close Banner" type="button" onClick="banner.style.display='none'">
</form>
 
Upvote 0 Downvote
Like tgreer said, you can't use [tt]document.getElementByID[/tt], you need to use [tt]document.getElementByI[red]d[/red][/tt]

*cLFlaVA
----------------------------
"Holy crip he's a crapple!
 
Upvote 0 Downvote
Sorry, I missed the part about "capitalization" and just checked the "spelling".

It works now.

Thanks to both of you!
 
Upvote 0 Downvote
Actually, one more question. It works when I use a Flash file and set its id to banner, but if I switch out the Flash file and just use an h1 tag or something (with the id set within that tag), it doesn't work. It also doesn't work when I just set the div's id to 'banner'.

Why would that be?

Thanks,
 
Upvote 0 Downvote
Do you have multiple elements with id's of 'banner'? Also, what errors (if any) are you getting?

*cLFlaVA
----------------------------
"Holy crip he's a crapple!
 
Upvote 0 Downvote
I don't think so. This works:

Code: 
<html><head>
<style type="text/css">
#banner {display: inline; text-align: center}
</style>
<script>
if(document.all){
banner = document.all('banner');
}
if(document.getElementbyId('banner'){
banner = document.getElementById('banner');
}
</script>
</head>

<body bgcolor="#FF6600">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="[URL unfurl="true"]http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,79,0"[/URL]
  id="banner" width="750" height="125">
  <param name="movie" value="Movie1.swf">
  <param name="bgcolor" value="#FF6600">
    <embed type="application/x-shockwave-flash"   pluginspage="[URL unfurl="true"]http://www.macromedia.com/go/getflashplayer"[/URL]
   width="750" height="125"
   name="Movie1" src="Movie1.swf"
   bgcolor="#FF6600"></embed></object>

<form><input name="close_banner" value="Close Banner" type="button" onClick="banner.style.display='none'"></form>

</body>
</html>

This doesn't work:

Code: 
<html><head>
<style type="text/css">
#banner {display: inline; text-align: center}
</style>
<script>
if(document.all){
banner = document.all('banner');
}
if(document.getElementbyId){
banner = document.getElementById('banner');
}

</script>
</head>
<body bgcolor="#FF6600">

<div id="banner">This is a test.</div>

<form><input name="close_banner" value="Close Banner" type="button" onClick="banner.style.display='none'"></form>

</body>
</html>
 
Upvote 0 Downvote
Oh, and I'm getting the "object expected" error in IE on the line that contains my form button.

Thanks for your help.
 
Upvote 0 Downvote
. . . and to complicate matters, the second one does work in Mozilla Firefox (but not in Netscape7 or IE6). :-\
 
Upvote 0 Downvote
Has something to do with you globally referencing "banner", since "banner" is both a JS variable and an element id, some browsers get confused.



Code: 
<html><head>
<style type="text/css">
#banner {display: inline; text-align: center}
</style>
<script>

function hide(id) {
    document.getElementById(id).style.display = 'none';
}

</script>
</head>
<body bgcolor="#FF6600">

<div id="banner">This is a test.</div>

<form><input name="close_banner" value="Close Banner" type="button" onClick="hide('banner');"></form>

</body>
</html>

*cLFlaVA
----------------------------
"Holy crip he's a crapple!
 
Upvote 0 Downvote
>>Has something to do with you globally referencing "banner", since "banner" is both a JS variable and an element id, some browsers get confused.<<

But then why does it work when the id is a flash object, but not when it's a div?
 
Upvote 0 Downvote
Not sure. It worked fine with my code.

*cLFlaVA
----------------------------
"Holy crip he's a crapple!
 
Upvote 0 Downvote
>>Not sure. It worked fine with my code.<<

What code do you mean?

I tried changing the variable name to "top", and referencing it in the form button, but it still doesn't work.
 
Upvote 0 Downvote
The code I just pasted.

*cLFlaVA
----------------------------
"Holy crip he's a crapple!
 
Upvote 0 Downvote
Okay, thanks. It seems to want it in a function, although it doesn't require it when the id pertains to a flash file.

I'll use this method.

Thanks again!
 
Upvote 0 Downvote
No prob.

*cLFlaVA
----------------------------
"Holy crip he's a crapple!
 
Upvote 0 Downvote
Ahh, very good point. I once was developing a site and had named a filler image "banner-ad.gif" and it would not show up in one of the browsers. It was a nightmare until intuition set in and I renamed the image.

*cLFlaVA
----------------------------
"Holy crip he's a crapple!
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

Rayj0000
  • Locked
  • Question
How to disable an html button for subsequent website visitors?
Replies
0
Views
709
Rayj0000
Rayj0000
jomat
  • Locked
  • Question
JS to show the timer in html under title instead of in the status bar
Replies
2
Views
961
xwb
xwb
Kennelbloke
  • Locked
  • Question
Can't Get Markers to show on Map
Replies
0
Views
1K
Kennelbloke
Kennelbloke
rogerte
  • Locked
  • Question
Code that works on Windows, Android and Iphone
Replies
0
Views
759
rogerte
rogerte
lexer
  • Locked
  • Question
Passing fields from (html-JavaScript) table to JavaScript Function
Replies
0
Views
833
lexer
lexer

Part and Inventory Search

Sponsor

Back
Top