Script Problem

[rsrinivasan]

Hi,

Im creating dynamic Row in javascript. I did it. But now i want call some function, when i click that <td>. I do not know how to do it. Plz help me.

Thanks,
Srinivasan r.

[dmjpro]

does not TD support onclick event firing?

plz try with this.
i think this ll work.
best of luck.

kind regards.
dmjpro.

[rsrinivasan]

does not TD support onclick event firing?

plz try with this.
i think this ll work.
best of luck.

kind regards.
dmjpro.

Hi,
Then which event we can use for TD. OnClick event is worked, when im creating table staticaly. But i cant do it in script. Thats why im asking you.

Thanks,
Srinivasan r.

[dmjpro]

hmmmm .......

if anything wrong with my attitude can i get the dynamic row generation code and the function which u want to fire on clicking a TD?????

then i think i ll correct ur code.

kind regards.
dmjpro.

[rsrinivasan]

hmmmm .......

if anything wrong with my attitude can i get the dynamic row generation code and the function which u want to fire on clicking a TD?????

then i think i ll correct ur code.

kind regards.
dmjpro.

This is the function to generate dynamic TD. I can set width and data. But i cant set event for this. I set Bold where i set the event.

function dealMenuDown()
{
document.getElementById('imgDeal').src='images/Deal_On.gif';
document.getElementById('imgSecurityAdmin').src='i mages/SecurityAdminOff.gif';

var myTable = document.getElementById('sub_table_id');
var myNewRow = document.getElementById('sub_row_id');

var dealLength = myNewRow.children.length;
for(i=0; i<dealLength; i++)
{
myNewRow.removeChild(myNewRow.lastChild);
}
var staticElem = document.createElement("TD");
staticElem.width = 120;
myNewRow.appendChild(staticElem);
for(i=0;i<dealCount;i++)
{
var myElem = document.createElement("TD");
myElem.id = dealMenu[i].replace(' ','_');

if(i==0)
myElem.className = "submenuhi";
else
myElem.className = "submenu";

myElem.width = 5*(dealMenu[i].length);

if(dealJsp[i] != "")
myElem.innerHTML = "<a href="+dealJsp[i]+" target='mFrame'>"+dealMenu[i].replace(' ', '&nbsp;')+"</a>";
else
{
myElem.onClick = 'productDrop();'; myElem.innerHTML = dealMenu[i];
}
alert(myElem.onClick);

myNewRow.appendChild(myElem);
}
myTable.children[0].appendChild(myNewRow);
}
function productDrop()
{
alert("Hi");
}


Thanks in advance,
Srinivasan r.

[rsrinivasan]

Hi,
I cant send full code. Because it is our client code. So i sent only where i have the problem.

Thanks,
Srinivasan r.

[dmjpro]

now the picture is more clearer than before ......

actually myElem.onClick = 'productDrop();' this line does not work.....right!!!!!!!!!!!!!!!!!!

actually myElem.onlCick takes no string assignment ... actually it takes the function_referenece.

i think u got my point.
try urself ... if anything wrong then we r here.
best of luck.

kind regards.
dmjpro.

[acoder]

onClick should be onclick (lowercase "c").

[rsrinivasan]

now the picture is more clearer than before ......

actually myElem.onClick = 'productDrop();' this line does not work.....right!!!!!!!!!!!!!!!!!!

actually myElem.onlCick takes no string assignment ... actually it takes the function_referenece.

i think u got my point.
try urself ... if anything wrong then we r here.
best of luck.

kind regards.
dmjpro.

Hi dmjpro,

I understand. But i do not know how to do it. I need exact code how to set the event. I try it lots of ways. but still it does not work. So plz if possible sent it immediately.
Thanks,

[dmjpro]

okkk.....

do the line myElem.onClick = 'productDrop();' as ....
myElem.onClick = productDrop();

i think this ll work..... if not then come again i m here.

kind regards.
dmjpro.

[rsrinivasan]

okkk.....

do the line myElem.onClick = 'productDrop();' as ....
myElem.onClick = productDrop();

i think this ll work..... if not then come again i m here.

kind regards.
dmjpro.

Hi,
Ya. It is called automatically when that line executed. But it will not fire when i click that TD.

[rsrinivasan]

okkk.....

do the line myElem.onClick = 'productDrop();' as ....
myElem.onClick = productDrop();

i think this ll work..... if not then come again i m here.

kind regards.
dmjpro.

Hi dmjpro,

Your code is working. But the event did not fire when i click the TD. Im in urgent situation. When i click, it did not respond anything.

Thanks,
Srinivasn r.

[dmjpro]

Hi dmjpro,

Your code is working. But the event did not fire when i click the TD. Im in urgent situation. When i click, it did not respond anything.

Thanks,
Srinivasn r.

then do one thing .... myElem.onClick = function(){alert('Helooo.....Yahoooooo')};
do one more thing ....myElem.onClick .......check the case sensivity for onClick

best of luck ...
plz give me feed back.
i m online.

kind regards.
dmjpro.

[rsrinivasan]

then do one thing .... myElem.onClick = function(){alert('Helooo.....Yahoooooo')};
do one more thing ....myElem.onClick .......check the case sensivity for onClick

best of luck ...
plz give me feed back.
i m online.

kind regards.
dmjpro.

Hi,
I try it. I replaced my code with ur code. But it did not work. what to do?

    myElem.onClick = function ff(){alert('Helooo.....Yahoooooo');}

Thanks,
Srinivas r.

[dmjpro]

Hi,
I try it. I replaced my code with ur code. But it did not work. what to do?

    myElem.onClick = function ff(){alert('Helooo.....Yahoooooo');}

Thanks,
Srinivas r.

hello ... i told u to write ..... anonymous function .....

u should write function() only instead of .... funciton ff() ... understood..
best of luck.

kind regards.
dmjpro.

[rsrinivasan]

hello ... i told u to write ..... anonymous function .....

u should write function() only instead of .... funciton ff() ... understood..
best of luck.

kind regards.
dmjpro.

Hi,
I try it in both way. But it did not fire, when i click.

Thanks,
Srinivas r.

[dmjpro]

now try a sample code.

<body onload = test1()>
<input type = button id = test_name>
</body>

now write in script part....

function test1()
{
document.getElementById('test_name').onClick = function(){alert('DMJPRO: yahoooooo........');}
}

plz give me the feed back immediately .. i m online.
i ll not sign out untill u give me the feed back.

kind regards.
dmjpro.

[rsrinivasan]

now try a sample code.

<body onload = test1()>
<input type = button id = test_name>
</body>

now write in script part....

function test1()
{
document.getElementById('test_name').onClick = function(){alert('DMJPRO: yahoooooo........');}
}

plz give me the feed back immediately .. i m online.
i ll not sign out untill u give me the feed back.

kind regards.
dmjpro.

Hi,
Sorry. Yesterday I went out. Thats why I cant reply immediately. I try your code today. But it did not work. Im creating TD id also in javascript(dynamically) as below. So when i refer
document.getElementById('myElem.id')
it gives error

myElem.id   = dealMenu[i]

Thanks,
Srinivas r

[acoder]

Im creating TD id also in javascript(dynamically) as below. So when i refer document.getElementById('myElem.id') it gives error

myElem.id   = dealMenu[i]

Get rid of the quotes and use

document.getElementById(myElem.id)

because that contains the actual id.

Did you change the onClick to onclick?

[sumittyagi]

Hi,
I try it. I replaced my code with ur code. But it did not work. what to do?

    myElem.onClick = function ff(){alert('Helooo.....Yahoooooo');}

Thanks,
Srinivas r.

The best way is to use DOM standard functions so that ur code become browser independent.

if(item.attachEvent)
{
    item.attachEvent('onmousedown', functionName);
}
else
{
    item.addEventListener('mousedown', functionName, false);
}
 

Note:- difference between function call and function reference is that, function call is function name with paranthesis, while function reference is function name without parenthesis.

Whenever you define any anonymous function then it returns its reference, so you can also get reference of anyonymous function.

~~Cheers~~ ;-)

[rsrinivasan]

The best way is to use DOM standard functions so that ur code become browser independent.

if(item.attachEvent)
{
    item.attachEvent('onmousedown', functionName);
}
else
{
    item.addEventListener('mousedown', functionName, false);
}
 

Note:- difference between function call and function reference is that, function call is function name with paranthesis, while function reference is function name without parenthesis.

Whenever you define any anonymous function then it returns its reference, so you can also get reference of anyonymous function.

~~Cheers~~ ;-)

Hi,
I solved my problem in some other way. But your code looking nice. I'll try your code also.

Thanks for ur reply,
Srinivas r.

[rsrinivasan]

The best way is to use DOM standard functions so that ur code become browser independent.

if(item.attachEvent)
{
    item.attachEvent('onmousedown', functionName);
}
else
{
    item.addEventListener('mousedown', functionName, false);
}
 

Note:- difference between function call and function reference is that, function call is function name with paranthesis, while function reference is function name without parenthesis.

Whenever you define any anonymous function then it returns its reference, so you can also get reference of anyonymous function.

~~Cheers~~ ;-)

Hi,
I solved it. But i have another problem.

Im using two frame in my jsp page. In this first frame has header and second frame has body. In the header frame i have one menu. When I scroll down the body frame, the menu item is hidden by the body frame. How to resolve it...

Thanks,
Srinivas r.