Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
How to display a select box in a same page when a button pressed press
- Thread starter daka94
- Start date
Hi mate,
Use a hidden div that is called by the button click.
Hope this helps Wullie
Use a hidden div that is called by the button click.
Hope this helps Wullie
- Thread starter
- #3
Hi mate,
The following is an example of how to hide and also show it again..
<script language="JavaScript"><!--
function show(object) {
if (document.layers && document.layers[object])
document.layers[object].visibility = 'visible';
else if (document.all) {
document.all[object].style.visibility = 'visible';
document.all[object].style.zIndex = 100;
}
}
function hide(object) {
if (document.layers && document.layers[object])
document.layers[object].visibility = 'hidden';
else if (document.all)
document.all[object].style.visibility = 'hidden';
}
//--></script>
<div id="myId" style="position: relative; visibility: hidden;">
<form name="mytestform">
<Select name="test">
<option>Test
<option>Test 2
<option>Test 3
</select>
</form>
</div>
<div style="position: relative; visibility: visible;">
<a href="javascript:;" onClick="window.show('myId')">Show The Select</a>
<a href="javascript:;" onClick="window.hide('myId')">Hide The Select</a>
</div>
Hope this helps Wullie
The following is an example of how to hide and also show it again..
<script language="JavaScript"><!--
function show(object) {
if (document.layers && document.layers[object])
document.layers[object].visibility = 'visible';
else if (document.all) {
document.all[object].style.visibility = 'visible';
document.all[object].style.zIndex = 100;
}
}
function hide(object) {
if (document.layers && document.layers[object])
document.layers[object].visibility = 'hidden';
else if (document.all)
document.all[object].style.visibility = 'hidden';
}
//--></script>
<div id="myId" style="position: relative; visibility: hidden;">
<form name="mytestform">
<Select name="test">
<option>Test
<option>Test 2
<option>Test 3
</select>
</form>
</div>
<div style="position: relative; visibility: visible;">
<a href="javascript:;" onClick="window.show('myId')">Show The Select</a>
<a href="javascript:;" onClick="window.hide('myId')">Hide The Select</a>
</div>
Hope this helps Wullie
ravula2000
IS-IT--Management
What is the significance of div tag here? Can you please elaborate..
Thanks
Thanks
Hi mate,
When a link is clicked the div is either hidden or shown.
If you didn't have the div, then you would not be able to hide the select box.
That's all there is to it..
Hope this helps Wullie
When a link is clicked the div is either hidden or shown.
If you didn't have the div, then you would not be able to hide the select box.
That's all there is to it..
Hope this helps Wullie
- Status
Similar threads
- Locked
- Question
- Locked
- Question