Showing / Hiding Tables or Pictures in VBSCRIPT

I need some help creating an if Statement in VBScript.

I am using frontpage 2000 with vbScript code.

On the top of my page, i have some text boxes where the user enters values and press the button calculate.
I would like to show the bottom part of the screen where the result of the calculations are only showed when the user clicks the "Calculate" button. Before that, the user only sees the top of the page.

I have tried different approaches but the i have decided that two of them would be the more effective ones.
 1- I can cover the bottom half of the calculator with a picture and then when the button is clicked the picture disappears.
 2 - the sencod option would be creating an if statement where my html code will be added after the validation of the if stament. when i try that i get an error message. it seems like html code cannot go inside VBSCRIPT.

 so my questions would be. Do you know how to hide/show pictures in vbscript? Can html code be used inside vbscript section? if it is possible, how should i go about it?

if this helps:
the name of the picture is texas, the name of the form is Calculator
and the tables that i want to hide have several text boxes inside

Thanks in Advance,
Andre



 
virgilarAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

YZlatCommented:
put your picture inside the <div> and then set visibility to false to make it invisible, and set it to true to mAKE YOUR IMAGE VISIBLE AGAIN:

<DIV ID="myDIV">
<img src="test.jpg">
</DIV>
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
suramsureshbabuCommented:
<html>
<head>
<script language=javascript>

function calculate() {

var div_ref = document.all("id_div");
  div_ref.style.visibility = "hidden";

var div_ref = document.all("id_div1");
  div_ref.style.visibility = "visible";
}
function recalculate() {

var div_ref = document.all("id_div");
  div_ref.style.visibility = "visible";

var div_ref = document.all("id_div1");
  div_ref.style.visibility = "hidden";
}

</script>
</head>
<body>
<form name=frm_test id=frm_test>


<div id=id_div1>

input1:<input type=text value="">
input2:<input type=text value="">
input3:<input type=text value="">
<input type=button Value=calculate onclick=recalculate()>
</div>



<div id=id_div style="top: 320; width:100%; visibility:hidden">
Result:
<input type=text value="">
<input type=button Value=Recalculate onclick=calculate()>
</div>

</form>
</body>
</html>
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Languages and Standards

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.