Problems with onClick events

Hi!
I am trying out this program where I create a button('create new button') ,on clicking this button a window is created and a table is displayed with 2 rows and 2 columns ,where each cell has a different color.On clicking any cell with a specific color the parent window gets colored by the same color.
I tried the folowing:
This creates a new window along with the table(when I click the button) but when I click on a particular cell no change occurs...

Help..

here is the entire code..please help..

Ayan Biswas wrote:here is the entire code..please help.. <html> <head> </head> <body> <form name="Myform"> <input type="button" value="create new window" onClick="newWin=window.open('','newWin','toolbar=no,status=no,height=500,width=500');newWin.document.write('<center><table width=300 height=300><tr><td bgcolor=pink onClick=window.document.bgColor=pink > </td><td bgcolor=blue onClick=window.document.bgColor=blue></td></tr><tr><td bgcolor=green onClick=window.document.bgColor=green></td><td bgcolor=red onClick=window.document.bgColor=red></td></tr></table></center>');"> <br> <input type="button" value="close new window" onClick="newWin.close();"> <br> <input type="button" value="close parent window" onClick="window.close();"> </form> </body> </html>

use parent.window.document.bgColor

@Jagdeep Sharma I modified the code..

But stil I am stuck with the same problem.A table with each cell of different color in created but on clicking that cell no change occurs in the parent window...Am I doing the syntax part right??...with so many single and double quotes the code has become extremely clumsy...

Ayan Biswas wrote:@Jagdeep Sharma I modified the code..
<input type="button" value="create new window" onClick="newWin=window.open('','newWin','toolbar=no,status=no,height=500,width=500');newWin.document.write('<center><table width=300 height=300><tr><td bgcolor=pink onClick=parent.window.document.bgColor=pink > </td><td bgcolor=blue onClick=parent.window.document.bgColor=blue></td></tr><tr><td bgcolor=green onClick=parent.window.document.bgColor=green></td><td bgcolor=red onClick=parent.window.document.bgColor=red></td></tr></table></center>');">
But stil I am stuck with the same problem.A table with each cell of different color in created but on clicking that cell no change occurs in the parent window...Am I doing the syntax part right??...with so many single and double quotes the code has become extremely clumsy...

Why are you generating table on onClick. You can do one thing just make another page with this table.
Then call that page from this page. I think this problem can be on dynamic event binding. I don't know i have to check.

@Jagdeep Sharma If I do what you are saying then, when I click the 'create new window' button I will get another html page wiith the table not a window of specific size.Is that what you meant?

Ayan Biswas wrote:@Jagdeep Sharma If I do what you are saying then, when I click the 'create new window' button I will get another html page wiith the table not a window of specific size.Is that what you meant?

Exactly