Button Link

Attila7

I have a form that has a submit and a reset button at the bottom, I have tried to add a button that links to a htm page but I cannot get it to work and look good at the same time. I have javascript and php encoded on the form.

This way looks great, all 3 are buttons and
evenly spaced but the form does not work:

This way works well but looks terrible, the submit and resets are buttons but are at differant sides of the form and "Weeks" is not a button at all, just the word underlined:

<tr>
<td><div align="left">
<input type="submit" value="Submit Bid" name="Submit">
</div></td>
<td><div align="left">
<input type="reset" name="Reset" value="Reset ">
</div></td><td> </td>
<td><a href="javascript:;" onClick="MM_openBrWindow('/bids/avwn.htm','','scrollbars=yes,resizable=yes,width=500,height=500')">Weeks</a></td>
</tr>

How can I get this to look good (3 buttons evenly spaced) and work properly?

planetsim

Firstly use [code][/code] tags, secondly why not use a table cellpadding. Also how is this PHP related?

Attila7

I do have the form set up with tables. The form uses php to submit information gathered from the variuos fields on the form. With the first coding the form does not submit at all, with the second the submission workes perfectly. I narrowed the problem down to the link at the end of both examples. For some reason the form will not submit when the link is made into a button, since the form is a php/html and the html part works well I assumed it was s php issue? I will play around with the code tags, thanks for the suggestion.

Attila7

I tried the code suggestion but I still cannot get the link to look like a button? What am I doing wrong? How can I get this to look like a button, not a link, and still work on a php form?

<a href="javascript:;" onClick="MM_openBrWindow('/bids/avwn. htm','','scrollbars=yes,resizable=yes,width=500,height=500')">Weeks</a>

thorpe

nothing to do with php. maybe a html would help.tutorial

<input type="button" value="Weeks" onClick="MM_openBrWindow('/bids/avwn.htm','','scrollbars=yes,resizable=yes,width=500,height=500')">

Attila7

Thanks Thorpe

While that gives me the button look it also renders the form inoperative. I tried a similar line as shown in my first post. The php section only seems to work when I have the <a href="javascript thing but that gives me a link instead of a button?

thorpe

the form will only submit when the submit button is pressed, not the button to open a new window.

if you want to submit the form AND open a new window at the same time you would need to write all that functionality into your javascript function.

thats right.... javascript. not php.

Attila7

Yes I have it functioning when written as javascript, however it does not look like a button (it is a link that I want to look like a button). When I code it as you suggested it looks like a button however the entire form ceases to work. The code line you suggested (as well as a similar line I wrote the first time causes the php section to not send the information?

thorpe

because clicking that button does NOT submit the form.

did you read my reply?

if you want to open a new window AND submit the form, you will need to make your own submit function which you could build into your javascript function MM_openBrWindow.

once again, this has NOTHING to do with php. before you start with php you really need a grasp on html and obviously in this case a little javascript aswell.

dont meen to be rude, but im not going to write the code for you. google for 'javascript submit form new window'

Attila7

I appreciate your patience and understand your frustration, I know my knowledge of this is very limited however I am learning as fast as I can. I sometimes run into snags such as this one that I cannot overcome, in this case it sounds like I am not explaining what I am trying to do clearly. I'll try again. I have a php/html form that has 3 buttons along the bottom, the first is to submit the form, the second is to reset the form, the third is a link to a calander of sorts that I want to look like a button. When I code it as a button (<input type...) the form will not submit. When I code it as javascript it looks like a link but the form works. Is there a way to make this link look like a button without causing the form to lose functionality? Perhaps this is not a php question, I'm not sure? I thought it was as the form works well without that "weeks" line, however it is useful info to have. The html part always works, the form looks right and loads fine, the problem occurs when I try to submit it leading me to think it is a php issue. Html coders don't always know php, php coders know html, that is why I am asking here.

thorpe

post your entire form with the button to open a new window. both of these options have used javascript, but i wont go into that.

just post your code.

Attila7

Don't laugh to hard, I'm still learning!
I edited a bit for length, nothing that will affect anything.

This is how I am presently using it, I would
like the "Weeks" link to look like a button.

thorpe

replace your html with this. im not sure what you've been doing, but this code works fine. it is the exact same code i posted above.

you might want to be carefull though. this board seems to be adding a space between /bids/avwn and .htm in the window.open function for your new weeks button. maybe that has been the problem?

ive also deleted the MM_openBrWindow which was useless dreamweaver code. im just using native javascript.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>AV Change Request</title>
<link rel="stylesheet" type="text/css" href="/BLE_510.css">
<meta name="Description" content="AV Change Request">
<meta name="Author"	content="Attila">
<style type="text/css">
<!--
.select {
	width: 191px;
}
.submit {
	display:block;
	width:80px;
	float:left;
	margin:0 0 0 58px;
}
.submit2 {
	display:block;
	width:80px;
	float:left;
	margin:0
}
-->
</style>
</head>
<body>
<h2>&nbsp;AV Change Request</h2>
<p>&nbsp;&nbsp;Use this form to submit an AV change request.<br>
&nbsp;&nbsp;Fields marked with an asterisk (*) must be filled in.</p>
<form name="avchange.php" action="avchange.php" method="post">
  <table  width="460" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td width="120">*Name</td>
      <td width="50">&nbsp;</td>
      <td width="120">*Employee#</td>
      <td width="50">&nbsp;</td>
	  <td width="120">*E-mail</td>
    </tr>
    <tr>
      <td><input type="text" name="name" size="20"></td>
      <td>&nbsp;</td> 
	  <td><input type="text" name="employee" size="20"></td>
	  <td>&nbsp;</td>
      <td><input type="text" name="email" size="20"></td>
    </tr>
  </table><br>
  <table  width="460" border="0" cellpadding="0" cellspacing="0">
	<tr>
      <td width="270">Week(s) Requested</td>
      <td width="15"><input type="text" name="rqone" size="2"></td>
	  <td width="20">&nbsp;</td>
      <td width="15"><input type="text" name="rqtwo" size="2"></td>
	  <td width="20">&nbsp;</td>
	  <td width="15"><input type="text" name="rqthree" size="2"></td>
    </tr>
	<tr>
      <td>&nbsp;</td>
	  <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
	  <td>&nbsp;</td>
	  <td>&nbsp;</td>
    </tr>
	<tr>
      <td>Week(s) Relinquished</td>
      <td><input type="text" name="rlone" size="2"></td>
	  <td>&nbsp;</td>
      <td><input type="text" name="rltwo" size="2"></td>
	  <td>&nbsp;</td>
	  <td><input type="text" name="rlthree" size="2"></td>
    </tr>
  </table><br>
  <table  width="440" border="0" cellpadding="0" cellspacing="0">
	<tr>
	  <td width="440">Comments</td>
	</tr>
	<tr>
      <td align="left"><textarea rows="5" name="comments" cols="55"></textarea></td>
    </tr>
	</table><br>
  <table  width="440" border="0" cellpadding="0" cellspacing="0">
	<tr>
      <td><div align="left">
        <input type="submit" value="Submit Bid" name="Submit"></div></td>
      <td><div align="left">
        <input type="reset" name="Reset" value="Reset "></div></td>
	  <td>&nbsp;</td>
        <td><input type="button" value="weeks" onClick="window.open('/bids/avwn.htm','','scrollbars=yes,resizable=yes,width=500,height=500')"></td>
    </tr>
  </table>  

   <p align="left" class="SmallText">copyright &copy; 2005 by the TCRC</p>
</form>
</body>
</html>

Attila7

A thousand thanks thorpe!!!
It works flawlessly!!!

You were right, there were spaces added as well as several space codes left blank, I caught them and everything works fine.

All you had to do was delete the dreamweaver code and I noticed the javascript line gone near the top? That was causing all the problems? This stuff is so fussy, one character out of place and the entire thing can fail? I'm learning, slow but sure. Thanks again for your help, the form looks and works good now.

thorpe

I noticed the javascript line gone near the top? That was causing all the problems?

that was'nt causing the problems. it just didnt really do anything. it simply wrapped a built in javascript function into a function that dreamweaver dreamed up. it worked, just not much point.

anyway.... all is well.

Attila7

All is indeed well, I still have not been able to figure out why the form did not work when I coded it? I changed another form that had a similar set up and it to failed, so I changed all the upper and lower info, just left the main body intact and it now works too. Thanks again for your help, I appreciate it very much.