Ad:

PHP Discussion Thread
Unsolved
Views: 11520

Page 1
2
Next

You are currently viewing page 1 of this multi-page discussion thread

Mar 31st, 2008

check box enable button

Expand Post »

i can't do this form, the button will be disabled when page load and only be enabled when one tick in the checkbox ( if the checkbox is unticked , the button will be disabled again). anyone help me ? thanks

Similar Threads

cannot find server or DNS error in Web Browsers
System 32 box showing up at startup in Viruses, Spyware and other Nasties
System 32 at startup and "dwn"/"down" pop up at startup in Viruses, Spyware and other Nasties
Hijack IE in Viruses, Spyware and other Nasties
startpage.4.ao browser hijacker / would like it out my system in Viruses, Spyware and other Nasties

austin-khoi

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

4 posts
since Mar 2008

Permalink

Mar 31st, 2008

Re: check box enable button

php Syntax (Toggle Plain Text)
<html>
<head>
<script type="text/javascript">
function enableButton() {
	if(document.getElementById('option').checked){
		document.getElementById('edit').disabled='';
	} else {
		document.getElementById('edit').disabled='true';
	}
}
</script>
 </head>
<body onload="enableButton();">
<form method="post" action="test5.php">
<input type="checkbox" name="option"  id="option" onclick="javascript:enableButton();">Enable<br>
<input type="button" name="button" value="Edit" id="edit">
</form>
</body>
</html>
<html>
<head>
<script type="text/javascript">
function enableButton() {
	if(document.getElementById('option').checked){
		document.getElementById('edit').disabled='';
	} else {
		document.getElementById('edit').disabled='true';
	}
}
</script>
 </head>
<body onload="enableButton();">
<form method="post" action="test5.php">
<input type="checkbox" name="option"  id="option" onclick="javascript<b></b>:enableButton();">Enable<br>
<input type="button" name="button" value="Edit" id="edit">
</form>
</body>
</html>

Cheers,
Naveen

nav33n

Moderator

Featured Poster

Reputation Points: 524

Solved Threads: 356

Purple hazed!

Offline

3,878 posts
since Nov 2007

Permalink

Jun 22nd, 2009

Re: check box enable button

ok, its good

Mahesh_J

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

3 posts
since Jun 2009

Permalink

Sep 13th, 2009

Re: check box enable button

Click to Expand / Collapse Quote originally posted by nav33n ...

php Syntax (Toggle Plain Text)
<html>
<head>
<script type="text/javascript">
function enableButton() {
	if(document.getElementById('option').checked){
		document.getElementById('edit').disabled='';
	} else {
		document.getElementById('edit').disabled='true';
	}
}
</script>
 </head>
<body onload="enableButton();">
<form method="post" action="test5.php">
<input type="checkbox" name="option"  id="option" onclick="javascript:enableButton();">Enable<br>
<input type="button" name="button" value="Edit" id="edit">
</form>
</body>
</html>
<html> <head> <script type="text/javascript"> function enableButton() { if(document.getElementById('option').checked){ document.getElementById('edit').disabled=''; } else { document.getElementById('edit').disabled='true'; } } </script> </head> <body onload="enableButton();"> <form method="post" action="test5.php"> <input type="checkbox" name="option" id="option" onclick="javascript<b></b>:enableButton();">Enable<br> <input type="button" name="button" value="Edit" id="edit"> </form> </body> </html>
Cheers,
Naveen

Hi,

I'm new to this site and I know absolutely nothing about writing script of any kind. I am building a website using iWeb and I need to to be able to create a button on my webpage exactly like the one above. How do I make the button click go to a URL? For example I want this button to activate when the check mark is added and then when the actual button is clicked I want it to take my visitor to a link of my choice.

Thank you....

Jay

Dasjetta

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

6 posts
since Sep 2009

Permalink

Sep 14th, 2009

Re: check box enable button

Hi! Welcome to Daniweb.. Is this what you want ?

php Syntax (Toggle Plain Text)
<html>
<head>
<script type="text/javascript">
function enableButton() {
	if(document.getElementById('option').checked){
		document.getElementById('b1').disabled='';
	} else {
		document.getElementById('b1').disabled='true';
	}
}
</script>
</head>
<body onload="enableButton();">
<form method="post">
<input type="checkbox" name="option"  id="option" onclick="javascript:enableButton();">Enable<br>
<input type="button" name="b1" value="Click" id="b1" onclick=location.replace('http://www.google.com') />
</form>
</body>
</html>
<html>
<head>
<script type="text/javascript">
function enableButton() {
	if(document.getElementById('option').checked){
		document.getElementById('b1').disabled='';
	} else {
		document.getElementById('b1').disabled='true';
	}
}
</script>
</head>
<body onload="enableButton();">
<form method="post">
<input type="checkbox" name="option"  id="option" onclick="javascript<b></b>:enableButton();">Enable<br>
<input type="button" name="b1" value="Click" id="b1" onclick=location.replace('http://www.google.com') />
</form>
</body>
</html>

nav33n

Moderator

Featured Poster

Reputation Points: 524

Solved Threads: 356

Purple hazed!

Offline

3,878 posts
since Nov 2007

Permalink

Sep 14th, 2009

Re: check box enable button

Click to Expand / Collapse Quote originally posted by nav33n ...

Hi! Welcome to Daniweb.. Is this what you want ?
php Syntax (Toggle Plain Text)
<html>
<head>
<script type="text/javascript">
function enableButton() {
	if(document.getElementById('option').checked){
		document.getElementById('b1').disabled='';
	} else {
		document.getElementById('b1').disabled='true';
	}
}
</script>
</head>
<body onload="enableButton();">
<form method="post">
<input type="checkbox" name="option"  id="option" onclick="javascript:enableButton();">Enable<br>
<input type="button" name="b1" value="Click" id="b1" onclick=location.replace('http://www.google.com') />
</form>
</body>
</html>
<html> <head> <script type="text/javascript"> function enableButton() { if(document.getElementById('option').checked){ document.getElementById('b1').disabled=''; } else { document.getElementById('b1').disabled='true'; } } </script> </head> <body onload="enableButton();"> <form method="post"> <input type="checkbox" name="option" id="option" onclick="javascript<b></b>:enableButton();">Enable<br> <input type="button" name="b1" value="Click" id="b1" onclick=location.replace('http://www.google.com') /> </form> </body> </html>

We are getting close. When I put this code in my site and run it from the webpage it doesn't work properly. What happens is it opens google.com in a very tiny window where the "Click" button was. I don't want a pop up window but rather have it load google.com full size in the current window.

I would also like to be able to format it a little. I want to be able to place the check box on the right and be able to either center the "Click" button or position it on the left.

Thank you so much for the help....

Jay

Dasjetta

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

6 posts
since Sep 2009

Permalink

Sep 15th, 2009

Re: check box enable button

I don't know if this makes a difference but I'm inserting the code as a Widget in iWeb 09. I think it sees the automatically generated frame of the Widget as the boundary when opening up the URL upon the button click. Can we work around this?

Dasjetta

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

6 posts
since Sep 2009

Permalink

Sep 16th, 2009

-1

Re: check box enable button

Quote ...

We are getting close. When I put this code in my site and run it from the webpage it doesn't work properly. What happens is it opens google.com in a very tiny window where the "Click" button was. I don't want a pop up window but rather have it load google.com full size in the current window.

Quote ...

I don't know if this makes a difference but I'm inserting the code as a Widget in iWeb 09.

It works as it is. I haven't used iweb09, so I don't have the slightest clue

If you post your relevant code, maybe someone who has experience on iweb 09 can help you out!

nav33n

Moderator

Featured Poster

Reputation Points: 524

Solved Threads: 356

Purple hazed!

Offline

3,878 posts
since Nov 2007

Permalink

Sep 16th, 2009

Re: check box enable button

html Syntax (Toggle Plain Text)
<input type="button" name="b1" value="Click" id="b1" onclick="top.location.replace('http://www.google.com');" />
<input type="button" name="b1" value="Click" id="b1" onclick="top.location.replace('http://www.google.com');" />

Last edited by almostbob; Sep 16th, 2009 at 7:08 am.

almostbob

Reputation Points: 562

Solved Threads: 368

Posting Maven

Offline

2,970 posts
since Jan 2009

Permalink

Sep 16th, 2009

Re: check box enable button

Click to Expand / Collapse Quote originally posted by almostbob ...

html Syntax (Toggle Plain Text)
<input type="button" name="b1" value="Click" id="b1" onclick="top.location.replace('http://www.google.com');" />
<input type="button" name="b1" value="Click" id="b1" onclick="top.location.replace('http://www.google.com');" />

Thank you

That did the trick. Is there any way to format this within the Widget window? For instance I want to be able to center the button and put the check box to the right side in the box.

Also, it is possible to make a description word such as ENABLE for the check box to be a hyper link?

My intent for this little gem is to use it as a way to verify that a customer has read and agrees to my legal terms and condition before being able to order the product. The hyperlink will take then to the terms and conditions page.

To see an example of this code in use see my page http://www.holiday-scooters.com/HSR/...hair_Info.html

Last edited by Dasjetta; Sep 16th, 2009 at 7:46 am.

Dasjetta

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

6 posts
since Sep 2009

Page 1
2
Next

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in PHP Forum Timeline: Need help

Next Thread in PHP Forum Timeline: Need Help in sending n receiving verification email

DaniWeb Message

Cancel Changes

User Name
Password