Solved

obj.style.visibility = "hidden"; Problem in Firefox and Netscape

Posted on 2008-10-07
5
1,121 Views
Last Modified: 2012-05-05
Hi Folks,

I am having this problem in Firefox and Netscape

I have the following layer in my html page

<div id="nextDis" style="visibility: visible; position:absolute; left:941px; top:649px; width: 73px; height: 26px; z-index:5"><img src="../images/btn_next_disabled.jpg" alt="Next Button Disabled" name="nextDis" width="73" height="26" border="0"></div>

I am calling this function on an event

NextAble();

My problem is disappear(nextDis); DOES NOT work in Firefox and Netscape, but works in IE

The Error in Firefox is nextDis is not defined

Is there a workaround to this problem.

Thanks

RG

function NextAble(){
			if (parent.Navigation.varArray[parent.Navigation.count] == "true"){
				disappear(nextDis); // Hide the layer nextDis
				appear(nextL); // Show the layer nextL
			}
}
 
function disappear(obj) {
  if (obj.style.visibility == "visible") {
    obj.style.visibility = "hidden";
  }
}
 
 
function appear(obj) {
	if (obj.style.visibility == "hidden"){
  	 obj.style.visibility = "visible";
	}
}

Open in new window

0
Comment
Question by:rgarimella
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
5 Comments
 
LVL 82

Expert Comment

by:hielo
ID: 22659989
instead of:
visibility:hidden;

try using:
display:none;
0
 

Author Comment

by:rgarimella
ID: 22660176
I am getting the error message in firefox

nextDis is not defined, even though i have a layer named nextDis

Any ideas

RG
0
 
LVL 82

Accepted Solution

by:
hielo earned 500 total points
ID: 22660211
in your original post you have:
disappear(nextDis);

try changing that to:
disappear( document.getElementById("nextDis") );


Likewise, if you have some element with id="nextL", change:
appear(nextL)

to:
appear( document.getElementById("nextL"))
0
 

Author Comment

by:rgarimella
ID: 22660324
Great that was it

Thanks

RG
0
 
LVL 82

Expert Comment

by:hielo
ID: 22660346
you are welcome.
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
PHP: Filling Out/Creating a PDF 29 107
Fix Form size HTML 16 31
Asp response.write to clients 6 34
How to show popup no matter what a user clicks on navigation wise 10 35
This article will give core knowledge of JavaScript and will head in to your first JavaScript program. I am Durvesh Naik and I am here to deal with this series of JavaScript. I will teach you JavaScript in part wise , as its quite boring to read big…
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

733 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question