Retrieve value of Javascript variable to HTML table cells

**liboc** · 05-27-2009 09:01 PM

Dear all,

If I have a variable with a value in it. How do I RETRIEVE the value of it and insert it into my <TD> cell? I am using a table to input values to <CANVAS> tag to draw a graph based on the values in <TD>

You can ignore the part when ZHTML is evaluating with <z?

Code:

<HTML>
<HEAD><TITLE>Welcome to Version 2</TITLE>

<!-- JavaScript HEAD AREA -->
<script language="javascript" type="text/javascript">
var rowValue; //Global variable to manipulate.
</script>

<!-- For canvas -->
<!-- <script type="text/javascript"> -->
<script language="javascript" src="jsclass.js" type="text/javascript"></script>
<!-- for canvas -->
 
<!-- END OF ALL JAVASCRIPT codes up to this point-->
</HEAD>

<body>

<center><img SRC="homeWelcome.png"><br></center>

<?z if ($rowValue== $rowValue) { ?>
<script type="text/javascript">rowValue=25;</script>
<?z } ?>
<!-- <script type="text/javascript">alert(rowValue);</script> -->

<table id="data" style="display:none";>
          <thead>
            <tr>
              <th scope="col">X</th>
              <th scope="col">Y</th>
             </tr>
          </thead>
          <tbody>
            <tr>
              <th scope="row">0</th>
                <td><!-- Retrieve Javascript variable value here--></td>
            </tr>
            <tr>
              <th scope="row">1</th> <!-- X-axis data -->
                <td>25</td> <!-- Y-axis data -->
            </tr>
            <tr>
              <th scope="row">2</th>
                <td>60</td>
            </tr>
            <tr>
              <th scope="row">3</th>
                <td>25</td>
            </tr>
            <tr>
              <th scope="row">4</th>
                <td>84</td>
            </tr>
           <tr>
              <th scope="row">5</th>
                <td>62</td>
            </tr>
           <tr>
              <th scope="row">6</th>
                <td>71</td>
            </tr>
           <tr>
              <th scope="row">7</th>
                <td>33</td>
            </tr>
           <tr>
              <th scope="row">8</th>
                <td>5</td>
            </tr>
            <tr>
              <th scope="row">9</th>
                <td>90</td>
            </tr>
          </tbody>
        </table>
     <p>
     
      <canvas id="graph">
      This is a test.. if this is shown, canvas tag ignored by browser
      </canvas>

<script type="text/javascript">
          var g = new Bluff.Line('graph', '500x500'); //name of canvas,400
          g.y_axis_increment = 5; 
          g.data_from_table('data',false);  
          g.minimum_value=0;
          g.maximum_value=100;
          g.draw();
</center>
</BODY>
</HTML>

I had attached the graph that is produced by the above codings. The picture is called forum.JPG. -See below-

Thanks so much in advance and for your precious time!

Thread: Retrieve value of Javascript variable to HTML table cells

Thread Tools

Display

Threaded View

Retrieve value of Javascript variable to HTML table cells

Thread Information

Users Browsing this Thread

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions