Eric, come in please

[kirts li]

Eric,

I ever posted a topic "how to call javascript function in the previous html file" on July 17. You suggest me to use innerHtml or visiblity to display the output. Would you please give me some examples for these two cases? Thanks a lot!

[Eric Pascarello]

Example with innerHTML

<div id="spot"></div>
 
<script>
function AddStuff(){
  document.getElementById("spot").innerHTML = '<input type="text">';
}
</script>

Example with visibility

<div id="spot" style="display:none">This is Text</div>
 
<script>
function ShowInfo(){
  document.getElementById("spot").style.display = 'block';
}
</script>

There is a third way using DOM to create elements on the page, but I do not have time to whip up that example right now due to a deadline with my publisher being very soon.

Eric

[Eric Pascarello]

I was editing chapter 15 in my book and here is the thrid method on adding information to the page

function AddTextBox(elem){
   var newElement = document.createElement("input");
   newElement.setAttribute("type","text");
   newElement.setAttribute("id","TB");
   newElement.setAttribute("value","dynamic");
   document.getElementById(elem).appendChild(newElement);          
}

the elem parameter is the object you want to add it to. If you want to add it to a div you would use the div id

example: you have this div

<div id="blah">
</div>

you can add a text box too it with a button

<input type="button" name="butt" value="add" onclick="AddTextBox(document.getElementById('blah'))">

Eric