How to resize Window, move buttons

rf222 · Mar 17, 2004

I would like to have an Advanced button on the screen.

1 )When user clicks Advanced it would resize window and move all all buttons down.

2) Advanced button label would change to Basic.

3) When user clicks Basic it would resize button back to the original size and move buttons back to their original position.

Any idea how to do it ?

jemminger · Mar 17, 2004

what buttons?

=========================================================
-jeff

http://www.jeffemminger.com

try { succeed(); } catch(E) { tryAgain(); }

BillyRayPreachersSon · Mar 18, 2004

rf222,

This should do the job for you:

Code:

<html>
<head>
<script type="text/javascript">
<!--
	function toggleAdvanced()
	{
		var buttonObj = document.forms['myForm'].typeButton;
		if (buttonObj.value == "Advanced")
		{
			buttonObj.value = "Basic"
			document.getElementById('advancedSection').style.display = 'block';
		} else {
			buttonObj.value = "Advanced"
			document.getElementById('advancedSection').style.display = 'none';
		}
	}
//-->
</script>
</head>
<body>
	<form name="myForm">
		<input type="button" name="typeButton" value="Advanced" onclick="toggleAdvanced();">
		<div id="advancedSection" style="display:none;">
			This is the advanced section
			<input type="button" name="dummyButton1" value="Button 1">
			<input type="button" name="dummyButton2" value="Button 2">
			<input type="button" name="dummyButton3" value="Button 3">
		</div>
	</form>
	Dummy text...
</body>
</html>

Hope this helps,
Dan

rf222 · Mar 18, 2004

OK great. Thanks a lot. I got an idea.

Just courious. How would you move the Advanced/Basic buttons in the docoment? Is there a method Move ?

BillyRayPreachersSon · Mar 18, 2004

It depends on what you mean by "move them". You can move them simply by changing where they are in the document.

Describe what you mean by "move" and I'll tell you if it can be done or not.

Dan

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!

How to resize Window, move buttons

rf222

Programmer

jemminger

Programmer

BillyRayPreachersSon

Programmer

rf222

Programmer

BillyRayPreachersSon

Programmer

Similar threads

Part and Inventory Search

Sponsor