Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.

Dismiss

Can't refer to innerHTML contents

24 views

Skip to first unread message

javelin

unread,

Sep 10, 2007, 1:39:58 PM9/10/07

While using innerHTML to write new HTML to a DIV element, I'm finding
that I can't refer to any new element or text within that DIV. I am
using a simple AJAX call to load a page that has some JavaScript,
which references a select box's value, and pops up an alert telling
you the ID of the option you just clicked. If I load the page
directly, if works fine, but if I load it from within another page via
AJAX, if gives me an "Object Expected" error.

Is there a better way to do this?

Thanks.

Erwin Moller

unread,

Sep 10, 2007, 3:26:07 PM9/10/07

Hi,

It is not the div that somehow 'blocks references'. It is the fact your
Javascript doesn't get executed when inserted like that into a page.

Regards,
Erwin Moller

Randy Webb

unread,

Sep 10, 2007, 3:32:56 PM9/10/07

javelin said the following on 9/10/2007 1:39 PM:

> While using innerHTML to write new HTML to a DIV element, I'm finding
> that I can't refer to any new element or text within that DIV. I am
> using a simple AJAX call to load a page that has some JavaScript,

And your JS isn't getting executed. The result is that the function you
are trying to call doesn't exist and you get the error "Object Expected".

Simplest solution? Add this function to your page:

function loadHTMLFragment(elemId, HTMLFragment)
{
if (document &&
document.getElementById &&
document.getElementById(elemId) &&
document.createElement &&
document.appendChild &&
document.getElementsByTagName)
{
var el = document.getElementById(elemId);
el.innerHTML = " " + HTMLFragment;
//The   is a hack to cause IE to process the
//script elements if the first node in the
//HTMLFragment is a script element.

var d =el.getElementsByTagName('script');
var t = d.length;
for (var x=0;x<t;x++)
{
var newScript = document.createElement('script');
newScript.type = "text/javascript";
newScript.text = d[x].text;
el.appendChild(newScript);
}
for (var y=0;y<t;y++)
{
el.removeChild(el.getElementsByTagName("script")[0]);
}
}
}

And then in the current code where it inserts the returned page via
innerHTML, you change it. It probably looks something like this:

document.getElementById('someContainer').innerHTML = something.responseText;

Change that line to this:

loadHTMLFragment('someContainer', something.responseText)

If that doesn't solve the problem, post a URL to a sample page.

--
Randy
Chance Favors The Prepared Mind
comp.lang.javascript FAQ - http://jibbering.com/faq/index.html
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

Erwin Moller

unread,

Sep 11, 2007, 5:49:05 AM9/11/07

Hi Randy,

Great piece of code.
I didn't know that was around.
That will save me a lot of stupid, homebrew, custum-delimitted response,
and parsing. ;-)

Thanks!

Regards,
Erwin Moller

Randy Webb

unread,

Sep 11, 2007, 5:54:06 PM9/11/07

Erwin Moller said the following on 9/11/2007 5:49 AM:
> Randy Webb wrote:

<snip>

>> If that doesn't solve the problem, post a URL to a sample page.
>>
>
> Hi Randy,
>
> Great piece of code.

Thanks. Your reply made me sit down and improve on it though. As posted,
it didn't handle script elements with a src attribute. The new one does.
It also didn't work in a few browsers that didn't support setting the
.text property of a script element.

> I didn't know that was around.

I wrote it a long time ago in response to a question along the same
lines of this one.

> That will save me a lot of stupid, homebrew, custum-delimitted response,
> and parsing. ;-)

The new one will save you some more problems then :)
The indentation is a little off with lining up { and } (which I like to
do). But, it handles a .src attribute and should work in more Mac
browsers. If anybody has a mac and some time on there hands to test it
for me I would be appreciative.

Tested in IE7, FF1.5/2.0, Opera 9.23 and Safari3Win

var isIE = false;
/*@cc_on @*/
/*@if (@_jscript_version >= 4)
var isIE = true;
@end @*/

if(isIE)
{
HTMLFragment = " " + HTMLFragment;

//The   is a hack to cause IE to process the
//script elements if the first node in the
//HTMLFragment is a script element.
}

el.innerHTML = HTMLFragment;

var d =el.getElementsByTagName('script');
var t = d.length;
for (var x=0;x<t;x++)
{
var newScript = document.createElement('script');
newScript.type = "text/javascript";

if(d[x].src)
{
newScript.src = d[x].src;
}
else
{
if(isIE)
{

newScript.text = d[x].text;
}

else
{
var s = document.createTextNode(d[x].text);
newScript.appendChild(s);

}
}
el.appendChild(newScript);
}
for (var y=0;y<t;y++)
{
el.removeChild(el.getElementsByTagName("script")[0]);
}
}
}

You still call it the same way as before.

Erwin Moller

unread,

Sep 12, 2007, 5:15:01 AM9/12/07

Hi Randy,

Thanks again.
I saved that piece in my libs for future use. ;-)

Since this question (returning javascript via an xmlhttprequest) pops up
for everybody who starts with AJAX sooner or later, maybe we should
suggest to place this code into the FAQ?

here maybe?
http://jibbering.com/faq/index.html#FAQ4_44

What do you think?

Regards,
Erwin Moller

Randy Webb

unread,

Sep 12, 2007, 4:13:34 PM9/12/07

Erwin Moller said the following on 9/12/2007 5:15 AM:
> Randy Webb wrote:

<snip>

>> function loadHTMLFragment(elemId, HTMLFragment)

<snip>

>
> Hi Randy,
>
> Thanks again.
> I saved that piece in my libs for future use. ;-)
>
> Since this question (returning javascript via an xmlhttprequest) pops up
> for everybody who starts with AJAX sooner or later, maybe we should
> suggest to place this code into the FAQ?

That was the intent when I started working on it. The code needs some
more testing (non-PC users). I believe it is going to work anywhere
other than iCab and IE/Mac. The only thing that, I believe, needs to be
added to it for iCab and IE5.2 is a test to stay out of the function at
all since they both execute scripts inserted via innerHTML (or that is
what I have been told). I also do not know the usage of those two
browsers and whether they are even worth worrying about.

> here maybe?
> http://jibbering.com/faq/index.html#FAQ4_44
>
> What do you think?

Subject? I don't have a problem adding it.

"How do I get my AJAX inserted scripts to execute?"

Not the best but a start.

I would also prefer it has something to say about the actual problem and
that is the backend not being designed for the front end. The problem
arises from people simply retrieving documents and inserting them into
another document instead of redesigning the back end of a site to make
it AJAX compatible.

Erwin Moller

unread,

Sep 13, 2007, 5:56:04 AM9/13/07

Randy Webb wrote:
> Erwin Moller said the following on 9/12/2007 5:15 AM:
>> Randy Webb wrote:
>
> <snip>
>
>>> function loadHTMLFragment(elemId, HTMLFragment)
>
> <snip>
>
>>
>> Hi Randy,
>>
>> Thanks again.
>> I saved that piece in my libs for future use. ;-)
>>
>> Since this question (returning javascript via an xmlhttprequest) pops
>> up for everybody who starts with AJAX sooner or later, maybe we should
>> suggest to place this code into the FAQ?
>
> That was the intent when I started working on it. The code needs some
> more testing (non-PC users). I believe it is going to work anywhere
> other than iCab and IE/Mac. The only thing that, I believe, needs to be
> added to it for iCab and IE5.2 is a test to stay out of the function at
> all since they both execute scripts inserted via innerHTML (or that is
> what I have been told). I also do not know the usage of those two
> browsers and whether they are even worth worrying about.

Hi Randy,

IE5 on Mac was really a headache IMHO.
Coward as I am, I just gave up on it a few years ago after a few long
frustrating sessions.
I don't have statistics, but I don't expect it is used a lot nowadays.
And ICab?

If your code works for all major browsers except these two: well, I say
put it in the faq. :-)
I am sure that will make many users happy.

>
>> here maybe?
>> http://jibbering.com/faq/index.html#FAQ4_44
>>
>> What do you think?
>
> Subject? I don't have a problem adding it.
>
> "How do I get my AJAX inserted scripts to execute?"
>
> Not the best but a start.

Clear, to the point, subject.

>
> I would also prefer it has something to say about the actual problem and
> that is the backend not being designed for the front end. The problem
> arises from people simply retrieving documents and inserting them into
> another document instead of redesigning the back end of a site to make
> it AJAX compatible.

Yes, some background would certainly help new AJAX users.

If I knew enough about the matter I would offer to help to write a
little background. But I don't.
I can tell you what I, as a casual user, was thinking, and based on the
postings I found on the net about this matter, I think most people had
similar expectations:

I remember I was really surprised when I found out it didn't work.
For some (invalid) reason many people expect it to work right away. I
think most people see javascript as an intergral part of html (which it
isn't of course), and since all text, including all markup, appears just
fine after a command like getElementById("..").innerHTML = "bla", they
expect the javascript to be interpreted too.

Thanks again for the code.
Please put it in the faq someday. :-)

Regards,
Erwin Moller

The Natural Philosopher

unread,

Sep 13, 2007, 7:18:54 PM9/13/07

I found an odd one today.

The innerHTML thing cause some sort of wobbly in IE7.

I had a function which did lots of stuff incuding changing some text on
a screen. In IE7 it didn't work.

Eventually I discovered that nothing after a blah.innerHTML=myvariable;
command worked in that function.

So I put it at the end of the function, and all now works..

Q1/ Why?
Q2/ given a statement of the form <SPAN name="CHANGME">some text</SPAN>,
other than getelementsByName('CHANGEME')[0].InnerHTML="MYCRAP" how else
to achieve the same end?

Randy Webb

unread,

Sep 13, 2007, 10:31:41 PM9/13/07

The Natural Philosopher said the following on 9/13/2007 7:18 PM:

> I found an odd one today.

An odd "what"? Please quote what you are replying to.

> The innerHTML thing cause some sort of wobbly in IE7.

Test page?

> I had a function which did lots of stuff incuding changing some text on
> a screen. In IE7 it didn't work.

Then something else in your code was screwing it up.

> Eventually I discovered that nothing after a blah.innerHTML=myvariable;
> command worked in that function.

Then something else in your function was screwing it up.

> So I put it at the end of the function, and all now works..

Test page?

> Q1/ Why?

My stereo doesn't work. Why?
You can't diagnose what you can't see.

> Q2/ given a statement of the form <SPAN name="CHANGME">some text</SPAN>,
> other than getelementsByName('CHANGEME')[0].InnerHTML="MYCRAP" how else
> to achieve the same end?

Parse MYCRAP and use createTextNode and createElement.

Randy Webb

unread,

Sep 14, 2007, 12:00:49 AM9/14/07

Erwin Moller said the following on 9/13/2007 5:56 AM:

> Randy Webb wrote:
>> Erwin Moller said the following on 9/12/2007 5:15 AM:
>>> Randy Webb wrote:
>>
>> <snip>
>>
>>>> function loadHTMLFragment(elemId, HTMLFragment)
>>
>> <snip>
>>
>>>
>>> Hi Randy,
>>>
>>> Thanks again.
>>> I saved that piece in my libs for future use. ;-)
>>>
>>> Since this question (returning javascript via an xmlhttprequest) pops
>>> up for everybody who starts with AJAX sooner or later, maybe we
>>> should suggest to place this code into the FAQ?
>>
>> That was the intent when I started working on it. The code needs some
>> more testing (non-PC users). I believe it is going to work anywhere
>> other than iCab and IE/Mac. The only thing that, I believe, needs to
>> be added to it for iCab and IE5.2 is a test to stay out of the
>> function at all since they both execute scripts inserted via innerHTML
>> (or that is what I have been told). I also do not know the usage of
>> those two browsers and whether they are even worth worrying about.
>
> Hi Randy,
>
> IE5 on Mac was really a headache IMHO.
> Coward as I am, I just gave up on it a few years ago after a few long
> frustrating sessions.

Personally, I think IE5.2 on a mac has gone the way of NN4.xx where it
is a dead browser. It was replaced in 2003 by Safari as the default Mac
browser. No updates since 2000.
<URL: http://en.wikipedia.org/wiki/Internet_Explorer_for_Mac>

> I don't have statistics, but I don't expect it is used a lot nowadays.
> And ICab?

I don't have a lot of faith in web statistics and that belief is
reaffirmed because according to most statistics I can quickly locate
using Google puts the mac usage on the entire planet at about 4 users.

iCab is a little different than IE/Mac though as it had a release in
2006 so I wouldn't consider it a dead browser yet, just a hard one to
script.
<URL: http://en.wikipedia.org/wiki/ICab>

AS for supporting it, it is no harder to support ICab than it is IE5.2
with regards to script injection. They both will fire script elements
inserted via innerHTML (That is with text, never tested it with a .src
attribute).

> If your code works for all major browsers except these two: well, I say
> put it in the faq. :-)
> I am sure that will make many users happy.

I think it would end up like DynWrite where it has a "majority
satisfaction" code in the FAQ itself and then links to a Notes page
where the Notes page goes into detail and has a different version.
Probably let the FAQ version cover browsers that handle .text and let
the Notes version cover any browser where I can make it work.

>>> here maybe?
>>> http://jibbering.com/faq/index.html#FAQ4_44
>>>
>>> What do you think?
>>
>> Subject? I don't have a problem adding it.
>>
>> "How do I get my AJAX inserted scripts to execute?"
>>
>> Not the best but a start.
>
> Clear, to the point, subject.

I just don't like the AJAX part of it simply because there are more ways
to inject scripts than just AJAX.

>> I would also prefer it has something to say about the actual problem
>> and that is the backend not being designed for the front end. The
>> problem arises from people simply retrieving documents and inserting
>> them into another document instead of redesigning the back end of a
>> site to make it AJAX compatible.
>
> Yes, some background would certainly help new AJAX users.

That is a different subject though. To me anyway. "I want an AJAX site,
what do I need to do?"

> If I knew enough about the matter I would offer to help to write a
> little background. But I don't.

I discovered it by accident actually. I had an AOL account. They would
give you webspace. 2mb's with no banner, 20mb's if you allowed an AOL
banner. You could have 7 screen names and hot link to them. I was trying
to find a way to have a larger personal webpage without having a banner
and somehow I ended up at loading .js files so that all I would have to
store on the server was the data and not all the other HTML aspects. It
started there and ended up here. It wasn't something I set out to try to
discover.

> I can tell you what I, as a casual user, was thinking, and based on the
> postings I found on the net about this matter, I think most people had
> similar expectations:
>
> I remember I was really surprised when I found out it didn't work.

That was actually how I found out. Trying to load a .js file without
reloading the page. The ways I found were intriguing (I can do it in
NN4.xx for example). That was way back around 1999 or so.

> For some (invalid) reason many people expect it to work right away. I
> think most people see javascript as an intergral part of html (which it
> isn't of course), and since all text, including all markup, appears just
> fine after a command like getElementById("..").innerHTML = "bla", they
> expect the javascript to be interpreted too.

I was surprised the first time I tried it. I got lucky with c.l.j as a
place to find out different ways to do it.

>
> Thanks again for the code.
> Please put it in the faq someday. :-)

It will end up there, just a matter of when.

The Natural Philosopher

unread,

Sep 14, 2007, 5:31:59 AM9/14/07

IE5.2 is still the only browser that really works on a MAC OS9 machine.

Whilst a small and dwindling population, there are still machines out
there using it.

The Natural Philosopher

unread,

Sep 14, 2007, 5:41:28 AM9/14/07

Randy Webb wrote:
> The Natural Philosopher said the following on 9/13/2007 7:18 PM:
>> I found an odd one today.
>
> An odd "what"? Please quote what you are replying to.
>
>> The innerHTML thing cause some sort of wobbly in IE7.
>
> Test page?
>

OK. You asked for it. I have tried to remove some of the less relevant
stuff.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<TITLE>Currency Converter</TITLE>

<p> This form is used to convert other currencies to sterling, or
<i>vice versa</i> and also it can be used to
to update the currency rate for a particular currency.
<BR> Select the country you want, and enter the quantity of foreign, or
UK currency.
<BR>To update the exchange rate, check with the latest <A
HREF="http://www.xe.com/ucc/full.php" target="_blank">spot rates</A>,
key in that conversion factor and press the 'update rate' button.
<P><B>NOTE:</B> The rates are expressed in terms of how many units of
foreign currency one UKP will purchase.

</TD></TR></table>
</center>
<HR>
<script type="text/javascript" language="JavaScript">
var currency_name=new Array();
var rate=new Array();
var current_country_id=233;
var current_rate=1;
var current_currency="";
function new_country()
{

index=document.forms[0].country_id.selectedIndex;
current_country_id=document.forms[0].country_id[index].value;
current_rate=rate[current_country_id];
current_currency=currency_name[current_country_id];
document.getElementsByName("rate")[0].value=current_rate;
new_forint();
document.getElementsByName("forint")[0].innerHTML=current_currency;
<THIS IS WHAT CAUSES INDIGESTION THE ROUTINE APPERAS TO DO IT, BUT FAIL
AFTERWARDS. IF IT IS NOT THE LAST THING IN THE ROUTINE, NOTHING BEYOND
IT GETS EXECUTED: IE7 ONLY>

}
function new_rate()
{
new_sterling();
}
function new_sterling()
{
current_rate=document.getElementsByName("rate")[0].value;
sterling=document.getElementsByName("sterling")[0].value;
foreign_currency=Math.round(sterling*100*current_rate)/100;
document.getElementsByName("foreign_currency")[0].value=foreign_currency;
}
function new_forint()
{
current_rate=document.getElementsByName("rate")[0].value;
foreign_currency=document.getElementsByName("foreign_currency")[0].value;
sterling=Math.round((foreign_currency*100)/current_rate)/100;
document.getElementsByName("sterling")[0].value=sterling;
}
function submit_form()
{
current_rate=document.getElementsByName("rate")[0].value;
index=document.forms[0].country_id.selectedIndex;
current_country_id=document.forms[0].country_id[index].value;
current_currency=currency_name[current_country_id];
var message="\n\n" +
"_____________________________________________\n\n" +
"You have chosen to update the currency \n\"" + current_currency +
"\"\n" +
"With exchange rate of "+current_rate +" to the pound \n" +
"Please double check before proceeding!\n" +
"______________________________________________\n" ;
if (confirm(message))
{
document.getElementsByName("update")[0].value="yes";
document.forms[0].submit();
}
}

</script>
<center><table border="0" width="80%"><tr><td colspan="2" align="center">
<select name="country_id" onchange="new_country()">
<script type="text/javascript"
language="JavaScript">currency_name[1]="Russia
Rubles";rate[1]=51.6147;</script>
<option value="1">Abkhazia (RUB)</option>
<script type="text/javascript"
language="JavaScript">currency_name[2]="Afghanistan
Afghanis";rate[2]=99.697;</script>
<option value="2">Afghanistan (AFN)</option>
<script type="text/javascript"
language="JavaScript">currency_name[3]="Cyprus
Pounds";rate[3]=0.857854;</script>
<option value="3">Akrotiri and Dhekelia (CYP)</option>
<script type="text/javascript"
language="JavaScript">currency_name[4]="Euro";rate[4]=1.47272;</script>

<option value="4">Aland (EUR)</option>
<script type="text/javascript"
language="JavaScript">currency_name[5]="Albania
Leke";rate[5]=180.917;</script>
<option value="5">Albania (ALL)</option>
<script type="text/javascript"
language="JavaScript">currency_name[6]="Algeria
Dinars";rate[6]=137.477;</script>
<option value="6">Algeria (DZD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[7]="United States
Dollars";rate[7]=2.00668;</script>
<option value="7">American Samoa (USD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[8]="Euro";rate[8]=1.47272;</script>
<option value="8">Andorra (EUR)</option>

<option value="13">Armenia (AMD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[14]="Aruba
Guilder";rate[14]=3.58393;</script>
<option value="14">Aruba (AWG)</option>
<script type="text/javascript"
language="JavaScript">currency_name[15]="Saint Helena
Pound";rate[15]=1;</script>
<option value="15">Ascension Island (SHP)</option>
<script type="text/javascript"
language="JavaScript">currency_name[16]="Australia
Dollars";rate[16]=2.4425;</script>
<option value="16">Australia (AUD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[17]="Euro";rate[17]=1.47272;</script>
<option value="17">Austria (EUR)</option>

<option value="22">Barbados (BBD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[23]="Belarus
Ruble";rate[23]=4324.02;</script>
<option value="23">Belarus (BYR)</option>
<script type="text/javascript"
language="JavaScript">currency_name[24]="Euro";rate[24]=1.47272;</script>
<option value="24">Belgium (EUR)</option>
<script type="text/javascript"
language="JavaScript">currency_name[25]="Belize
Dollar";rate[25]=3.92381;</script>
<option value="25">Belize (BZD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[26]="CFA BCEAO
Francs";rate[26]=966.043;</script>
<option value="26">Benin (XOF)</option>

<option value="31">Botswana (BWP)</option>
<script type="text/javascript"
language="JavaScript">currency_name[32]="Brazil
Reais";rate[32]=3.98126;</script>
<option value="32">Brazil (BRL)</option>
<script type="text/javascript"
language="JavaScript">currency_name[241]="United States
Dollars";rate[241]=2.00668;</script>
<option value="241">British Virgin Islands (USD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[33]="Brunei
Dollar";rate[33]=3.05817;</script>
<option value="33">Brunei (BND)</option>
<script type="text/javascript"
language="JavaScript">currency_name[34]="Bulgaria
Leva";rate[34]=2.87991;</script>
<option value="34">Bulgaria (BGN)</option>

<option value="39">Cameroon (XAF)</option>
<script type="text/javascript"
language="JavaScript">currency_name[40]="Canada
Dollars";rate[40]=2.12945;</script>
<option value="40">Canada (CAD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[41]="Cape Verde
Escudo";rate[41]=162.477;</script>
<option value="41">Cape Verde (CVE)</option>
<script type="text/javascript"
language="JavaScript">currency_name[42]="Cayman Islands
Dollar";rate[42]=1.63995;</script>
<option value="42">Cayman Islands (KYD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[43]="CFA BEAC
Francs";rate[43]=966.043;</script>
<option value="43">Central African Republic (XAF)</option>

<option value="48">Cocos (Keeling) Islands (AUD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[49]="Colombia
Pesos";rate[49]=4296.51;</script>
<option value="49">Colombia (COP)</option>
<script type="text/javascript"
language="JavaScript">currency_name[50]="Komoro
Franc";rate[50]=723.857;</script>
<option value="50">Comoros (KMF)</option>
<script type="text/javascript"
language="JavaScript">currency_name[51]="Congo/Kinshasa
Franc";rate[51]=1120.76;</script>
<option value="51">Congo (CDF)</option>
<script type="text/javascript"
language="JavaScript">currency_name[52]="New Zealand
Dollars";rate[52]=2.85323;</script>
<option value="52">Cook Islands (NZD)</option>

<option value="57">Cyprus (CYP)</option>
<script type="text/javascript"
language="JavaScript">currency_name[58]="Czech Republic
Koruny";rate[58]=40.7156;</script>
<option value="58">Czech Republic (CZK)</option>
<script type="text/javascript"
language="JavaScript">currency_name[59]="Denmark
Kroner";rate[59]=10.962;</script>
<option value="59">Denmark (DKK)</option>
<script type="text/javascript"
language="JavaScript">currency_name[60]="Djibouti
Franc";rate[60]=351.371;</script>
<option value="60">Djibouti (DJF)</option>
<script type="text/javascript"
language="JavaScript">currency_name[61]="East Caribbean
Dollars";rate[61]=5.35782;</script>
<option value="61">Dominica (XCD)</option>

<option value="66">El Salvador (SVC)</option>
<script type="text/javascript"
language="JavaScript">currency_name[67]="CFA BEAC
Francs";rate[67]=966.043;</script>
<option value="67">Equatorial Guinea (XAF)</option>
<script type="text/javascript"
language="JavaScript">currency_name[68]="Eritraen
Nakfa";rate[68]=30.001;</script>
<option value="68">Eritrea (ERN)</option>
<script type="text/javascript"
language="JavaScript">currency_name[69]="Estonia
Krooni";rate[69]=23.0432;</script>
<option value="69">Estonia (EEK)</option>
<script type="text/javascript"
language="JavaScript">currency_name[70]="Ethipian
Birr";rate[70]=18.1476;</script>
<option value="70">Ethiopia (ETB)</option>

<option value="75">France (EUR)</option>
<script type="text/javascript"
language="JavaScript">currency_name[76]="Comptoirs Francais du Pacifique
Francs";rate[76]=175.743;</script>
<option value="76">French Polynesia (XPF)</option>
<script type="text/javascript"
language="JavaScript">currency_name[77]="CFA BEAC
Francs";rate[77]=966.043;</script>
<option value="77">Gabon (XAF)</option>
<script type="text/javascript"
language="JavaScript">currency_name[78]="Gambian
Dalasi";rate[78]=48.4126;</script>
<option value="78">Gambia (GMD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[79]="Georgian
Lari";rate[79]=3.31337;</script>
<option value="79">Georgia (GEL)</option>

<option value="84">Greenland (NOK)</option>
<script type="text/javascript"
language="JavaScript">currency_name[85]="East Caribbean
Dollars";rate[85]=5.35782;</script>
<option value="85">Grenada (XCD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[86]="United States
Dollars";rate[86]=2.00668;</script>
<option value="86">Guam (USD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[87]="Guatemalan
Quetzal";rate[87]=15.3384;</script>
<option value="87">Guatemala (GTQ)</option>
<script type="text/javascript"
language="JavaScript">currency_name[88]="United Kingdom
Pounds";rate[88]=1;</script>
<option value="88">Guernsey (GBP)</option>

<option value="93">Honduras (HNL)</option>
<script type="text/javascript"
language="JavaScript">currency_name[94]="Hong Kong
Dollars";rate[94]=15.6518;</script>
<option value="94">Hong Kong (HKD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[95]="Hungary
Forint";rate[95]=380.127;</script>
<option value="95">Hungary (HUF)</option>
<script type="text/javascript"
language="JavaScript">currency_name[96]="Iceland
Kronur";rate[96]=129.451;</script>
<option value="96">Iceland (ISK)</option>
<script type="text/javascript"
language="JavaScript">currency_name[97]="India
Rupees";rate[97]=82.2135;</script>
<option value="97">India (INR)</option>

<option value="102">Isle of Man (GBP)</option>
<script type="text/javascript"
language="JavaScript">currency_name[103]="Israel New
Shekels";rate[103]=8.29289;</script>
<option value="103">Israel (ILS)</option>
<script type="text/javascript"
language="JavaScript">currency_name[104]="Euro";rate[104]=1.47272;</script>
<option value="104">Italy (EUR)</option>
<script type="text/javascript"
language="JavaScript">currency_name[105]="Jamaica
Dollars";rate[105]=135.451;</script>
<option value="105">Jamaica (JMD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[106]="Japan
Yen";rate[106]=230.069;</script>
<option value="106">Japan (JPY)</option>

<option value="111">Kiribati (AUD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[247]="Euro";rate[247]=1.47272;</script>
<option value="247">Kosovo (EUR)</option>
<script type="text/javascript"
language="JavaScript">currency_name[114]="Kuwait
Dinars";rate[114]=0.56522;</script>
<option value="114">Kuwait (KWD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[115]="Kyrgyztan
Som";rate[115]=75.6077;</script>
<option value="115">Kyrgyzstan (KGS)</option>
<script type="text/javascript"
language="JavaScript">currency_name[116]="Laos
Kip";rate[116]=19150.4;</script>
<option value="116">Laos (LAK)</option>

<option value="121">Libya (LYD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[122]="Switzerland
Francs";rate[122]=2.40951;</script>
<option value="122">Liechtenstein (CHF)</option>
<script type="text/javascript"
language="JavaScript">currency_name[123]="Lithuanian
Litas";rate[123]=5.07915;</script>
<option value="123">Lithuania (LTL)</option>
<script type="text/javascript"
language="JavaScript">currency_name[124]="Euro";rate[124]=1.47272;</script>
<option value="124">Luxembourg (EUR)</option>
<script type="text/javascript"
language="JavaScript">currency_name[125]="Macau
Pataca";rate[125]=16.0777;</script>
<option value="125">Macau (MOP)</option>

<option value="130">Maldives (MVR)</option>
<script type="text/javascript"
language="JavaScript">currency_name[131]="CFA BCEAO
Francs";rate[131]=966.043;</script>
<option value="131">Mali (XOF)</option>
<script type="text/javascript"
language="JavaScript">currency_name[132]="Malta
Liri";rate[132]=0.635414;</script>
<option value="132">Malta (MTL)</option>
<script type="text/javascript"
language="JavaScript">currency_name[133]="United States
Dollars";rate[133]=2.00668;</script>
<option value="133">Marshall Islands (USD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[134]="Mauritanian
Ouguiya";rate[134]=508.423;</script>
<option value="134">Mauritania (MRO)</option>

<option value="139">Moldova (MDL)</option>
<script type="text/javascript"
language="JavaScript">currency_name[140]="Euro";rate[140]=1.47272;</script>
<option value="140">Monaco (EUR)</option>
<script type="text/javascript"
language="JavaScript">currency_name[141]="Mongolians
Tughrik";rate[141]=2370.23;</script>
<option value="141">Mongolia (MNT)</option>
<script type="text/javascript"
language="JavaScript">currency_name[142]="Euro";rate[142]=1.47272;</script>
<option value="142">Montenegro (EUR)</option>
<script type="text/javascript"
language="JavaScript">currency_name[143]="East Caribbean
Dollars";rate[143]=5.35782;</script>
<option value="143">Montserrat (XCD)</option>

<option value="148">Namibia (ZAR)</option>
<script type="text/javascript"
language="JavaScript">currency_name[149]="Australia
Dollars";rate[149]=2.4425;</script>
<option value="149">Nauru (AUD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[150]="Nepalese
Rupee";rate[150]=130.872;</script>
<option value="150">Nepal (NPR)</option>
<script type="text/javascript"
language="JavaScript">currency_name[151]="Euro";rate[151]=1.47272;</script>
<option value="151">Netherlands (EUR)</option>
<script type="text/javascript"
language="JavaScript">currency_name[152]="Netherland Anitlles
Guilder";rate[152]=3.56365;</script>
<option value="152">Netherlands Antilles (ANG)</option>

<option value="157">Nigeria (NGN)</option>
<script type="text/javascript"
language="JavaScript">currency_name[158]="New Zealand
Dollars";rate[158]=2.85323;</script>
<option value="158">Niue (NZD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[159]="Australia
Dollars";rate[159]=2.4425;</script>
<option value="159">Norfolk Island (AUD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[112]="North Korean
Won";rate[112]=285.168;</script>
<option value="112">North Korea (KPW)</option>
<script type="text/javascript"
language="JavaScript">currency_name[162]="North Korean
Won";rate[162]=285.168;</script>
<option value="162">North Korea (KPW)</option>

<option value="165">Pakistan (PKR)</option>
<script type="text/javascript"
language="JavaScript">currency_name[166]="United States
Dollars";rate[166]=2.00668;</script>
<option value="166">Palau (USD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[167]="Israel New
Shekels";rate[167]=8.29289;</script>
<option value="167">Palestine (ILS)</option>
<script type="text/javascript"
language="JavaScript">currency_name[168]="Panama
Balboa";rate[168]=2.00108;</script>
<option value="168">Panama (PAB)</option>
<script type="text/javascript"
language="JavaScript">currency_name[169]="Papua New Guinea
Kina";rate[169]=5.89153;</script>
<option value="169">Papua New Guinea (PGK)</option>

<option value="174">Poland (PLN)</option>
<script type="text/javascript"
language="JavaScript">currency_name[175]="Euro";rate[175]=1.47272;</script>
<option value="175">Portugal (EUR)</option>
<script type="text/javascript"
language="JavaScript">currency_name[176]="United States
Dollars";rate[176]=2.00668;</script>
<option value="176">Puerto Rico (USD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[177]="Qatar
Riyals";rate[177]=7.3043;</script>
<option value="177">Qatar (QAR)</option>
<script type="text/javascript"
language="JavaScript">currency_name[178]="Romania New
Lei";rate[178]=4.77709;</script>
<option value="178">Romania (RON)</option>

<option value="183">Saint Helena (SHP)</option>
<script type="text/javascript"
language="JavaScript">currency_name[184]="East Caribbean
Dollars";rate[184]=5.35782;</script>
<option value="184">Saint Kitts and Nevis (XCD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[185]="East Caribbean
Dollars";rate[185]=5.35782;</script>
<option value="185">Saint Lucia (XCD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[186]="Euro";rate[186]=1.47272;</script>
<option value="186">Saint Martin (EUR)</option>
<script type="text/javascript"
language="JavaScript">currency_name[187]="Euro";rate[187]=1.47272;</script>
<option value="187">Saint Pierre and Miquelon (EUR)</option>

<option value="192">Saudi Arabia (SAR)</option>
<script type="text/javascript"
language="JavaScript">currency_name[193]="CFA BCEAO
Francs";rate[193]=966.043;</script>
<option value="193">Senegal (XOF)</option>
<script type="text/javascript"
language="JavaScript">currency_name[194]="Serbia
Dinar";rate[194]=120.433;</script>
<option value="194">Serbia (RSD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[195]="Seychelles
Rupee";rate[195]=13.5686;</script>
<option value="195">Seychelles (SCR)</option>
<script type="text/javascript"
language="JavaScript">currency_name[196]="Sierra Leone
Leone";rate[196]=5907.71;</script>
<option value="196">Sierra Leone (SLL)</option>

<option value="201">Somalia (SOS)</option>
<script type="text/javascript"
language="JavaScript">currency_name[202]="Somalia
Shilling";rate[202]=2667.7;</script>
<option value="202">Somaliland (SOS)</option>
<script type="text/javascript"
language="JavaScript">currency_name[203]="South Africa
Rand";rate[203]=14.579;</script>
<option value="203">South Africa (ZAR)</option>
<script type="text/javascript"
language="JavaScript">currency_name[113]="South Korea
Won";rate[113]=1883.87;</script>
<option value="113">South Korea (KRW)</option>
<script type="text/javascript"
language="JavaScript">currency_name[204]="South Korea
Won";rate[204]=1883.87;</script>
<option value="204">South Korea (KRW)</option>

<option value="209">Suriname (SRD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[210]="Norway
Kroner";rate[210]=11.7005;</script>
<option value="210">Svalbard (NOK)</option>
<script type="text/javascript"
language="JavaScript">currency_name[211]="Swaziland
Lilangeni";rate[211]=14.6052;</script>
<option value="211">Swaziland (SZL)</option>
<script type="text/javascript"
language="JavaScript">currency_name[212]="Sweden
Kronor";rate[212]=13.809;</script>
<option value="212">Sweden (SEK)</option>
<script type="text/javascript"
language="JavaScript">currency_name[213]="Switzerland
Francs";rate[213]=2.40951;</script>
<option value="213">Switzerland (CHF)</option>

<option value="218">Thailand (THB)</option>
<script type="text/javascript"
language="JavaScript">currency_name[219]="CFA BCEAO
Francs";rate[219]=966.043;</script>
<option value="219">Togo (XOF)</option>
<script type="text/javascript"
language="JavaScript">currency_name[220]="New Zealand
Dollars";rate[220]=2.85323;</script>
<option value="220">Tokelau (NZD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[221]="Tongan
Pa'anga";rate[221]=3.99316;</script>
<option value="221">Tonga (TOP)</option>
<script type="text/javascript"
language="JavaScript">currency_name[222]="Euro";rate[222]=1.47272;</script>
<option value="222">Transnistria (EUR)</option>

<option value="227">Turkmenistan (TMM)</option>
<script type="text/javascript"
language="JavaScript">currency_name[228]="United States
Dollars";rate[228]=2.00668;</script>
<option value="228">Turks and Caicos Islands (USD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[229]="Australia
Dollars";rate[229]=2.4425;</script>
<option value="229">Tuvalu (AUD)</option>
<script type="text/javascript"
language="JavaScript">currency_name[230]="Ugandan
Shilling";rate[230]=3586.66;</script>
<option value="230">Uganda (UGX)</option>
<script type="text/javascript"
language="JavaScript">currency_name[231]="Ukraine
Hryvna";rate[231]=10.0391;</script>
<option value="231">Ukraine (UAH)</option>

<option value="236">Uzbekistan (UZS)</option>
<script type="text/javascript"
language="JavaScript">currency_name[237]="Vanuatu
Vatu";rate[237]=194.847;</script>
<option value="237">Vanuatu (VUV)</option>
<script type="text/javascript"
language="JavaScript">currency_name[238]="Euro";rate[238]=1.47272;</script>
<option value="238">Vatican City (EUR)</option>
<script type="text/javascript"
language="JavaScript">currency_name[239]="Venezuela
Bolivares";rate[239]=4300.51;</script>
<option value="239">Venezuela (VEB)</option>
<script type="text/javascript"
language="JavaScript">currency_name[240]="Vietnam
Dong";rate[240]=32433.6;</script>
<option value="240">Vietnam (VND)</option>

<option value="246">Zimbabwe (ZWD)</option>

</select></td></tr><TR><TD align="right">Foreign currency: <span
name="forint">United Kingdom Pounds</span></TD>
<TD align="center"><input type="text" name="foreign_currency" size="10"
maxlength="10" value="100" onchange="new_forint()"></TD></TR>
<TR><TD align="right"> Sterling equivalent: Sterling</td>
<TD align="center"><input type="text" name="sterling" size="10"
maxlength="10" value="100" onchange="new_sterling()"></TD></TR>
<TR><TD align="right"> Exchange Rate: </td><td align="center"><input
type="text" name="rate" size="10" length="10" maxlength="10" value="1"
onchange="new_rate()"></TD></TR>
<TR><TD></TD><TD align="center" width="180px" height="55px"
background="../Images/Button1.gif"><b class="s3" onclick="submit_form()"
>Update Rate</b></td></TR>
</table></center><Input type="hidden" name="update" value="">
<script>new_country();</script>

</FORM>
</BODY>
</HTML>

>> I had a function which did lots of stuff incuding changing some text
>> on a screen. In IE7 it didn't work.
>
> Then something else in your code was screwing it up.
>

One hopes so, but I can't see what, or I would NOT be asking.

>> Eventually I discovered that nothing after a
>> blah.innerHTML=myvariable; command worked in that function.
>
> Then something else in your function was screwing it up.
>
>> So I put it at the end of the function, and all now works..
>
> Test page?
>

Above.

>> Q1/ Why?
>
> My stereo doesn't work. Why?
> You can't diagnose what you can't see.
>

Ok. There she is.
Works too.

>> Q2/ given a statement of the form <SPAN name="CHANGME">some
>> text</SPAN>, other than
>> getelementsByName('CHANGEME')[0].InnerHTML="MYCRAP" how else to
>> achieve the same end?
>
> Parse MYCRAP and use createTextNode and createElement.

OK I'll look into that.

The Natural Philosopher

unread,

Sep 14, 2007, 5:56:37 AM9/14/07

OK. You asked for it. I have tried to remove some of the less relevant
stuff.

</FORM>
</BODY>
</HTML>

>> I had a function which did lots of stuff incuding changing some text
>> on a screen. In IE7 it didn't work.
>
> Then something else in your code was screwing it up.
>

One hopes so, but I can't see what, or I would NOT be asking.

>> Eventually I discovered that nothing after a

>> blah.innerHTML=myvariable; command worked in that function.
>
> Then something else in your function was screwing it up.
>
>> So I put it at the end of the function, and all now works..
>
> Test page?
>

Above.

>> Q1/ Why?
>
> My stereo doesn't work. Why?
> You can't diagnose what you can't see.
>

Ok. There she is.
Works too.

>> Q2/ given a statement of the form <SPAN name="CHANGME">some

>> text</SPAN>, other than
>> getelementsByName('CHANGEME')[0].InnerHTML="MYCRAP" how else to
>> achieve the same end?
>
> Parse MYCRAP and use createTextNode and createElement.

Henry

unread,

Sep 14, 2007, 6:50:17 AM9/14/07

On Sep 14, 10:41 am, The Natural Philosopher wrote:
> Randy Webb wrote:
>> The Natural Philosopher said the following on 9/13/2007 7:18 PM:
>>> I found an odd one today.
>
> > An odd "what"? Please quote what you are replying to.
>
>>> The innerHTML thing cause some sort of wobbly in IE7.
>
>> Test page?
>
> OK. You asked for it. I have tried to remove some of the
> less relevant stuff.

Not that hard, as you have not even removed the LINK to the style
sheet.

> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<snip>

> <link rel=stylesheet href="../Styles/Style.css" type="text/css">

<snip>

Your page produces an error is shown in a browser (which is hardly
something that should be described as "some sort of wobbly"). That
error is: "document.getElementsByName(...).0 is null or not an object"
on line 51, and the line you are complaining causes the problem
reads:-

document.getElementsByName("forint")[0].innerHTML=current_currency;

- and happens to be line 51.

The minimum cut-down version of your page that demonstrates this
problem is:-

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<TITLE>Currency Converter</TITLE>

</head>
<body>

<span name="forint">United Kingdom Pounds</span>

</BODY>
</HTML>

- and the problem is that SPAN elements are not defined as having NAME
attributes in (x)HTML and so trying to use - getElementsByName - to
reference a SPAN element with a (non-valid) NAME attribute should
never be expected to work in an HTML DOM, and any evidence of one or
two environments that may put up with is does not change that.

But then, given how structurally invalid your whole document is (the
SELECT element's contents are literally laughable), you should have no
expectation that anything you will work.

The Natural Philosopher

unread,

Sep 14, 2007, 7:01:11 AM9/14/07

Thanks for that. I can use other than a <span> statement.

> But then, given how structurally invalid your whole document is (the
> SELECT element's contents are literally laughable), you should have no
> expectation that anything you will work.

well it happens to be easier to spit that out that way in PHP that's all.

If you would care to explain why exactly the elements are so laughable,
I am always willing to learn.

This was my first ever attempt at any javascript beyond the most basic.

You might say I have less than 10 days real experience of *javascript*
programming.. ;-)

Randy Webb

unread,

Sep 14, 2007, 7:07:41 AM9/14/07

The Natural Philosopher said the following on 9/14/2007 5:56 AM:

> Randy Webb wrote:
>> The Natural Philosopher said the following on 9/13/2007 7:18 PM:
>>> I found an odd one today.
>>
>> An odd "what"? Please quote what you are replying to.
>>
>>> The innerHTML thing cause some sort of wobbly in IE7.
>>
>> Test page?
>>
>
> OK. You asked for it. I have tried to remove some of the less relevant
> stuff.

<snip>

> document.getElementsByName("forint")[0].innerHTML=current_currency;
> <THIS IS WHAT CAUSES INDIGESTION THE ROUTINE APPERAS TO DO IT, BUT FAIL
> AFTERWARDS. IF IT IS NOT THE LAST THING IN THE ROUTINE, NOTHING BEYOND
> IT GETS EXECUTED: IE7 ONLY>

That isn't IE balking on the innerHTML, it is IE not finding the span
element via getElementsByName[0]. The simplest solution is to change the
line to this:

document.getElementById('forint').innerHTML = current_currency;

And then change this:

To this:

And your problem is solved. Again, it isn't an issue with innerHTML at
all. You might also try validating that HTML.

>>> I had a function which did lots of stuff incuding changing some text
>>> on a screen. In IE7 it didn't work.
>>
>> Then something else in your code was screwing it up.
>>
>
> One hopes so, but I can't see what, or I would NOT be asking.

See above. It wasn't the innerHTML that was causing the error. Reading
the error message in IE would have pointed you to it though. The error
message is:

document.getElementsByName(...)[0] is null or not an object

That tells you it never made it to the innerHTML part of the statement.

>>> Q1/ Why?
>>
>> My stereo doesn't work. Why?
>> You can't diagnose what you can't see.
>>
>
> Ok. There she is.
> Works too.

What works? My stereo? Only cost me five hundred dollars but it does
work now (he wouldn't fix it without seeing it and three hundred of it
was the windows I broke with it after it was fixed).

>>> Q2/ given a statement of the form <SPAN name="CHANGME">some
>>> text</SPAN>, other than
>>> getelementsByName('CHANGEME')[0].InnerHTML="MYCRAP" how else to
>>> achieve the same end?
>>
>> Parse MYCRAP and use createTextNode and createElement.
>
>
> OK I'll look into that.

Simpler is to give it an ID and use gEBI instead and solve your problem
and make your coding easier.

Randy Webb

unread,

Sep 14, 2007, 7:14:54 AM9/14/07

The Natural Philosopher said the following on 9/14/2007 7:01 AM:
> Henry wrote:

<snip>

>> - and the problem is that SPAN elements are not defined as having NAME
>> attributes in (x)HTML and so trying to use - getElementsByName - to
>> reference a SPAN element with a (non-valid) NAME attribute should
>> never be expected to work in an HTML DOM, and any evidence of one or
>> two environments that may put up with is does not change that.
>>
> Thanks for that. I can use other than a <span> statement.

See my other reply for an even easier solution. Changing it to a div
element doesn't correct the error though.

>> But then, given how structurally invalid your whole document is (the
>> SELECT element's contents are literally laughable), you should have no
>> expectation that anything you will work.
>
> well it happens to be easier to spit that out that way in PHP that's all.

Just because something is easier doesn't make it the best way. Jumping
off a bridge is "easier" than paying 10 million dollars in debt.......

> If you would care to explain why exactly the elements are so laughable,
> I am always willing to learn.

Run it through the W3C validator. It is better at explaining it than I
am. Script elements are not allowed as children of an option element though.

Randy Webb

unread,

Sep 14, 2007, 7:22:51 AM9/14/07

The Natural Philosopher said the following on 9/14/2007 5:31 AM:
> Randy Webb wrote:

<snip>

>> Personally, I think IE5.2 on a mac has gone the way of NN4.xx where it

>> is a dead browser. It was replaced in 2003 by Safari as the default
>> Mac browser. No updates since 2000.
>> <URL: http://en.wikipedia.org/wiki/Internet_Explorer_for_Mac>
>
> IE5.2 is still the only browser that really works on a MAC OS9 machine.
>
> Whilst a small and dwindling population, there are still machines out
> there using it.

One of these days when I am sleepless and bored I will figure out a way
to incorporate IE5.2 and iCab into a general script. It isn't that hard,
it is just a matter of me deciding the best way I want to achieve it
without causing extra global variables and/or duplicate processing of
code. Both IE5.2 and iCab will execute scripts inserted with innerHMTL,
it is just a matter of adding a test for it to prevent errors.

The code is as simple as this:

innerHTMLFailed = true;
document.getElementById('someContainer').innerHTML =
'<script type="text/javascript">
innerHTMLFailed = false;
</script>'
//The above goes on one line.

if(innerHTMLFailed){
//code here to read the innerHTML, parse out the
//the script blocks and execute the scripts in them
}

The assignment to innerHMTL would either have to be after the element or
in an onload event (either window or body). I also need to re-write the
function in an order I like better with the feature testing.

The Natural Philosopher

unread,

Sep 14, 2007, 7:47:36 AM9/14/07

Randy Webb wrote:
> The Natural Philosopher said the following on 9/14/2007 7:01 AM:
>> Henry wrote:
>
> <snip>
>
>>> - and the problem is that SPAN elements are not defined as having NAME
>>> attributes in (x)HTML and so trying to use - getElementsByName - to
>>> reference a SPAN element with a (non-valid) NAME attribute should
>>> never be expected to work in an HTML DOM, and any evidence of one or
>>> two environments that may put up with is does not change that.
>>>
>> Thanks for that. I can use other than a <span> statement.
>
> See my other reply for an even easier solution. Changing it to a div
> element doesn't correct the error though.
>
>>> But then, given how structurally invalid your whole document is (the
>>> SELECT element's contents are literally laughable), you should have no
>>> expectation that anything you will work.
>>
>> well it happens to be easier to spit that out that way in PHP that's all.
>
> Just because something is easier doesn't make it the best way. Jumping
> off a bridge is "easier" than paying 10 million dollars in debt.......
>
>> If you would care to explain why exactly the elements are so
>> laughable, I am always willing to learn.
>
> Run it through the W3C validator. It is better at explaining it than I
> am. Script elements are not allowed as children of an option element
> though.
>

Oh. Didn't know that. well its easy enough to run the loop twice and
pull them outside it.

Thanks again.

Edmund Maruhn

unread,

Sep 12, 2013, 11:53:59 AM9/12/13

A bit old this thread but someone may find this useful.
Today I found the loadHTMLFragment function here and tried to add it into a project. After integration an exception was raised by the function when it attempts to remove the old script children.
I tweaked it a bit and now it has two improvements:

1. The exception has gone
2. Each script element becomes integrated at the exact same place as the old one was placed in the structure. Means you will get the same sub-tree as before. The previous version (at the beginning of the thread) added all scripts at the end of the element indicated by the element-id passed in to the function.

Maybe this has been solved already by someone before my post here. However, here is my solution:

function loadHTMLFragment(elementId, fragment)
{

if (document &&
document.getElementById &&

document.getElementById(elementId) &&

document.createElement &&
document.appendChild &&
document.getElementsByTagName) {

var element = document.getElementById(elementId)
//   forces IE to process script elements if the first node
// is a script element
element.innerHTML = " " + fragment;

var scriptChildren = element.getElementsByTagName('script');
var length = scriptChildren.length;
var scripts = [],
newScript,
oldScript;

for (var scriptIndex = 0; scriptIndex < length; ++scriptIndex) {
oldScript = scriptChildren[scriptIndex];

newScript = document.createElement('script');
newScript.type = "text/javascript";

newScript.text = oldScript.text;
scripts.push({
oldScript: oldScript,
newScript: newScript
});
}
/*
function getChildIndex(child) {
var index = 1;
while (node = node.previousSibling) {
if (node.nodeType === 1) {
index++;
}
}
return index;
}
*/
var parent,
current,
before,
length = scripts.length;

for (var scriptIndex = 0; scriptIndex < length; ++scriptIndex) {
current = scripts[scriptIndex];
parent = current.oldScript.parentNode;
before = current.oldScript.nextSibling;
parent.removeChild(current.oldScript);
parent.insertBefore(current.newScript, before);
}
}
}

Thomas 'PointedEars' Lahn

unread,

Sep 12, 2013, 12:24:32 PM9/12/13

Edmund Maruhn wrote:

> A bit old this thread

“A bit old” indeed – it is from 2007, so hardly relevant in 2013. A lot has
changed in the meantime. Only Google Groups users would see it because
Google Groups is (based on) a Usenet archive, and it is FUBAR on top of
that. Please either do not use it or tell Google to fix it. TIA.

> […]

> Maybe this has been solved already by someone before my post here.

Maybe, during those 6 years.

> However, here is my solution:
>
> function loadHTMLFragment(elementId, fragment)
> {
> if (document &&
> document.getElementById &&

This (type-converting a host object's method) will break in not that recent
IE/MSHTMLs.

> document.getElementById(elementId) &&
> document.createElement &&

Same here.

> document.appendChild &&
> document.getElementsByTagName) {

And here. Consider jsx.object.isHostMethod() and the like instead:

<http://PointedEars.de/wsvn/JSX/trunk/object.js>

Your code does not appear to solve a real problem, let alone the unreal
problem the OP had 6 years(!) ago.

--
PointedEars

Twitter: @PointedEars2
Please do not Cc: me. / Bitte keine Kopien per E-Mail.

Evertjan.

unread,

Sep 12, 2013, 2:31:39 PM9/12/13

Thomas 'PointedEars' Lahn wrote on 12 sep 2013 in comp.lang.javascript:

> Your code does not appear to solve a real problem, let alone the unreal
> problem the OP had 6 years(!) ago.

if (Javascript && beginnersLuck)
alert('Works!')
else
alert('Not!');

// ;-(

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

0 new messages