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');