"James Kimble" <> schreef in bericht
news:5d5768f7-bf04-4d80-b5ab-...
>
>
> Yeah I'm sure this is a stupid question.
There are no stupid questions. There are only stupid answers.
>
> I've got a javascript source file with functions (creates a bar graph)
> I want to call from inside an html table cell so that the graph
> appears in the cell. I've tried a bunch of different things but I'm
> not getting it. I'm a newbee to both html and javascript so be kind.
>
> Any example would be appreciated.
>
>
> My current attempt looks like:
>
> <head>
> <script language="JavaScript" src="bargraph.js"></script>
> <script language="JavaScript">
> function createBarGraph() {
> graph = new BarGraph("HorizBar");
> graph.values = "1000";
> document.write(graph.create());
> }
> </script>
> </head>
> <body onLoad="createBarGraph()">
> <table width="100%" border="0">
> <tr>
> <td>HPX40</td>
> <td>CUSTOMER DEFINED TEXT </td>
> <td> </td>
> </tr>
> <tr>
> <td>Plate Status:</td>
> <td><form name="f1" action="javascript:createBarGraph()"
> method="post"></td>
> <td>40.5KW</td>
> </tr>
> </table>
> </body>
>
> This just displays my graph by itself. No other table items appear.
>
Some suggestions:
<head>
<script type="text/JavaScript" src="bargraph.js"></script>
function createBarGraph() {
graph = new BarGraph("HorizBar");
graph.values = "1000";
return graph.create()
}
</script>
</head>
Chech the <script> tag for its attributes
document.write removed. Its intention is to replace the current page. That
is not what you want. The function now returns the (html) string produced by
graph.create(). At least I guess that's what graph.create() will return.
But you need more: you want to place this text inside a table cell.
Conceptually, the html - as a string - would read like this:
'<td>'+createBarGraph()+'</td>'. You can make this happen if you can
identify the table cell. So, give it an ID, like
<table>
<tr>
<td> Plate Status:</td>
<td id=graphcell> </td>
<td>40.5KW</td>
</tr>
</table>
That cell will be empty when loaded. In the onLoad handler you now call
script code that will fill the cell with your graph.
I.e. you could do with another function within your script:
function placeGraph(id)
{ var cell = document.getElementById(id)
cell.innerHTML = createBarGraph()
}
and with
<body onLoad="placeGraph('graphcell')">
it should work.
Of course, you can combine these things and use
<body
onLoad="document.getElementById(graphcell).innerHT ML=createBarGraph()">
and do without the extra function if you really want to push your code on
the track of unmaintainability.
Tom
Similar Threads
