How to add javascript code dynmically?

[cotton_gear]

Hello,

I need to add some javascript code block dynamically to a web page.
I looked into the various postings at various groups but none seems to
be solving my problem.

Among the approaches suggested first one is to create a script element
and set its properties (src etc) and then adding this script element to
the head element.
This works good for a dynamically including the files. But, in my case
I do not have any files but generating the content dynamically which
should be available to other javascript functions in the page. The
script that I need to add dynmically is given below :
------------------------------------------------------------
var numberOfReowsDisplayed =
eval(formFieldsArray[getNetuiTagName("numberOfRecordsDisplayed",this)]).value

if(netui_names && numberOfReowsDisplayed && numberOfReowsDisplayed > 0
){
s = ''
for(i=0; i<numberOfReowsDisplayed; i++){
s = s +
"netui_names.startDate["+i+"]={actionForm.serviceProductAssociation[" +
i + "].startDate}" + "\n"
}

}
------------------------------------------------------------
Content of the variable 's' needs to be added dynamically.
I cant do this at the server side as the formFieldsArray is generateed
by the netUi framework, control of which I dont have, hence I cant
decide if I should output when I am on the server side.
I am crossing deadline and tired of various trial and errors.

Any help is greatly appreciated.

Thanks a ton,
cg

[VK]

> ...

Content of the variable 's' needs to be added dynamically.

To where? I mean do you need i) an "s" block conditionally executed in
the main script stream or ii) you need to conditionally extend with "s"
an existing function/object or iii) you need to conditionally create
new "s"-based function/object?

[cotton_gear]

Thanks VK, for your quick response.

1) . "s" is a variable that I have bulit conditionally which contains
additional elements of an array already rendered as a global variable
by the server side netui framework. For example, the server side
framework outputs the below block

//---------------------------------------------------------------------------------------------------
// Build the netui_names table to map the tagId attributes
// to the real id written into the HTML
if (netui_names == null)
var netui_names = new Object();
netui_names.action="{actionForm.action}"
netui_names.numberOfRecordsDisplayed="{actionForm. numberOfRecordsDisplayed}"
netui_names.startDate="{actionForm.serviceProductA ssociation[9].startDate}"
netui_names.productCategory="wlw-select_key:{actionForm.productCategory}"
netui_names.productSeries="{actionForm.productSeri es}"
netui_names.productLine="{actionForm.productLine}"
netui_names.productDescription="{actionForm.produc tDescription}"
netui_names.newServiceProductForm="newServiceProdu ctForm"
netui_names.isAssociated="wlw-checkbox_key:{actionForm.serviceProductAssociation[9].isAssociated}"
netui_names.programs="wlw-select_key:{actionForm.programId}"
netui_names.productGroup="{actionForm.productGroup }"
netui_names.productNumber="{actionForm.productNumb er}"
netui_names.serviceProducts="wlw-select_key:{actionForm.spId}"
netui_names.endDate="{actionForm.serviceProductAss ociation[9].endDate}"
netui_names.currentPage="{actionForm.currentPage}"
//---------------------------------------------------------------------------------------------------

I need to extend the contenet of the array by adding the below elements
(this will be the content of variable 's' )

//-----------------------------------------------------------------------------------------------------------------------
netui_names.startDate[0]={actionForm.serviceProductAssociation[0].startDate}
netui_names.startDate[1]={actionForm.serviceProductAssociation[1].startDate}
netui_names.startDate[2]={actionForm.serviceProductAssociation[2].startDate}
netui_names.startDate[3]={actionForm.serviceProductAssociation[3].startDate}
netui_names.startDate[4]={actionForm.serviceProductAssociation[4].startDate}
netui_names.startDate[5]={actionForm.serviceProductAssociation[5].startDate}
netui_names.startDate[6]={actionForm.serviceProductAssociation[6].startDate}
netui_names.startDate[7]={actionForm.serviceProductAssociation[7].startDate}
netui_names.startDate[8]={actionForm.serviceProductAssociation[8].startDate}
netui_names.startDate[9]={actionForm.serviceProductAssociation[9].startDate}
//-----------------------------------------------------------------------------------------------------------------------

2) . I need to add s to the webpage so that it is accessible globally
in javascript ( in onclick functions etc) .

Please suggest.

Thanks and Regards,
CG

[Julian Turner]

cotton_gear wrote:

Hello,

I need to add some javascript code block dynamically to a web page.
I looked into the various postings at various groups but none seems to
be solving my problem.

Among the approaches suggested first one is to create a script element
and set its properties (src etc) and then adding this script element to
the head element.
This works good for a dynamically including the files. But, in my case
I do not have any files but generating the content dynamically which
should be available to other javascript functions in the page. The
script that I need to add dynmically is given below :
------------------------------------------------------------
var numberOfReowsDisplayed =
eval(formFieldsArray[getNetuiTagName("numberOfRecordsDisplayed",this)]).value

if(netui_names && numberOfReowsDisplayed && numberOfReowsDisplayed > 0
){
s = ''
for(i=0; i<numberOfReowsDisplayed; i++){
s = s +
"netui_names.startDate["+i+"]={actionForm.serviceProductAssociation[" +
i + "].startDate}" + "\n"
}

}
------------------------------------------------------------
Content of the variable 's' needs to be added dynamically.
I cant do this at the server side as the formFieldsArray is generateed
by the netUi framework, control of which I dont have, hence I cant
decide if I should output when I am on the server side.
I am crossing deadline and tired of various trial and errors.

Any help is greatly appreciated.

Thanks a ton,
cg
Some thoughts:-
[snip] s = ''
1. Use "var" to declare the variable, unless you want it to be global.
[snip] "netui_names.startDate["+i+"]={actionForm.serviceProductAssociation[" +
i + "].startDate}" + "\n"

2. I think your code contains a slight error:-

The "{" and "}" characters do not need to be used here, and are invalid
in this grammar context.


3. Why do you need to add "s" dynamically?

Why not:

for(i=0; i<numberOfReowsDisplayed; i++)
{

netui_names.startDate["+i+"]=actionForm.serviceProductAssociation["+i
+"].startDate;
}
4. If you need to add "s" dynamically, then the roughest way is to use
"eval". Although, always try to use eval only where no other solution
is available.

I.e.

eval(s);

Julian

[cotton_gear]

Hi Julian,

Thanks for all the info, eval(s) is making things work.

Just to answer your qustions :
1. I will definitly follow your suggestions
2. Code contained error as I removed some part and pasted, so missed
out some part.
3. I need to add the content of 's' dynamically because as I have to
extend the arrays generated by the server side framework.
4. eval(s) has solved my proble.
Thanks again for your timely help.
CG