Hiding a div on button click... stuck.

[leijae]

I can get it work when I click a radio.

 

// this is my javascript
function hidey(val)
	{
		if(val == 'on' || val === true)
		{
			document.getElementById('a1').checked = true;
			document.getElementById('toshow').style.display = 'block';
			document.getElementById('tohide').style.display = 'none';
		}
		else if(val == 'off' || val === false)
		{
			document.getElementById('a2').checked = true;
			document.getElementById('toshow').style.display = 'none';
		}

	}

//this is my html
<form action=" " method="post">
						This is on <input id="a1" name="kind" type="radio" value="on" checked="checked" onclick="hidey(this.checked);" /><br />
						This is off <input id="a2" name="kind" type="radio" value="on" checked="checked" onclick="hidey(this.checked);" />

 

that works fine, but I can't find anywhere on how to run a function like "hidey" when a button is clicked. Here's my attempt:

 

//this is my javascript
function hidey(val)
	{
		if(val == 'on' || val === true)
		{
			document.getElementById('a1').checked = true;
			document.getElementById('toshow').style.display = 'block';
			document.getElementById('tohide').style.display = 'none';
		}
		else if(val == 'off' || val === false)
		{
			document.getElementById('a2').checked = true;
			document.getElementById('toshow').style.display = 'none';
		}

	}

//this is my html
<input class="button" type="button" value="Continue" onclick="hidey(this.clicked);">

 

i understand that the value isn't on, but that's why i put "true". because when it's clicked, it's true, right?

[leijae]

I get the error:

 

hidey(); must be inside loop

[leijae]

bump for a cool guy?

[Zane]

What exactly are you trying to do? Hide the checkbox?

[leijae]

I'm trying to run the function "hidey" when I click the button, but I want the exact same results as when I click the radio. It hides the div "tohide" and shows the div "toshow"

[Zane]

onclick

should be

onClick

 

EDIT: nevermind.. i don't think HTML attributes are case-sensitive.

[Zane]

 

you're passing an attribute of this that doesn't exist in this element.  You made need to alter your javascript IF statement to include the word "Continue"..

you'll also have to change what you're passing to hidey.

 

like this

[leijae]

that worked! great! thanks Zanus!

 

[sOLVED]

[Adam]

onclick

should be

onClick

 

EDIT: nevermind.. i don't think HTML attributes are case-sensitive.

 

Only XHTML is case-sensitive.