innerHTML of a span containing a IMG object incorrect in IE
Posted on 2008-10-15
Ok, here's the deal, I'm trying to make a user interface where a person can click on a "SPAN", then see a popup with a textbox containing the the innerHTML of that SPAN.
So, here's a fun one:
<SPAN onclick='alert(this.innerHTML)'><img id="mylogo" src="/images/logo/fader/small_allsmall.png" alt="LanguageCache!" style="border-width: 0px;"></img>
when you click on it with firefox, you get "<img id="mylogo" src="/images/logo/fader/small_allsmall.png" alt="LanguageCache!" style="border-width: 0px;">"
when you click on it with IE, you get "<IMG id=mylogo style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" alt=LanguageCache! src="/images/logo/fader/small_allsmall.png">"
What the hell????
So, since my program is going to save the original innerHTML, and the new HTML added by the user, then, on a new page load, cycle through the elements of the page looking for matches of that saved innerHTML and swap them out with the new HTML.
Works wonderfully..... oops.... If you edit in IE, the IE replacements show up. If you edit in FireFox, the Firefox replacements show up.
So.... that's not going to work.
I'm really tired of screwing with this. Anyone have any ideas?