Clicking a button makes div invisible. 1

MJB3K · Jan 21, 2006

Hi, i was wondering how you can do this:

If you click a form button, it makes a div invisible.
Also the div should b about 60% visibility then when the button is clicked, it makes it invisible or 0%.

Any ideas??

Regards,

Martin

Computing Help And Info:

http://www.webrevolt.biz

BillyRayPreachersSon · Jan 21, 2006

You'll have to use JavaScript for this (forum216).

Hope this helps,
Dan

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

BillyRayPreachersSon · Jan 21, 2006

Aaah what the heck - there's more HTML and CSS involved that JavaScript:

Code:

<html>
<head>
	<style type="text/css">
		div#myDiv {
			background-color: red;
			-moz-opacity: 0.6;
			-khtml-opacity: 0.6;
			opacity: 0.6;
			filter: alpha(opacity=60);
			_zoom: 1;	/* Needed for IE to give the element "layout" */
		}

	</style>
</head>
<body>
	<input type="button" onclick="document.getElementById('myDiv').style.display = 'none';" value="Hide Div" />
	<div id="myDiv">
		This is a div
	</div>
</body>
</html>

Hope this helps,
Dan

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

MJB3K · Jan 21, 2006

thanks

Regards,

Martin

Computing Help And Info:

http://www.webrevolt.biz

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!

Clicking a button makes div invisible. 1

MJB3K

Programmer

BillyRayPreachersSon

Programmer

BillyRayPreachersSon

Programmer

MJB3K

Programmer

Similar threads

Part and Inventory Search

Sponsor