firefox IE different, innerText question

[Amzul]

hello all,

i got this code that works fine in IE but not in FF

code = obj.innerHTML;
document.getElementById('pre').innerText = code; 

i can make it work in FF like shown here on section 9
my qustion is

how and when shouled i check for the broswer?
shouled i use try...catch ? (cuz FF dont show error it just ignor that innerText)

thanks alot

[gits]

hi ...

for that purpose you shouldn't detect a browser ... you may simply use innerHTML instead of innerText for all browsers ...

kind regards

[Dasty]

FF got textContent property instead :D
This function should be sufficient ...

function setInnerText(obj, text)
{
  if (obj.innerText)
  {
    obj.innerText = text;
  }
  else
  {
    obj.textContent = text;
  }
}
 

[Amzul]

thanks for the fast replays guys

GITS-
if i will use innerHTML it will display the code or will execute it ?
i need to see the code the user should see the code not execute it :)

DASTY-
why php?
is it going to work in javascript as well?

[Dasty]

thanks for the fast replays guys

GITS-
if i will use innerHTML it will display the code or will execute it ?
i need to see the code the user should see the code not execute it :)

DASTY-
why php?
is it going to work in javascript as well?

It's javascript ofc. I am just not familiar with this forum yet :D

[gits]

hi ...

i fixed the code tags above - it IS javascript ... and of course ... using innerHTML has the drawback you noticed. so use dasty's code or consider to use standards compliant dom methods with creating textNodes and appending them to the node you want ... have a look at the:

createTextNode();
appendChild();

dom-methods.

kind regards

[iam_clint]

innerTEXT or innerHTML


either of these will work for IE and firefox just gotta watch your case sensitivity.

[acoder]

innerTEXT or innerHTML


either of these will work for IE and firefox just gotta watch your case sensitivity.

innerTEXT should be innerText and it doesn't work in Firefox (latest version).

Another option besides textContent is firstChild.data (check for whitespace first).

[Amzul]

FF got textContent property instead :D
This function should be sufficient ...

function setInnerText(obj, text)
{
  if (obj.innerText)
  {
    obj.innerText = text;
  }
  else
  {
    obj.textContent = text;
  }
}
 

sorry for bumping the therd up but from some reson its not working for me
but this does so....

function setInnerText(obj, text)
{
  if (navigator.appName =="Microsoft Internet Explorer")
  {
    obj.innerText = text;
  }
  else
  {
    obj.textContent = text;
  }
}
 

[acoder]

Don't use browser detection. Try this instead:

function setInnerText(obj, text)
{
  if (obj.textContent)
  {
    obj.textContent = text;
  }
  else if (obj.innerText)
  {
    obj.innerText = text;
  }
}
 

[Amzul]

so u saying innerText dont return false?

why checking the the broswer is a bad thing?

[gits]

...
why checking the the broswer is a bad thing?

hi ...

you may read about it here :)

kind regards