Passing Value from Javascript method into HTML Body

[Raihan Jamal]

How can I pass value from Javascript method into my table that is there in HTML Body tag.. Suppose
following lines are written under script in Javascript...

  
var caption=xmlDoc.getElementsByTagName("Service").item(0).firstChild.nodeValue;
alert(caption);
  

and I want to dislpay the value of caption in a table which is there in HTML Body, like this

  

<TD class=Label align=left height=27 style='width: 252px'><B>Services:</B>   <LABEL id='readServices' name='caption' readonly='readonly'>"I want to display the caption value here"</LABEL></TD>  

How can I do this.. Any help will be aprreciated...!!

[Bear Bibeault]

innerHTML

[Raihan Jamal]

Thanks for replying...
I tried using innerHTML but I am not getting the value....I think innerHTML is not working in my code....
this is my code where I am using innerHTML in script:-

<script type="text/javascript">

function login(showhide){
    if(showhide == "show"){
        document.getElementById('popupbox').style.visibility="visible"; 
    }else if(showhide == "hide"){
        document.getElementById('popupbox').style.visibility="hidden";
    }
  }

if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.open("GET","a3.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML; 

document.write("<table class='sortable' border='1'>");
var x=xmlDoc.getElementsByTagName("SERVICEChild");

root=xmlDoc.documentElement;

var caption=xmlDoc.getElementsByTagName("Service").item(0).firstChild.nodeValue;
alert(caption);


document.getElementById('readServices').innerHTML = "caption";



  document.write("<tr><th>Service Needed</th><th>Hold Type</th><th>Expiration</th></tr>");
for (i=0;i<x.length;i++)
  { 
  try{
  document.write("<tr><td>");
  document.write(x[i].getElementsByTagName("Service")[0].childNodes[0].nodeValue);
  document.write("</td><td>");
  document.write(x[i].getElementsByTagName("HoldType")[0].childNodes[0].nodeValue);
  document.write("</td><td>"); 
  document.write(x[i].getElementsByTagName("HoldExpireDtTm")[0].childNodes[0].nodeValue);
  document.write("</td></tr>"); 
  }
  catch (e)
{
alert(e.message+" load error");
}


  }
document.write("</table>");
</script>

And in my body section where I have to put the value that is replaced by innerHTML is:

 

<div id="popupbox"> <!--Start login box-->
<form action="" name="hw6" method="post" onload='javascript:func();'>
<TABLE width=872 align=center border=0>
<TBODY>
<TR>
<TD class=Label align=left height=27 style='width: 252px'><B>Services:</B>   <LABEL id='readServices' >"I have to put the value here"</LABEL></TD>
<TD width=215 height=27></TD>
<TR>
<TD class=Label align=left height=27 style="width: 252px"><B>Last Performed:</B> <LABEL id=readLastPerformed></LABEL></TD>
<TD width=215 height=27><B>Last Value:</B> <LABEL id=readLastValue></LABEL></TD>
<TR>
<TD class=Label align=left height=27 style="width: 252px"><B>Next Due:</B>       <LABEL id=readNextDue></LABEL></TD>
<TD width=215 height=27></TD>
</TR>
</TBODY>
</TABLE>

[Eric Pascarello]

You CAN NOT use document.write after the page loads.

Eric

[Raihan Jamal]

I didn't get you... So what should I do.. i tried that by using innerHTML but no luck...!!!

[Bear Bibeault]

Why not try to figure out why innerHTML was "not working"?

[Raihan Jamal]

I tried it already.. But nothing was happening when I tried to replace the label ID with innerHTML...

[Paul Clapham]

If you want us to discuss your problems with using innerHTML, perhaps it might help if we could see the code which you say "nothing was happening"?

[Raihan Jamal]

You can see the code in my previous post... I have posted my whole code...
In the script I am using innerHTML to replace the ID of Label used in HTML Body tag....

[Eric Pascarello]

Eric Pascarello wrote:You CAN NOT use document.write after the page loads.

Eric