Refreshing The Window Opener

So here's a simple problem I had earlier this week while working on a personal project.

I had a webpage in an iframe that spanwed a window. The new window would either add a record to the database or update an existing record. The page that opened the window would then reflect the updated data.

Well for a while I tried various different things. Then I finally came upon the correct way to do it:

window.opener.location.reload(true);

So after I do my updates or additions, I run that code and it refreshes the data list and shows the new information.

Easy. As. Pie.

Multidimensional Arrays

Ah Multidimensional Arrays. Nothing too crazy in JavaScript. Just a little bit of this and that.

So typical arrays are fun and easy. You create them like so:

var colors = new Array();
colors[0] = "Red";
colors[1] = "Yellow";
colors[2] = "Blue";

Well that's fine and dandy, but what if you want to associate something with each of those? For example, what if you wanted to create a menu? You'll need at minimum a link name and a target. We could do something like this:

var colors = new Array();
colors[0] = new Array();
colors[0][0] = "red.htm";
colors[0][1] = "Red";

colors[1] = new Array();
colors[1][0] = "yellow.htm";
colors[1][1] = "Yellow";

colors[2] = new Array();
colors[2][0] = "blue.htm";
colors[2][1] = "Blue";

function createColors() {
    document.write('<ul id="colors">');
    for (var i = 0; i < colors.length; i++) {
        var link = colors[i][0];
        var title = colors[i][1];
        var link_title = '<li><a href="' + link + '">' + title + "</a></li>";
        document.write(link_title);
    }
    document.write("</ul>");
}

Then we would call it like this:

<script type="text/javascript">
<!--
createColors();
//-->
</script>

Of course you could add more things, like an id, a title... whatever else you would need.