Any way that I can replace the function variable with javascript?

Question

Does anyone know how can I replace the passing variable in html with Javascript?

Example:

If I have a code as below:

<table width="150" border="0" cellspacing="0" cellpadding="2" id="productBox">
<tr>
    <td valign="top" height="19" id="td4"><img onclick="addNewRowToTable('abc')" src="images/add0.gif" onmouseover="this.src=\'images/add1.gif\'" onmouseout="this.src=\'images/add0.gif\'" class="handCursor" width="49" height="19"></td>
</tr>
</table>

Any way that I can replace variable 'abc' to 'cde' with javascript?

Why don't you pass cde to the function? – rahul Aug 18 '09 at 05:51 — rahul, Aug 18 '09 at 05:51

score 1 · Accepted Answer · answered Aug 18 '09 at 06:01

You can (as noted by others), but I suspect that you might get a more useful answer if we knew what you were actually trying to do; there's pretty much certainly a better way of approaching your problem, but I'd need context to suggest what it might be.

score 0 · Answer 2 · answered Aug 18 '09 at 05:54

You can pass a global variable to function. And define this variable higher in code.

<script>
var globalVar='cdb';
</script>

<table width="150" border="0" cellspacing="0" cellpadding="2" id="productBox">
<tr>
    <td valign="top" height="19" id="td4"><img onclick="addNewRowToTable(globalVar)" src="images/add0.gif" onmouseover="this.src=\'images/add1.gif\'" onmouseout="this.src=\'images/add0.gif\'" class="handCursor" width="49" height="19"></td>
</tr>
</table>

if you will change globalVar later it will affect your code.

score 0 · Answer 3 · answered Aug 18 '09 at 05:55

If you want to replace the onclick attribute to call addNewRowToTable('cde') instead of what it's calling now, I would suggest rebinding the event:

var img = // Here you would get the <img> somehow
img.onclick = function () { addNewRowToTable('cde'); };

Any way that I can replace the function variable with javascript?

3 Answers3