onClick event

mmarkym · Feb 14, 2004

Why doesn't the sub work when called from the <input type='button' name='myButton' value='click me'>

<%

'This won't work, I get nothing
sub myButton_OnClick
response.write "hello world"

end sub

'From here it works

dim strFname
dim strLname
dim strStreet
dim strCity
dim strState
dim intZip
dim intNum
dim intTime
dim intDate
dim strEmail
dim strConnectionString
dim rsObj
dim connObj
dim strQuery

strFname = request.form("fname&quot

strLname = request.form("lname&quot

strStreet = request.form("street&quot

strCity = request.form("city&quot

strState = request.form("state&quot

intZip = request.form("zip&quot

intNum = request.form("number&quot

intTime = request.form("time&quot

intDate = request.form("date&quot

strEmail = request.form("email&quot

response.write ""
response.write "" & "<center>" & ""

response.write "<table border='1' bordercolor='#800000' width='30%' bgcolor='cccccc'>"
response.write "<th colspan='2' align='center'>" & "Reservations for " & strLname & "!" & ""

response.write "<TR>" & "<TD align='center'>"
response.write "First Name: " & "</TD><TD align='center'>" & strFname & "</TD></tr>"
response.write "<TR>" & "<TD align='center'>"
response.write "Last Name " & "</TD><TD align='center'>" & strLname & "</TD></TR>"
response.write "<TR>" & "<TD align='center'>"
response.write "Street: " & "</TD><TD align='center'>" & strStreet & "</TD></tr>"
response.write "<TR>" & "<TD align='center'>"
response.write "City/Town: " & "</TD><TD align='center'>" & strCity & "</TD></tr>"
response.write "<TR>" & "<TD align='center'>"
response.write "State: " & "</TD><TD align='center'>" & strState & "</TD></tr>"
response.write "<TR>" & "<TD align='center'>"
response.write "Zip Code: " & "</TD><TD align='center'>" & intZip & "</TD></tr>"
response.write "<TR>" & "<TD align='center'>"
response.write "Number of party: " & "</TD><TD align='center'>" & intNum & "</TD></tr>"
response.write "<TR>" & "<TD align='center'>"
response.write "Time: " & "</TD><TD align='center'>" & intTime & "</TD></tr>"
response.write "<TR>" & "<TD align='center'>"
response.write "Date: " & "</TD><TD align='center'>" & intDate & "</TD></tr>"
response.write "<TR>" & "<TD align='center'>"
response.write "Email: " & "</TD><TD align='center'>" & strEmail & "</TD></tr>"

response.write "<tr><td align='center'>" & "<input type='button' name='myButton' value='Submit''>" & "</td><td align='center'>" & "<input type='reset' value='Start over'>" & "</td></tr>"

response.write "</table>"
response.write "" & "</center>" & ""

%>

gbaughma · Feb 18, 2004

ASP Pages are processed on the server, and the resulting output sent to the browser, at which time processing stops.

To make this work, you would need browser-side scripting. This could be done in Javascript like so:

Code:

<input type='button' name='myButton' value='click me' OnClick='doMsg()'>

<SCRIPT Language=&quot;JavaScript&quot;>
function doMsg {
   Alert(&quot;Hello, World!&quot;);
}
</script>

... in this way, processing is done at the client end, instead of the server.

You *could* do it in ASP, however you would have to have the button call another page....

Code:

<input type='button' name='myButton' value='click me' action='someotherpage.asp'>

... someotherpage.asp
<%
Response.Write &quot;Hello, world&quot;
%>

... in this way, clicking on the button calls another page, the browser loads the new page.

A cool thing to do is to have multiple submit buttons on a page, each doing a different thing (I use that method for doing a spell checker button on forms) If you'd like to see how that's done, let me know.

--Greg

mmarkym · Feb 18, 2004

Sure - I'd like to see how that's done. It can always come in useful in the future.

mark

gbaughma · Feb 19, 2004

It's actually pretty easy. (Maybe this should be done as a tip instead???)

Set up your form as you always would in ASP:

Code:

<form name=&quot;myform&quot; action=&quot;somepage.asp&quot; method=&quot;post&quot;>
... some form junk in here...

<input type=&quot;submit&quot; name=&quot;s1&quot; value=&quot;Do spell check&quot; onClick=&quot;dospellcheck()&quot;>

<input type=&quot;submit&quot; name=&quot;s2&quot; value=&quot;Submit Form&quot; onClick=&quot;submitit()&quot;>

... Now, the secret is a little bit of JavaScript on the page, that actually CHANGES the action of the form when it's submitted... something like this (in the <head> area):

Code:

<script language=&quot;JavaScript&quot;>
function dospellcheck()
{
    document.myform.action=&quot;someotherasp.asp&quot;;
    document.myform.submit();
}
function submitit()
{
    document.myform.action=&quot;somepage.asp&quot;;
    document.myform.submit();
}
</script>

... and that's all there is to it! When the submit button is pressed, it replaces the action portion of the form with the one defined in the script, and then submitting the form.

In my application, I use it for spell-check, so included in my script is a command to open a sub-window (so my form still stays on the screen). The code I'm using is like this:

Code:

function SubmitSpellCheck1()
{
	winStats='toolbar=no,location=no,directories=no,menubar=no,'
	winStats+='width=400,height=250,left=200,top=100,scrollbars=yes'
	spellchk=window.open(&quot;&quot;,&quot;spellchk&quot;,winStats)
	document.MAIN.action=&quot;spellchk.asp?section=DATA&quot;
	document.MAIN.target=&quot;spellchk&quot;
	document.MAIN.submit();
}

Hope this stuff helps!
--Greg

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!

onClick event

mmarkym

Programmer

gbaughma

IS-IT--Management

mmarkym

Programmer

gbaughma

IS-IT--Management

Similar threads

Part and Inventory Search

Sponsor