AJAX

Javascript- How to load cell values to a form???

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Jun 2009

Posts: 5

Reputation: Enrico! is an unknown quantity at this point

Solved Threads: 0

Enrico!

Offline

Newbie Poster

Javascript- How to load cell values to a form???

Jun 3rd, 2009

hi, I'm trying to load cell values from a table, to a form in Javascript.... I can caught the cell values but I can't load them to a form....
this is how I caught the cell values:

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
<td id='cellText' >writing the text </td> 
 
<script>
alert(document.getElementById('cellText').innerHTML);
</script>
<td id='cellText' >writing the text </td> 

<script>
alert(document.getElementById('cellText').innerHTML);
</script>

Thank everyone.....

Last edited by peter_budo; Jun 4th, 2009 at 9:44 am. Reason: Keep It Organized - For easy readability, always wrap programming code within posts in [code] (code blocks) and [icode] (inline code) tags.

•

Join Date: Mar 2007

Posts: 686

Reputation: sillyboy is on a distinguished road

Solved Threads: 61

sillyboy

Offline

Practically a Master Poster

Re: Javascript- How to load cell values to a form???

Jun 4th, 2009

you do a similar process to the form, get the form id, then the input field and then do

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
.value=document.getElementById('cellText').innerHTML
.value=document.getElementById('cellText').innerHTML

http://www.happypolla.com

•

Join Date: Jun 2008

Posts: 185

Reputation: aashishn86 is an unknown quantity at this point

Solved Threads: 9

aashishn86 aashishn86 is offline

Offline

Junior Poster

Re: Javascript- How to load cell values to a form???

Jun 4th, 2009

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
<html>
<head>
<script type="text/javascript">
 
function getvalue()
 {
 
  one=document.getElementById("cellone").innerHTML 
  document.getElementById("box1").value=one;
 
 }
 
</script>
 
<body>
<form id="form1">
<table >
<tr>
<td id="cellone">hello</td>
</td>
</tr>
 
</table>
 
<input type="text" id="box1" onclick="getvalue();">
 
</body>
</form>
</html>
<html>
<head>
<script type="text/javascript">

function getvalue()
 {
 
  one=document.getElementById("cellone").innerHTML 
  document.getElementById("box1").value=one;

 }

</script>

<body>
<form id="form1">
<table >
<tr>
<td id="cellone">hello</td>
</td>
</tr>

</table>

<input type="text" id="box1" onclick="getvalue();">

</body>
</form>
</html>

with this you can capture the value on clicking on the text box..
you could change the event according to what suits you..

hope it helps..

•

Join Date: Apr 2009

Posts: 878

Reputation: Airshow will become famous soon enough

Solved Threads: 124

Airshow

Offline

Practically a Posting Shark

Re: Javascript- How to load cell values to a form???

Jun 4th, 2009

Enrico,

As already said, plus it can be proceduralised in a loop as follows:

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Airshow :: Untitled</title>
<script>
onload = function(){
	for (var i=1; i<=3; i++) {
		var field = document.getElementById('ip_'+i);
		if(field) {
			field.value = document.getElementById('cellText'+i).innerHTML;
		}
	}
}
</script>
</head>
<body>
<table border>
<tr><td id='cellText1' >Text 1</td></tr>
<tr><td id='cellText2' >Text 2</td></tr>
<tr><td id='cellText3' >Text 3</td></tr>
</table> 
<form>
<input id="ip_1" /><br>
<input id="ip_2" /><br>
<input id="ip_3" /><br>
</form>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Airshow :: Untitled</title>
<script>
onload = function(){
	for (var i=1; i<=3; i++) {
		var field = document.getElementById('ip_'+i);
		if(field) {
			field.value = document.getElementById('cellText'+i).innerHTML;
		}
	}
}
</script>
</head>
<body>
<table border>
<tr><td id='cellText1' >Text 1</td></tr>
<tr><td id='cellText2' >Text 2</td></tr>
<tr><td id='cellText3' >Text 3</td></tr>
</table> 
<form>
<input id="ip_1" /><br>
<input id="ip_2" /><br>
<input id="ip_3" /><br>
</form>
</body>
</html>