Solved

ASPX HTML code to call another ASPX

Posted on 2015-01-21
21
85 Views
Last Modified: 2015-01-26
I have a simple ASP/HTML need that I need help with
 
In a sharepoint environment I need a simple page that has an input value and when the submit button is clicked it initiates the execution of another link.

Here is the Variable code

            <td style="width: 20%" class="style1">Enter the opportunity ID:</td>
            <td><span class="style2"><span class="style3">
            <input name="tOppID" type="text" value="OPP-" style="width: 147px" /></span></span>&nbsp;</td>

And here is the submit button code

            <td style="width: 20%" class="style1">
            <input name="Submit1" type="submit" value="submit" /></td>
            <td>&nbsp;</td>

When the user enters something in the tOppID field and then Clicks Submit I want it to execute the following:
http://prime31.sharepoint.xxx.com/teams/hpe%20global%20triage/Lists/PPM%20Assignments/Staffing.aspx?Param1=(tOppID)
0
Comment
Question by:Matt Pinkston
  • 11
  • 10
21 Comments
 
LVL 33

Expert Comment

by:Big Monty
ID: 40562712
first, add an ID to your input field:

<input name="tOppID" id="tOppID" type="text" value="OPP-" style="width: 147px" />

for your submit button, add a call to a javascript function:

<input name="Submit1" type="submit" value="submit" onclick="doSubmit(); />

then your javascript function would look like:

function doSubmit() {
    var url = 'http://prime31.sharepoint.xxx.com/teams/hpe%20global%20triage/Lists/PPM%20Assignments/Staffing.aspx?';
    var param = document.getElementById('tOppID').value;

   if( param != '' ) {
      url += 'Param1=' + param;
      document.forms[0].action = url;
     document.forms[0].submit();
   }
}
0
 

Author Comment

by:Matt Pinkston
ID: 40562732
where do I put the javascript?

in header just like

function doSubmit() {
     var url = 'http://prime31.sharepoint.xxx.com/teams/hpe%20global%20triage/Lists/PPM%20Assignments/Staffing.aspx?';
     var param = document.getElementById('tOppID').value;

    if( param != '' ) {
       url += 'Param1=' + param;
       document.forms[0].action = url;
      document.forms[0].submit();
    }
 }
0
 
LVL 33

Expert Comment

by:Big Monty
ID: 40562740
anywhere in your <HEAD> tags is fine
0
Optimizing Cloud Backup for Low Bandwidth

With cloud storage prices going down a growing number of SMBs start to use it for backup storage. Unfortunately, business data volume rarely fits the average Internet speed. This article provides an overview of main Internet speed challenges and reveals backup best practices.

 

Author Comment

by:Matt Pinkston
ID: 40562757
Does it have to be wrapped with anything?
0
 

Author Comment

by:Matt Pinkston
ID: 40562771
is this missing something?

<input name="Submit1" type="submit" value="submit" onclick="doSubmit();/>
0
 
LVL 33

Expert Comment

by:Big Monty
ID: 40562781
you need to specify the fact that it's javascript, so your complete code in your <HEAD> tag would be:

<script type="text/javascript">
function doSubmit() {
     var url = 'http://prime31.sharepoint.xxx.com/teams/hpe%20global%20triage/Lists/PPM%20Assignments/Staffing.aspx?';
     var param = document.getElementById('tOppID').value;

    if( param != '' ) {
       url += 'Param1=' + param;
       document.forms[0].action = url;
      document.forms[0].submit();
    }
 }
</script>

Open in new window

0
 

Author Comment

by:Matt Pinkston
ID: 40562799
Okay Weird...

Got it all implemented BUT

when I click Submit I get:

Go back to site Error Error
This Page has been modified since you opened it. You must open the page again.

Refresh page.

Troubleshoot issues with Microsoft SharePoint Foundation.

Correlation ID: 87f8fac8-0d09-4c33-9b21-954ae10df24d

Date and Time: 1/21/2015 7:22:44 PM

Go back to site Go back to site

However if I copy the link it produced on top and paste into a new IE I get results?
0
 
LVL 33

Expert Comment

by:Big Monty
ID: 40562816
ok let's change your javascript function to:

function doSubmit() {
     var url = 'http://prime31.sharepoint.xxx.com/teams/hpe%20global%20triage/Lists/PPM%20Assignments/Staffing.aspx?';
     var param = document.getElementById('tOppID').value;

    if( param != '' ) {
       url += 'Param1=' + param;
       window.location = url;
    }
 }

Open in new window

0
 

Author Comment

by:Matt Pinkston
ID: 40562980
Now it is doing nothing

<head runat="server">
<meta http-equiv="Content-Language" content="en-us" />
<meta name="WebPartPageExpansion" content="full" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 1</title>
<style type="text/css">
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
}
.style3 {
	font-size: 12px;
}
</style>

<script language="javascript" type="text/javascript">
function doSubmit() {
     var url = 'http://prime31.sharepoint.xxx.com/teams/hpe%20global%20triage/Lists/PPM%20Assignments/Staffing.aspx?';
     var param = document.getElementById('tOppID').value;

    if( param != '' ) {
       url += 'Param1=' + param;
       window.location = url;
    }
 } </script>  

</head>

<body>

<form id="form1" runat="server">
<span class="style1"><strong>Staffing Profile Search Tool</strong></span><br />
&nbsp;<table style="width: 100%">
	<tr>
		<td style="width: 20%" class="style1">Enter the opportunity ID:</td>
		<td><span class="style2"><span class="style3">
		<input name="tOppID" id="tOppID" type="text" value="OPP-" style="width: 147px" /></span></span>&nbsp;</td>
	</tr>
	<tr>
		<td style="width: 20%" class="style1">&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
	<tr>
		<td style="width: 20%" class="style1">
		<input name="Submit1" type="submit" value="submit" onclick="doSubmit()";/>
		</td>
		<td>&nbsp;</td>
	</tr>
</table>
<br />
</form>

</body>

</html>

Open in new window

0
 

Author Comment

by:Matt Pinkston
ID: 40563161
the code now just refreshes the first screen
0
 

Author Comment

by:Matt Pinkston
ID: 40563226
Since this is not working, is there a way to do the following?

<FORM ID=xxx Action="'http://prime31.sharepoint.xxx.com/teams/hpe%20global%20triage/Lists/PPM%20Assignments/Staffing.aspx?Param1=" + Value typed into tOppID
0
 
LVL 33

Expert Comment

by:Big Monty
ID: 40563347
sure, you can just set your form tag as:

<FORM ID=xxx Action="'http://prime31.sharepoint.xxx.com/teams/hpe%20global%20triage/Lists/PPM%20Assignments/Staffing.aspx" method="GET">

when the form is submitted, it'll pass along all of the form fields in the query string. whatever name you want to pass make sure the it is the same as your NAME attribute in your input tield
0
 

Author Comment

by:Matt Pinkston
ID: 40563367
don't I need to have the ?Param1= to pass the variable to the receiving ASPX
0
 
LVL 33

Expert Comment

by:Big Monty
ID: 40563382
Nope when you submit a form, it'll pass over all of the data depending on what METHOD you specify. In this case we specified GET, which will pass over the data in the url. Try it and you'll see what I mean
0
 

Author Comment

by:Matt Pinkston
ID: 40563388
Okay I must be screwing this up...

here is the link produced from the code below...

http://prime31.sharepoint.xxx.com/teams/hpe%20global%20triage/Lists/PPM%20Assignments/'http://prime31.sharepoint.xxx.com/teams/hpe%20global%20triage/Lists/PPM%20Assignments/Staffingx.aspx'?tOppID=OPP-0000613278&Submit=submit

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<%@ Page Language="C#" %>
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">
<meta http-equiv="Content-Language" content="en-us" />
<meta name="WebPartPageExpansion" content="full" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 1</title>
<style type="text/css">
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
}
.style3 {
	font-size: 12px;
}
</style>


</head>

<body>

<form id="form1" Action="'http://prime31.sharepoint.xxx.com/teams/hpe%20global%20triage/Lists/PPM%20Assignments/Staffingx.aspx'" method="GET">
<span class="style1"><strong>Staffing Profile Search Tool<br />
<br />
</strong></span><br />
&nbsp;<table style="width: 100%">
	<tr>
		<td style="width: 20%" class="style1">Enter the opportunity ID:</td>
		<td><span class="style2"><span class="style3">
		<input name="tOppID" id="tOppID" type="text" value="OPP-" style="width: 147px" /></span></span>&nbsp;</td>
	</tr>
	<tr>
		<td style="width: 20%" class="style1">&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
	<tr>
		<td style="width: 20%" class="style1">
		<input name="Submit" type="submit" value="submit" />
		</td>
		<td>&nbsp;</td>
	</tr>
</table>
<br />
</form>

</body>

</html>

Open in new window

0
 
LVL 33

Expert Comment

by:Big Monty
ID: 40563395
What should it be
0
 

Author Comment

by:Matt Pinkston
ID: 40563403
0
 
LVL 33

Expert Comment

by:Big Monty
ID: 40563418
Take out the single quotes in the action attribute of the form tag
0
 

Author Comment

by:Matt Pinkston
ID: 40563421
0
 
LVL 33

Accepted Solution

by:
Big Monty earned 500 total points
ID: 40563432
Try removing the name attribute from the submit button
0
 
LVL 33

Expert Comment

by:Big Monty
ID: 40564298
by the way, how is it messing it up? it should just be ignored on the other end. you could also rename the submit button if the problem is the name "submit", that would be the better choice
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

825 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question