Home/ Questions/Q 6691377
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T05:44:41+00:00

I want an array of objects to monitor (loading of) each span element (using

  • 0

I want an array of objects to monitor (loading of) each span element (using XMLHTTPRequest to retrieve a URL on another page and place into the relevant span – I haven’t included this functionality below as I’m only interested in the object array).

I liked the idea of the following (Doug Crockford?) snippet, but I just can’t get it to work. I get:

URLLoad.LoadingTxt000003.SetLoadTimeout is not a function

Any ideas?

Here’s my code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>

<script language="javascript" type="text/javascript">

function URLLoad(id) {
    alert(id);

    return URLLoad[id] = {
        Tagid:id,
        LoadTimeout:0
    }
}

URLLoad.prototype.SetLoadTimeout = function(lt) {
    this.LoadTimeout = lt;
}

URLLoad("LoadingTxt000003");
URLLoad("LoadingTxt000005");

alert(URLLoad.LoadingTxt000003.DelayTimeout + URLLoad.LoadingTxt000005.DelayTimeout);

URLLoad['LoadingTxt000003'].SetLoadTimeout(20); //doesn't work
URLLoad.LoadingTxt000003.SetLoadTimeout(20);    //doesn't work

</script>

</head>

<body>

    <span id="LoadingTxt000003">...</span>
    <span id="LoadingTxt000005">...</span>

</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    In order to have prototypical inheritance work you need to do two things:

    1. Use the new operator when creating the object, in order to have a this with the correct prototype.

      new URLLoad(...)

    2. Not return a value from the constructor. The value you are returning doesn’t have the correct prototype but has precedence anyway.

      function URLLoad(){
    this.tagId = ...;
    this.timeOut = ...;
}

    Of course you might now complain that I am not doing the cacheing. Well, I think it is best to separate the construction from the cacheing.

    var cache = {};
function urlLoad(key){
    if(!cache[key]){ cache[key] = new URLLoad(key); }
    return cache[key];
}

    If you want to avoid having those exposed cache and URLLoad globals, we can make them private with the module pattern:

    var urlLoad = (function(){

    function URLLoad(){...};
    URLLoad.prototype = {...};

    var cache = {};
    function urlLoad(){...};

    return urlLoad;
}());
    • 0