JavaScript

John Simmons / outlaw programmer wrote:

The image isn't part of the page (yet), I'm simply creating it for later.

$('<img />').attr('src', 'http://urdomain.com/name.jpg').load(function(){
    if(true === this.complete) {
        var width = this.width;
        var height = this.height;
    } else {
        // unable to load image into memory
    }
});

John Simmons / outlaw programmer wrote:

Your suggestion didn't work

function MyClass
{
    this.property1 = 'somevalue1';
    this.property2 = 'somevalue2';

    this.Height = 0;
    this.Width = 0;

    $('<img />').attr({'id': id, 'src' : src}).load(function()
    {
        if (true === this.complete)
        {
            Width = this.width;
            Height = this.height;
        }
    });
}

function MyClass
{
    this.property1 = 'somevalue1';
    this.property2 = 'somevalue2';

    var Height = 0; // <----------
    var Width = 0;  // <----------

    $('<img />').attr({'id': id, 'src' : src}).load(function()
    {
        if (true === this.complete)
        {
            Width = this.width;
            Height = this.height;
        }
    });

    // and added these functions

    this.width = function()
    {
        return Width;
    }

    this.height = function()
    {
        return Height;    
    }
}

John Simmons / outlaw programmer wrote:

$('<img />').attr({'id': id, 'src' : src}).load(function()
{
if (true === this.complete)
{
Width = this.width;
Height = this.height;
}
});

John Simmons / outlaw programmer wrote:

I can't seem to get a grasp of how things are scoped.

 

Dennis E White wrote:

have you tried debugging with Chrome??

 

Dennis E White wrote:

hahaha... it's the whole this concept mixed with callback functions isn't it?

var TOH = function(in_path, in_parentDiv, in_mouseOver)
{
    var _array   = new Array(),
        _xmlFile = "",
        _data1   = "",

        init = function(path, parentDiv, mouseOver)
        {
            // this variable assigment seems to "stick" as expected
            _xmlFile = path + "datafile.xml";

            loadData();
        },

        loadData = function()
        {
            // sometimes the file gets loaded, sometimes it errors out. 
            // I'm having a real problem determining why.
            $.ajax
            ({
                 type: "GET"
                 ,url: _xmlFile
                 ,dataType: "xml"
                 ,success: function(xml)
                 {
                     parseConfig      ($(xml).find('Config'));
                     parseImages      ($(xml).find('Images'));
                 }
                 ,error: function(jqXHR, status, error) 
                 {
                     alert(error);
                 }
             });
       },

       parseConfig = function(nodelist)
       {
           // when this line executes, _data1 contains the expected string
           _data1 = $(nodelist).find("Item1").text();
           // when this function exits, _data1 is empty again
       },

       parseImages = function(nodeList)
       {
          if (nodeList != null)
          {
              $(nodeList).find('Image').each(function()
              {
                  var count = _array.length;
                  // TreeImage is an object defined elsewhere in the code
                  _array[count] = new TreeImage(this, count, _data1, 0);
              });
           }
           // when the code gets here, the _array has the expected number of 
           // elements, bit when the function returns, the _array is empty.
       };

    init(in_path, in_parentDiv, in_mouseOver);
};

var date = new Date(2012, 01, 20);
date.setDate(date.getDate() + 12);
alert(date); // Displays: "Sat Mar 03 2012 00:00:00 GMT+0000 (GMT Daylight Time)"

function splitString(myStr) {
    var regex = new RegExp(/[a-z]+[0-9]*[a-z]*=/ig);
    var keyPairs = myStr.match(regex).join('').split('=');
    var valuePairs = myStr.split(regex);
    document.write('======== Start ==========<br/>');
    document.write('INPUT:  ' + myStr + '<br/>');
    
    var map = {};
    for(var i = 0; i < keyPairs.length - 1; i++) {
        map[keyPairs[i]] = valuePairs[i+1];
    }
    for(key in map) {
        document.write(key + ' = ' + map[key] + '<br/>');
    }
    document.write('======== End ==========<br/><br/>');
}

splitString('x=123y=2013/02/01z=12345p=111');
splitString('pa1n=1234h1nd=4321gr33d=6789');

John Simmons / outlaw programmer wrote:

It turns out that the problem is actually in FireFox/FireBug. In IE, the code works fine. The world is now officially inside out because FireFox has now managed to out-suck IE.

Quote:

If you are using firebug, you should be aware that there are older versions that did not handle XHR in frames well. Firebug would be the sole cause of the last mentioned error.