Common code errors

Quote:

---

Originally Posted by boogyman

its invalid because it is not fully supported by all browsers.

---

It's supported by almost all modern browsers now.

Quote:

---

Originally Posted by boogyman

When dealing with IE, to accomplish the same affect, you would need to use

Code:

---

.innerText

---

---

???

Quote:

---

Originally Posted by Twey

The HTML is valid, the Javascript is not.

---

Right, that's it, thank you. The validators look at the HTML, not at the javascript.
===
Arie.

Now what to do in a situation in which the only thing that works in a specific browser is innerHTML?
Here's an illustration of what I mean. If you want to dynamically create a text/htm-object, you can do the following in all browsers but IE:

Code:

---

function create_external(the_id,url,object_style)
{
var inserted=document.getElementById(the_id);
}
while (inserted.firstChild) {inserted.removeChild(inserted.firstChild);}
OBJ = document.createElement("object");
OBJ.setAttribute('type','text/html');
OBJ.setAttribute('data',url);
OBJ.setAttribute('style',object_style);
inserted.appendChild(OBJ);
}

Usage: something like:
href="#" onclick="create_external('some_id','bla.html', 'position:relative; width:190px; height:250px; background-color:yellow; left:0px; border:1px solid red;margin-top:9px'); return false; "

---

But for IE, the only way to accomplish this is:

Code:

---

inserted.innerHTML='<object type="text/html" data="' + url + '", style="'+ object_style +'"><\/object>'
(Attribute assignment doesn't work for IE in this particular case).

---

In this situation, shouldn't we use innerHTML for the IE-case? (The only alternative is that we don't do it for IE).
See this thread for an illustration.
===
Arie.

Of course, legacy methods can and should be used as fallback for legacy browsers, should one choose to support them. You fall foul of 3.2, though, and additionally have failed to provide support for non-JS browsers, which would also be an acceptable fallback for IE.

setAttribute() and getAttribute() are never necessary in JS when dealing with HTML, and IE has some issues with them. They are used for programming languages which are incapable of looking up properties by a string name, and also for XML.

nice.

Code:

---

setAttribute() and getAttribute() are never necessary in JS when dealing with HTML, and IE has some issues with them. They are used for programming languages which are incapable of looking up properties by a string name, and also for XML.

---

...They are simply called as what the functions says. "Attributes". It's pointless in JS because you also have this:

Code:

---

array["someItem"]

---

For calling attributes as strings.

Best darned tips I've ever seen!!

-magicyte