var myImg=document.createElement(“img”)
img.src=”mistigri.jpg”
img.refForm=document.forms[0]
img.save=function(){this.refForm.save.click()}
img.onclick=this.save;

The basic problem I have is that I’ve got a page with what Access calls “continuous forms” (I call it a paper towel page, because there are a series of identical forms, each one displaying one record).

I’ve switched to using AJAX, so I need to rewrite the page and insert a node with a new form each time a record is added. There is a blank form at the end for this purpose. When its save button is clicked, the div node holding the form is cloned, and I copy the element contents to the new elements (interesting that a “deep” clone doesn’t do this …).

Then I rename and re-id each element. The problem comes in assigning the event handlers, since I’ve got to do it in a

frm["saveButton"].onclick = …

fashion, and the code has to use the id field value that came back with the XML response (note that the response is true XML, not HTML, which would make life easier since the script could be written with the ids embedded at the server end).

For actual form elements, that works fine, because the id value is stored in a hidden field in the form, so I can use a function() { … } approach, since the code is plain text (using frm.id.value to get the id). But, for example, an image clicked to collapse or expand the div can’t reference the form easily; I’d have to go backing up the node tree and coming down into the form.

So, I use:

imgShowHide.onclick = new Function(“toggleDisplay(” + intId + “);”);

Once the string is generated, that id value stays with the function and is protected from any changes.

var i = 10;
fct = function() {
  alert(i);
}

fct();

In your function example, the code is static — there is no code generated which could differ depending on the situation.

var alertNumber(”alert(’Number is ” + i + “);”);

was changed to

var alertNumber = new Function(“alert(‘Number is ” + i + “‘);”);

1. var i = 100;
2. // “dynamically” alert the i variable
3. var alertNumber(“alert(‘Number is ” + i + “);”);

What is “alertNumber” exactly? I’m confused as it’s kind of came out from nowhere.
Is it an instance of the “Function” class?

I used simple terms to make the distinction because not everyone is familiar with the more technical terms. But I have to admit that I should have referenced them… I will as soon as possible.