onclick problem

**janunme** · 04-09-2007, 06:13 AM

hi to all

i want to change the properties of some objects. is it possible
i am sending my code please go through this and tell is it possible

Code:

<html>
	<head>
		<script language="javascript">
		function put()
		{
			//here it redirects to insert page
		}
		function putupdate()
		{
/*here i want to write code to find the record of entered number and put those values at relevent fields, i want to hide "Insert" button and also change the method which is going to call "Update" button to update()*/
		}
		function updateing()
		{
			//here it redirects to update page		}
		</script>
	</head>
	<body>
		<form name="f1">
		<br><br>
		<center>
		Number:<input tpe="text" name=t1"><br>
		Name:<input type="text" name="t2"><br>
	Address:<input type="textarea" rows=4 cols=4 name="ta1"><br><br>
		<input type=button value="Insert" onClick="put()">
           <input type="button" value="Update" onClick="putupdate()">
	</body>
</html>

regards

**tech_support** · 04-09-2007, 06:15 AM

Use this:

Code:

document.forms['formname'].elements['buttonname'].onClick = null

to clear the onClick event on a button.

**janunme** · 04-09-2007, 06:38 AM

thanks for your quik reply

the code what you sent is to set onclick to null. if i want to set new method for onclick can i use as follows:

document.forms['formname'].elements['buttonname'].onClick = 'newFunction()'

is it correct.

**tech_support** · 04-09-2007, 06:40 AM

Nope. You need to set it as:

Code:

document.forms['formname'].elements['buttonname'].onClick = function() {newFunction()}

**janunme** · 04-09-2007, 10:08 AM

i used like this. bu ti amgetting errors only. where i am doing mistakes

Code:

<html>
	<head>
		<script language="javascript">
		function tes()
		{
			window.alret("hi");
			document.forms['f1'].elements['b1'].onClick = function() {tep()}
		}
		function tep()
		{
			window.alert("hello");
			document.forms['f1'].elements['b1'].onClick = function() {tes()}
		}
		</script>
	</head>
	<body>
		<form name="f1">
		 <input type=button onclick="tes()" name="b1" value="click here">
		 </form>
	</body>
</html>

i am getting th e following error "object does't support this method or property"
regards

**tech_support** · 04-09-2007, 10:16 AM

Why do you need to repeat the function?

**codeexploiter** · 04-09-2007, 10:27 AM

The problem in red color

Code:

<html>
	<head>
		<script language="javascript">
		function tes()
		{
			window.alret("hi");
			document.forms['f1'].elements['b1'].onClick = function() {tep()}
		}
		function tep()
		{
			window.alert("hello");
			document.forms['f1'].elements['b1'].onClick = function() {tes()}
		}
		</script>
	</head>
	<body>
		<form name="f1">
		 <input type=button onclick="tes()" name="b1" value="click here">
		 </form>
	</body>
</html>

It should be

Code:

window.alert("hi");

I wonder what you are trying to do

**mburt** · 04-09-2007, 12:32 PM

Plus that creates an indefinite loop, which could possibly crash a client's computer

.

I wonder what you are trying to do

I don't see any point either.

**jscheuer1** · 04-09-2007, 03:34 PM

In javascript, it is:

onclick

Not:

onClick.

You can do this:

Code:

function bob(){
alert('bob');
}
element.onclick=bob;

or this:

Code:

function bob(){
alert('bob');
}
element.onclick=function(){bob();};

or:

Code:

element.onclick=function(){alert('bob');};

or even:

Code:

element.onclick=new Function("alert('bob')");

**jscheuer1** · 04-09-2007, 03:50 PM

I looked into this a bit further and there were a few other typos/syntax errors. This works:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<script language="javascript">
		function tes(el)
		{
			alert("hi");
			el.onclick = function(){tep(this)};
		}
		function tep(el)
		{
			alert("hello");
			el.onclick = function(){tes(this)};
		}
		</script>
</head>
<body>
		<form name="f1">
		 <input type=button onclick="tes(this)" name="b1" value="click here">
		 </form>
</body>
</html>

Thread: onclick problem

Thread Tools

Search Thread

onclick problem

Bookmarks

Bookmarks

Posting Permissions