style.visibility option issue in JavaScript

Question

0.00/5 (No votes)

See more:

HI all,

I am using the following code in my application

C#

if (checkbox.value == 0)
        {
        var panel = document.getElementById('ROWID');
        panel.style.visibility = "visible";
        var label= document.getElementById('labelid');
        label.innerText = "Message to be displayed!";
        lblf.style.color = "RED";
        lblf.style.visibility = "visible";
        }

Here I have problem that only panel is getting visible but than the label is not getting visible and this problem is only happening in FIREFOX while in all other problems both are getting visible...

Can any body give me idea that how this problem could be solved.

I have also tried using style.display but still getting same issue.

Posted 23-Aug-13 0:15am

VICK

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Niral Soni · Answer 1 · 2013-08-23T00:58:00

Solution 1

Firefox uses W3C standard Node::textContent, but its behavior differs "slightly" from that of MSHTML's proprietary innerText

So, change following line

label.innerText = "Message to be displayed!";

To

if(label.textContent && (typeof (label.textContent) != "undefined") )
   label.textContent = "Message to be displayed!";
else label.innerText = "Message to be displayed!";

Regards,
Niral Soni

Posted 23-Aug-13 0:58am

Niral Soni

Comments

VICK 23-Aug-13 8:06am

Tried but still the same... I am novice to JavaScript but as far as I understand your code.. it checks the textcontent of the lable and its type and if that is undefined or defined show the label anyway....

am i right???

Further let me tell you one thing that I have tried using FireFox Browser's Debugger and found that Browser gets the Label and also in the properties its getting the text as well along with visibility property and colour.

SO problem is not that might be Text is coming undefined as Your solution points..

Any other idea???

EDIT:::: After replacing with your code... now innerText and textContent both are showing blank in debugger...:(