&nbsp not being read by Safari and Opera in JS

[hsriat]

I have to toggle the name of a hyperlink from Edit to Save and vice-versa on click event of the same hyperlink.

This is the HTML part,

[HTML]<input class="text" id="ix1" type=text></input>
<a class="button" id="ax1" href="javascrip t:void(0)" onclick="edit(' x1')">&nbsp;Edi t&nbsp;</a>[/HTML]



and function edit(id) is

      function edit(id) {
      var anc = document.getElementById('a'+id);
      var inp = document.getElementById('i'+id);
      anc.innerHTML = anc.innerHTML==" Edit " ? " Save " : " Edit ";
      inp.className = inp.className=="text" ? "edit" : "text";
}

The code in bottom line is working fine with all browsers, ie. class name of the input box gets changed on hyperlink's click.
But the name-change of the hyperlink is working fine with Firefox and IE only, ie, the name of the hyperlink gets changed from ' Save ' to ' Edit ' and ' Edit ' to ' Save ' on every click. But Opera and Safari are not doing any change.
If I remove the &nbsp;, then its working fine with all.
But since its a button kind of look, so I need to give space on both sides of the name.

I know I can solve it with this change...

anc.innerHTML = inp.className=="text" ? " Save " : " Edit ";

but what's the problem with reading &nbsp;?

[acoder]

Do spaces work in place of &nbsp;?

[hsriat]

Do spaces work in place of &nbsp;?

Toggle thing is working fine, but spaces are not being shown. Thats why I used &nbsp;

[acoder]

The unicode replacement, \u00a0, should work.

[hsriat]

The unicode replacement, \u00a0, should work.

Doesn't work with Opera and Safari.

Well don't worry about that, I solved it with other way out.

Thanks for trying. :)

[acoder]

It should do. Does this not work?

anc.innerHTML = anc.innerHTML=="\u00a0Edit\u00a0" ? " Save " : " Edit ";

What did you use in the end? I assume it must involve matching "Edit" instead of comparing the string.

[hsriat]

It should do. Does this not work?

anc.innerHTML = anc.innerHTML=="\u00a0Edit\u00a0" ? " Save " : " Edit ";

What did you use in the end? I assume it must involve matching "Edit" instead of comparing the string.

Ok, I guess there is some difference the way browsers interpret &nbsp;

Coz'

anc.innerHTML = anc.innerHTML=="\u00a0Edit\u00a0" ? " Save " : " Edit ";

works with Opera and Safari and not Mozilla and IE, while

anc.innerHTML = anc.innerHTML==" Edit " ? " Save " : " Edit ";

works fine with Mozilla and IE and not Opera and Safari.

PS: Earlier, in last post, I said it doesn't work with Safari and Opera. That time I was trying

anc.innerHTML = anc.innerHTML=="\u00a0Edit\u00a0" ? "\u00a0Save\u00a0" : "\u00a0Edit\u00a0"

[acoder]

I think your best bet would be something like:

anc.innerHTML = anc.innerHTML.match("Edit") ? " Save " : " Edit ";

[hsriat]

I think your best bet would be something like:

anc.innerHTML = anc.innerHTML.match("Edit") ? " Save " : " Edit ";

Yeh, that works!

Thanks :)

[acoder]

No problem, you're welcome!