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!

Register Log in
  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Need help to complete my submit form

Status
Not open for further replies.
binaryops

binaryops

ISP
May 2, 2004
46
US
Ok, this is really frustrating me and I could really use some help. I am not a programmer and apologize if my questions are amatuer. I've modified already existing code from a form that my company uses. The reason for modification was to create different values to be returned on another page after clicking the submit button.

The Form is already set up to my liking in terms of what is displayed, but I can't figure out how to take the information input into the form and display it all in a nice neat format on another page after clicking submit. Let me list the code and if someone can PLEASE help me complete this, I would be so greatly appreciative.

Remember, the code is taken and modified from another form that I didn't create but only modified to my liking for a new form that my team needs to use. You may have some questions about why some code is in place and what it's function is. I more than likely won't have the answer so I apologize ahead of time. I do Networking support, not programming and thought I could tackle this task, but I'm finding is more trouble than anything. I have to complete it though. The code is as follows: (please save code in notepad as .html (like you didn't know that already) to view the page.
----------------------------------------------------------

<html>
<head>
<link rel="stylesheet" href="/lib/css/apps.css" type="text/css" />
<title>WELCOME - Please Enter a call [Current count ()]</title>
<script language="JavaScript" type="text/javascript">

var submitonce=0;

function checkSubmit(){
if (submitonce) {
alert('This form has already been submitted.' )
return false; }
else {
submitonce++;
return true; }
}
function checkSmallForm(){

if (theForm.FTSUUID.value == ""){
alert("Sorry, you must provide the Agent I.D.!")
theForm.FTSUUID.focus()
return false
}
if (theForm.TT.value == ""){
alert("Sorry, you must provide the Caller Name!")
theForm.TT.focus()
return false
}
}

if (theForm.CBR.value == ""){
alert("Sorry, you must provide the CBR number!")
theForm.CBR.focus()
return false
}
}

function checkForm(){

if (theForm.FTSUUID.value == ""){
alert("Sorry, you must provide the Agent I.D.!")
theForm.FTSUUID.focus()
return false
}
if (theForm.TT.value == ""){
alert("Sorry, you must provide the Caller Name!")
theForm.TT.focus()
return false
}

if (theForm.CBR.value == ""){
alert("Sorry, you must provide the CBR number!")
theForm.CBR.focus()
return false
}
var nccindex = document.theForm.ncc.selectedIndex;
var ncctxt = document.theForm.ncc.options[nccindex].value;
if (nccxt == "0"){
alert("Sorry, you must NCC status before continuing!")
document.theForm.ncc.focus()
return false
}

var atmpingindex = document.theForm.atmping.selectedIndex;
var atmpingtxt = document.theForm.atmping.options[atmpingindex].value;
if (atmpingtxt == "0"){
alert("Sorry, you must select ATM ping status before continuing!")
document.theForm.atmping.focus()
return false
}

var bbtindex = document.theForm.bbt.selectedIndex;
var bbttxt = document.theForm.bbt.options[bbtindex].value;
if (bbttxt == "0"){
alert("Sorry, you must select the BBT status before continuing!")
document.theForm.bbt.focus()
return false
}
var ldapindex = document.theForm.ldap.selectedIndex;
var ldaptxt = document.theForm.ldap.options[ldapindex].value;
if (ldaptxt == "z"){
alert("Sorry, please select LDAP status before continuing!")
document.theForm.ldap.focus()
return false
}

}
var osindex = document.theForm.os.selectedIndex;
var ostxt = document.theForm.os.options[osindex].value;
if (ostxt == "z"){
alert("Sorry, please select the Operating System before continuing!")
document.theForm.os.focus()
return false
}
</script>
</head>
<body class="body" style="text-align: center;">

<!-- <form action="form1.txt" method="POST" name="theForm" onsubmit=" return checkForm(document.theForm); return checkSubmit();"> -->
<form action="form1.txt" method="POST" name="theForm" onsubmit="return checkForm(document.theForm); return checkSubmit();">
<input type="hidden" name="GROUP" value='2' />
<input type="hidden" name="origin" value="IN" />
<table border="0" cellspacing="0" cellpadding="0" class="tableborder" style="width: 700px; text-align: center; background-image: url(/lib/images/bg.gif);">
<tr>
<td valign="top">
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" width="10">&nbsp;</td>

<td align="right" height="50" class="body8"> </td>
<td align="left" height="50" width="10">&nbsp;</td>

<TD>
</tr>

</table>

<table border="0" cellspacing="0" cellpadding="3" class="tableborder" style="width: 600px; background-color: white; text-align: center;">

<td colspan="2" style="height: 20px;" align="center"><b><I><H3>CRM NOTES</H3></I></b></td>
</tr>
<!--
Removing. Used for ID validation which is no longer in use.

-->
<tr class="body8">

<td>Agent Type<span class="notice">:</span></td>
<td style="text-align: left">
<input type="radio" name="type" value="2" checked />FTS
<input type="radio" name="type" value="1" />ASI
<input type="radio" name="type" value="3" />EPC
<input type="radio" name="type" value="3" />CSI
</td>
</tr>

<tr class="body8">
<td>Agent I.D<span class="notice">:</span></td>
<td style="text-align: left"><input type="text" name="Agent I.D" size="10" value="" maxlength="30" /></td>

</td>
</tr>

<tr class="body8">
<td>TT<span class="notice">:</span></td>
<td style="text-align: left"><input type="text" name="callersname" size="10" value="" maxlength="30" /></td>

</td>
</tr>

<tr class="body8">
<td>CBR<span class="notice">:</span></td>
<!-- <td><input type="text" name="CBR" maxlength="10" size="10" /></td> -->
<td style="text-align: left"><input type="text" name="CBR" maxlength="10" size="10" /></td>
</tr>

<tr class="body8">
<td>NCC<span class="notice">:</span></td>
<td style="text-align: left">

<select name="NCC" size="1" onchange='changeOptions()'>
<option value="0"></option>
<option value="Outage">Outage</option>
<option value="No Outage">No Outage</option>

</td>
</tr>

<tr class="body8">
<td>ATM Ping<span class="notice">:</span></td>
<td style="text-align: left">
<!--
Removing. Used for ID validation which is no longer in use.

-->
<select name="ATMPing" size="1" onchange='changeOptions()'>
<option value="0"></option>
<option value="100%">100%</option>
<option value="0%">0%</option>
<option value="UP/UP">UP/UP</option>
<option value="UP/DOWN">UP/DOWN</option>
<option value="Intermittent">Intermittent</option>
<option value="Not Run">Not Run</option>
</select>
</td>
</tr>
<tr class="body8">
<td>BBT<span class="notice">:</span></td>
<td style="text-align: left">
<!--
Removing. Used for ID validation which is no longer in use.

-->
<select name="BBT" size="1" onchange='changeOptions()'>
<option value="0"></option>
<option value="Green">Green</option>
<option value="Red">Red</option>
<option value="OOS">OOS</option>
<option value="Not Run">Not Run</option>
</select>
<!--
Removing. Used for ID validation which is no longer in use.

-->
</td>
</tr>

<tr class="body8">
<td>LDAP<span class="notice">:</span></td>
<td style="text-align: left">


<select name="LDAP" size="1" onchange='changeOptions()'>
<option value="0"></option>
<option value="Enabled A">Enabled A</option>
<option value="Enabled 1544">Enabled 1544</option>
<option value="Suspended A">Suspended A</option>
<option value="Suspended 1544">Suspended 1544</option>
<option value="Inactive A">Inactive A</option>
<option value="Terminated">Terminated</option>


</select>

</td>
</tr>

<tr class="body8">
<td>OS<span class="notice">:</span></td>
<td style="text-align: left">


<select name="LDAP" size="1" onchange='changeOptions()'>
<option value="0"></option>
<option value="XP">XP</option>
<option value="ME">ME</option>
<option value="2K">2K</option>
<option value="98">98</option>
</select>

</td>
</tr>


<tr class="body8">
<td valign="top">Troubleshooting</td>
<td style="text-align: left">
<textarea name="Notes" cols="50" rows="3" wrap="VIRTUAL" maxlength='2000'></textarea>
</td>
</tr>

<tr class="body8">
<td valign="top">Resolution</td>
<td style="text-align: left">
<textarea name="Notes" cols="50" rows="3" wrap="VIRTUAL" maxlength='2000'></textarea>
</td>
</tr>


<tr valign="middle">
<td colspan="2" align="right" valign="top">
<!--
Removing. Used for ID validation which is no longer in use.

--> <div align = 'center'>
<input type="submit" name="Submit" value="Submit" src="/lib/images/submit_submit.gif" />
<input type="Reset" name="Reset" value="Reset" src="/lib/images/Reset_Reset.gif" />
</td>
</tr>
</table>

</td>
</tr>
</table>
</form>
<!--start footer include-->
<script language="JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}

</script>


</body>
</html>

-----------------------------------------------------------

Thank you for your time!
binaryops
 
Sort by date Sort by votes
OK, I see. That is simple really.
Notice in each <TR tag there is a class="body8" ???

Well you just need to have a style tag to define that class. Insert this into the head section of your page.
Code: 
<style type="text/css">
  .body8 {
    FONT-STYLE: normal;  
    FONT-FAMILY: verdana;  
    FONT-WEIGHT: normal;  
    FONT-SIZE: 16px;  
    FONT-VARIANT: normal;  
    COLOR: #000000; 
  } 
</style>

In the above body8 is defined as a classname and different values are set to control the font style, family, weight, size, etc... You can alter those values to suit your needs.
You can duplicate the code inside the style tags giving it a different name and setting different values and change the class set for any specific object on your page to point to the different style thereby having multiple different settings available.


It's hard to think outside the box when I'm trapped in a cubicle.
 
Upvote 0 Downvote
Thank you so much again! I appreciate all your help! What are some resources/books that you've read that would help me get started into the world of programming. If you get some time, please reply at your convenience!

binaryops
 
Upvote 0 Downvote
I really have not read any books, I learn mostly from examples I see around the web when I am looking to perform a specific function.
is a good resource for all sorts of info.
Particularly you should read up on Cascading Style Sheets as well as Javascript.


It's hard to think outside the box when I'm trapped in a cubicle.
 
Upvote 0 Downvote
Excellent, I had that link copied to my fav's. I've found a few things off of there that I could understand, but I guess I just have to get used to the lingo and where the heck stuff goes. You've been a huge help and I appreciate all your time man! I hope that we can continue conversating! If you have any networking questions, I'll do the best to assist you with that :)
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

Kennelbloke
  • Locked
  • Question
Can't Get Markers to show on Map
Replies
0
Views
357
Kennelbloke
Kennelbloke
lexer
  • Locked
  • Question
Passing fields from (html-JavaScript) table to JavaScript Function
Replies
0
Views
293
lexer
lexer
JScannell
  • Locked
  • Question
Google Chrome doesn't load my javascript files
Replies
1
Views
246
JScannell
JScannell
jomat
  • Locked
  • Question
JS to show the timer in html under title instead of in the status bar
Replies
2
Views
330
xwb
xwb
Rayj0000
  • Locked
  • Question
How to disable an html button for subsequent website visitors?
Replies
0
Views
255
Rayj0000
Rayj0000

Part and Inventory Search

Sponsor

Back
Top