Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting
 |
•
•
Join Date: Sep 2004
Location: Durban, South Africa
Posts: 55
Reputation: 
Rep Power: 5
Solved Threads: 0
Junior Poster in Training
hi all
I'm having an odd problem with Javascript. I created a table with a single row and a single column (and gave all of them IDs). Then I use onclick events to pick up mouseclicks and call the function clicked(evt).
I know this function is getting called, and I know this function picks up exactly which source element was clicked.
I'm trying to write it so that if the user clicks within the box, the color of the box changes. I'm having a problem with this. I've tried several slight variations of the code, but nothing seems to work.
Any help would be much appreciated.
I'm having an odd problem with Javascript. I created a table with a single row and a single column (and gave all of them IDs). Then I use onclick events to pick up mouseclicks and call the function clicked(evt).
I know this function is getting called, and I know this function picks up exactly which source element was clicked.
I'm trying to write it so that if the user clicks within the box, the color of the box changes. I'm having a problem with this. I've tried several slight variations of the code, but nothing seems to work.
Any help would be much appreciated.
•
•
•
•
<html>
<head>
<title>More javascript</title>
<script language=JavaScript>
function clicked(evt){
window.alert("You clicked the page element: "+evt.srcElement.id);
if (evt.srcElement.id == "mycol"){
document.style.backgroundColor=green;
myTable.style.backgroundColor=blue;
mycol.innerText="haha";
}
}
</script>
</head>
<body id="mybody" onclick="clicked(event)">
<br><br>
<table id="myTable" style="background-color: gray">
<tr id="myrow">
<td id="mycol">Click this box to change colors...</td>
</tr>
</table>
</body>
</html>
•
•
Join Date: Dec 2004
Location: London or Slovakia
Posts: 2,875
Reputation:
Rep Power: 14
Solved Threads: 344
This worked for me
<html>
<head>
<title>More javascript</title>
<script language=JavaScript>
function clicked(evt){
window.alert("You clicked the page element: "+evt.srcElement.id);
if (evt.srcElement.id == "mycol"){
document.bgColor="green";
myTable.bgColor="blue";
mycol.innerText="haha";
}
}
</script>
</head>
<body id="mybody" onclick="clicked(event)">
<br><br>
<table id="myTable" border="1" >
<tr id="myrow">
<td id="mycol" style="cursor: pointer;" >Click this box to change colors...</td>
</tr>
</table>
</body>
</html> Learn to see in another's calamity the ills which you should avoid.
Publilius Syrus
(~100 BC)
LJC - London Java Community, JAVAWUG (Java Web User Group), Coding the Architecture
Publilius Syrus
(~100 BC)
LJC - London Java Community, JAVAWUG (Java Web User Group), Coding the Architecture
•
•
Join Date: Sep 2004
Location: Durban, South Africa
Posts: 55
Reputation:
Rep Power: 5
Solved Threads: 0
Junior Poster in Training
Re: Javascript event & color change problem Thanks very much peter_budo. Any idea why my code wouldn't work?
•
•
Join Date: Dec 2004
Location: London or Slovakia
Posts: 2,875
Reputation:
Rep Power: 14
Solved Threads: 344
You used comands for DOM which you did not declared.
document.style.backgroundColor=green; Learn to see in another's calamity the ills which you should avoid.
Publilius Syrus
(~100 BC)
LJC - London Java Community, JAVAWUG (Java Web User Group), Coding the Architecture
Publilius Syrus
(~100 BC)
LJC - London Java Community, JAVAWUG (Java Web User Group), Coding the Architecture
|
Similar Threads
Other Threads in the JavaScript / DHTML / AJAX Forum
- Color change problem (Java)
Other Threads in the JavaScript / DHTML / AJAX Forum
- Previous Thread: Can javascript do session variables?
- Next Thread: What to choose?
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Linear Mode
