JavaScript - Using A Search Form To Display Hidden Divs On A New Page

<td colspan="1" height="120" align="left"> 
<select style="margin-left: 60px; background-color: #00FF77;" name="prod_bed_359"  onchange="calculateValue(this.form)">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select> R359</td></tr>

function itemsOrdered() {
var beds = document.forms[2].prod_bed_359.value;
document.write("<pre><strong>Description\t\tQuantity\tPrice</strong></pre>");
document.write("<pre>Doggie Bed\t\t" + beds + "</pre>");	
}

<script type="text/javascript">
function test()
	{
	testframe.internalid.innerHTML = maindiv.innerHTML;
	}
        window.setTimeout("test()", 1000);
</script>

function showMe(id){ var obj = document.getElementById(id);
  if (obj.style.display == "none"){obj.style.display = "inherit";}
  else {obj.style.display = "none";}
}

<input class="styled" name="foo" type="checkbox" id="foo" value="1" onclick="showMe('div1')" />
<input class="styled" name="bar" type="checkbox" id="bar" value="1" onclick="showMe('div2')" />
<div id='div1' style="display:none;">hidden content 1</div>
<div id='div2' style="display:none;">hidden content 2</div>

var checkboxHeight = "14";
var radioHeight = "14";
var selectWidth = "190";

document.write('<style type="text/css">input.styled { display: none; } select.styled { position: relative; width: ' + selectWidth + 'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; } .disabled { opacity: 0.5; filter: alpha(opacity=50); }</style>');

var Custom = {
   init: function() {
      var inputs = document.getElementsByTagName("input"), span = Array(), textnode, option, active;
      for(a = 0; a < inputs.length; a++) {
         if((inputs[a].type == "checkbox" || inputs[a].type == "radio") && inputs[a].className == "styled") {
            span[a] = document.createElement("span");
            span[a].className = inputs[a].type;

            if(inputs[a].checked == true) {
               if(inputs[a].type == "checkbox") {
                  position = "0 -" + (checkboxHeight*2) + "px";
                  span[a].style.top = position;
               } else {
                  position = "0 -" + (radioHeight*2) + "px";
                  span[a].style.backgroundPosition = position;
               }
            }
            inputs[a].parentNode.insertBefore(span[a], inputs[a]);
            inputs[a].onchange = Custom.clear;
            if(!inputs[a].getAttribute("disabled")) {
               span[a].onmousedown = Custom.pushed;
               span[a].onmouseup = Custom.check;
            } else {
               span[a].className = span[a].className += " disabled";
            }
         }
      }
      inputs = document.getElementsByTagName("select");
      for(a = 0; a < inputs.length; a++) {
         if(inputs[a].className == "styled") {
            option = inputs[a].getElementsByTagName("option");
            active = option[0].childNodes[0].nodeValue;
            textnode = document.createTextNode(active);
            for(b = 0; b < option.length; b++) {
               if(option[b].selected == true) {
                  textnode = document.createTextNode(option[b].childNodes[0].nodeValue);
               }
            }
            span[a] = document.createElement("span");
            span[a].className = "select";
            span[a].id = "select" + inputs[a].name;
            span[a].appendChild(textnode);
            inputs[a].parentNode.insertBefore(span[a], inputs[a]);
            if(!inputs[a].getAttribute("disabled")) {
               inputs[a].onchange = Custom.choose;
            } else {
               inputs[a].previousSibling.className = inputs[a].previousSibling.className += " disabled";
            }
         }
      }
      document.onmouseup = Custom.clear;
   },
   pushed: function() {
      element = this.nextSibling;
      if(element.checked == true && element.type == "checkbox") {
         this.style.backgroundPosition = "0 -" + checkboxHeight*3 + "px";
      } else if(element.checked == true && element.type == "radio") {
         this.style.backgroundPosition = "0 -" + radioHeight*3 + "px";
      } else if(element.checked != true && element.type == "checkbox") {
         this.style.backgroundPosition = "0 -" + checkboxHeight + "px";
      } else {
         this.style.backgroundPosition = "0 -" + radioHeight + "px";
      }
   },
   check: function() {
      element = this.nextSibling;
      if(element.checked == true && element.type == "checkbox") {
         this.style.backgroundPosition = "0 0";
         element.checked = false;
      } else {
         if(element.type == "checkbox") {
            this.style.backgroundPosition = "0 -" + checkboxHeight*2 + "px";
         } else {
            this.style.backgroundPosition = "0 -" + radioHeight*2 + "px";
            group = this.nextSibling.name;
            inputs = document.getElementsByTagName("input");
            for(a = 0; a < inputs.length; a++) {
               if(inputs[a].name == group && inputs[a] != this.nextSibling) {
                  inputs[a].previousSibling.style.backgroundPosition = "0 0";
               }
            }
         }
         element.checked = true;
      }
   },
   clear: function() {
      inputs = document.getElementsByTagName("input");
      for(var b = 0; b < inputs.length; b++) {
         if(inputs[b].type == "checkbox" && inputs[b].checked == true && inputs[b].className == "styled") {
            inputs[b].previousSibling.style.backgroundPosition = "0 -" + checkboxHeight*2 + "px";
         } else if(inputs[b].type == "checkbox" && inputs[b].className == "styled") {
            inputs[b].previousSibling.style.backgroundPosition = "0 0";
         } else if(inputs[b].type == "radio" && inputs[b].checked == true && inputs[b].className == "styled") {
            inputs[b].previousSibling.style.backgroundPosition = "0 -" + radioHeight*2 + "px";
         } else if(inputs[b].type == "radio" && inputs[b].className == "styled") {
            inputs[b].previousSibling.style.backgroundPosition = "0 0";
         }
      }
   },
   choose: function() {
      option = this.getElementsByTagName("option");
      for(d = 0; d < option.length; d++) {
         if(option[d].selected == true) {
            document.getElementById("select" + this.name).childNodes[0].nodeValue = option[d].childNodes[0].nodeValue;
         }
      }
   }
}
window.onload = Custom.init;

<head>

	<title>Untitled</title>
	<link rel="stylesheet" type="text/css" href="stylesheet.css" />
	
	<script type="text/javascript"><!--

var lastDiv = "";
function showDiv(divname) {
	
	if (lastDiv) {
		document.getElementById(lastDiv).className = "hiddenDiv";
	}

	if (divName && document.getElementById(divName)) {
		document.getElementById(divName).className = "visibleDiv";
		lastDiv = divName;
	}
}
</script>

</head>

<body>
	
<h1>
	<form name="form" >
		<select name="select">
		<option selected>Choose
		<option value="one"> one
		<option value="two"> two
		<option value="other"> other
		</select>

		<input type="button" value="Search" onClick="showDiv(this.value)">
	</form>	
</h1></br>

<h2>
	Results:
	<p id="one" class="hiddenDiv">one</p>
	<p id="two" class="hiddenDiv">two</p>
	<p id="other" class="hiddenDiv">other</p>
</h2>

</body>

</html>

.hiddenDiv {
	display: none;
}

.visibleDiv {
	display: block;
}

<form id="search" action="find.html"  method="get">
... (some select options) ...
<input type="submit" class="submit" value="search">

www.domain.com/find.html?destination=italy&price=500

<a href="pageb.html?http://www.domain.com/find.html?destination=italy&price=500">show on page B</a><br>

<script type="text/javascript">
<!--

function loadIframe(){
if (location.search.length > 0){
url = unescape(location.search.substring(1))

window.frames["iframe"].location=url
}
}

onload=loadIframe
//-->
</script>

<iframe src="" name="iframe"  id="iframe"</iframe>

<a href="javascript:InsertContent('login-popdown');>Login</a>

<body>
<label id="Label1">ADMINISTRATOR CONSOLE - ADD AND EDIT ASSETS<br />
</label>
<form action="" method="post" style="border-style: ridge; width: 311px; height: 37px;" name="myform">
<table>
<tr>
<td>Select Category:</td><td>
<select name="category" onchange="set_sub_category()" style="width: 157px">
<option selected="selected" value="select">Select an Option</option>
<option value="add">Add Category</option>
<option value="district">Council District</option>
<option value="region">Region</option>
<option value="pom">POM</option>
<option value="proptype">Property Type</option>
<option value="assetcat">Asset Category</option>
<option value="assettype">Asset Type</option>
<option value="property">Property</option>
<option value="asset">Asset</option>
</select>
</td>
</tr>
</table>
</form>

<form style="display:none" action= "admin_console_new.html" onsubmit="return (validate_form(this)& validate_list(this))" method="post" style="border-style: ridge; border-width: medium; height: 154px; width: 346px;" name="district">
<table style="height: 86px">
<tr>
<td>Select District Value:</td><td>
<select name="district">
<option selected="selected">Select an Option</option>
<option>Add Council District</option>
</select>
</td>
</tr><tr>
<td>Enter District Name:</td><td>
<input name="name" type="text"/>
</td>
</tr><tr>
<td>Enter Description:</td><td><textarea name="description"></textarea>
</td>
</tr><tr>
<td><input type="submit" value="Submit" name="Submit3" /><input type="reset" value="Reset" />
</td>
</tr>
</table>
</form>

javascript:if((top.detail.findObj('X31').value="Inquiry")!="");

<label for="X31">Category:</label>

<body onLoad="startit()" onUnload="stopit()"> 
                </body> 
  <div align="center" valign="center" id="LoadMessageID" style="position: relative; top:40%; color:#0069A5; font-size:100% ;"> 
  <img src="/arsys/shared/images/Progress_NonModal-circle.gif" alt="wait image"/> 
  Loading...
  </div> 
</html>

<form name="form1" action="/arsys/forms/bmcitsm/HPD:Incident+Management+Console/Default+User+View+(Support)/?cacheid=a22a36a8" method="post">

<input id="arid301602600" type="text" class="text " style="top:0; left:0; width:225; height:21;" readonly="">

   var newvar = document.createElement('input');
    newvar.setAttribute('name',varname);
    newvar.setAttribute('type','hidden');
    newvar.setAttribute('value',Prompt.show("Enter notes"));
    document.mainform.appendChild(newvar);