Making a BACK buntton work

Collapse
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • simbarashe
    New Member
    • Nov 2006
    • 7
    #1

    Making a BACK buntton work

    Hie

    Could someone please help me I'm trying to make a back button and I'm trying not to make the button a submit button. The action or the redirection to another page is done using php and my code is as follows:

    [code=html]
    <link href="css/jobSheet.css" rel="stylesheet " type="text/css" />
    <?php
    session_start() ;
    ?>

    <html>
    <head>
    </head>
    <body>
    <?php
    require_once('d bFunction.php') ;
    ?>

    <form method="post" action="returnT oRedirectNewCli entJobsheet.php " onSubmit="displ ayOldInfo()">
    <?php
    dbConnect();

    $role = mysql_query("SE LECT * FROM STATUS_DESC") or die(mysql_error ());
    $staff = mysql_query("SE LECT * FROM STAFF")
    ?>

    <table width="75%" cellpadding="5" cellspacing="0" class="borderTo p" align="center">
    <td colspan="2" bgcolor="#FFCC0 0" align="center"> <strong>New Client Jobsheet</strong></td>
    <tr>

    <td align="left" width="65%" valign="top">
    <table align="left" width="100%" cellpadding="5" cellspacing="0" >

    <tr align="center" class="formHead er">
    <td width="47%" bgcolor="#FFCC0 0"><strong>Clie nt details</strong>
    <td width="53%" bgcolor="#FFCC0 0"><strong>J ob sheet details</strong> </td>
    </tr>
    <tr>
    <td valign="top" align="center"> <table cellpadding="4" class="formText ">
    <tr><td>Clien t name<td>
    <?=$_SESSION['firstName']; ?></td>
    <tr><td>Clien t Lastname<td>
    <?=$_SESSION['lastName']; ?></td>
    <tr><td>Clien t Title<td>
    <?=$_SESSION['client_title']; ?></td>
    <tr><td>Compa ny name<td>
    <?=$_SESSION['company_name']; ?></td>
    <tr><td>Compa ny code<td>
    <?=$_SESSION['company_code'] ?></td>
    <tr><td>Site address<td>
    <?=$_SESSION['Site_address']; ?></td>
    <tr><td>Posta l Address<td>
    <?=$_SESSION['postal_address ']; ?></td>
    <tr><td>Phone number<td>
    <?=$_SESSION['phone_number']; ?></td>
    <tr><td>E-mail<td>
    <?=$_SESSION['email_address']; ?></td>
    <tr><td>Website <td>
    <?=$_SESSION['website']; ?></td>
    </tr>
    </table>

    <td valign="top" align="center">

    <table cellpadding="3" >
    <tr><td class="formText ">Job Sheet Number
    <td class="formText ">
    <?=$_SESSION['jobID']; ?></td>
    <tr><td class="formText ">Date<td class="formText "><?=$_SESS ION['date']; ?></td>
    <tr><td class="formText ">Assigned to
    <td><?php
    $aStaffID = $_SESSION['assignedStaff'];
    $staffQuery= mysql_query("SE LECT username FROM STAFF WHERE staffID ='$aStaffID' ")or die (mysql_error()) ;
    $results = mysql_fetch_arr ay($staffQuery) ;
    echo $results[0];
    ?></td>
    <tr><td class="formText ">Assigned Date
    <td><?=$_SESSIO N['assingedDate']; ?>

    <tr><td class="formText ">Assigned Time
    <td>
    <?=$_SESSION['assignedTime'];
    ?>
    </td>
    <tr><td>Status< td>
    <?=$_SESSION['status'];
    ?>
    </td>
    </table>
    <tr><td></td></tr>
    <tr>
    <td colspan="2" align="center" class="borderTo p" bgcolor="#FFCC0 0"><span class="formHead er"> <strong>Request </strong></span></td></tr>
    <tr>
    <td colspan="2" align="center" class="borderTo p" bgcolor="#FFCC0 0"><span class="formHead er">
    <strong>Title :<?=$_SESSION['title']; ?>
    </strong></span></td></tr>
    <tr>
    <td colspan="2" align="center"> <textarea name="textarea" cols="70" rows="10" class="textArea Border">
    <?=$_SESSION['request']; ?>
    </textarea></td></tr>
    <tr>
    <tr><td colspan="2" align="center" class="borderTo p" bgcolor="#FFCC0 0">
    <input type="reset" name="clear" value="&lt;&lt; Undo" class="button" >
    <input type="submit" name="submit" value="Continue &gt;&gt;" class="button">
    </td></tr>
    </table>
    </td>
    </tr>

    </table>
    </td>
    </tr>
    </table>

    </form>
    </body>
    </html>
    <script language="JavaS cript">
    <!--
    var SymRealOnLoad;
    var SymRealOnUnload ;

    function SymOnUnload()
    {
    window.open = SymWinOpen;
    if(SymRealOnUnl oad != null)
    SymRealOnUnload ();
    }

    function SymOnLoad()
    {
    if(SymRealOnLoa d != null)
    SymRealOnLoad() ;
    window.open = SymRealWinOpen;
    SymRealOnUnload = window.onunload ;
    window.onunload = SymOnUnload;
    }

    SymRealOnLoad = window.onload;
    window.onload = SymOnLoad;

    //-->
    [/code]

    [Please use CODE tags when posting source code. Thanks! --pbmods]

    There are two buttons on the page- the submit button and the clear button. I want the clear button to redirect the person back to the previous page. I have tried unsing forms but my page loses its structure when I do that. Is there another way to to this

    Thank you
    Tags: None
    • adamalton
      New Member
      • Feb 2007
      • 93
      #2
      Would this do it? (a bit of ye old javascript):

      [code=html]
      <input type="reset" name="clear" value="<<Undo" class="button" onclick="histor y.back();">
      [/code]

      [Please use CODE tags when posting source code. Thanks! --pbmods]

        Comment

        • henryrhenryr
          New Member
          • Jun 2007
          • 103
          #3
          If you really do want to send someone literally back to the previous page you could also just use an anchor tag with the href or just history.back() to use the javascript

          [HTML]<a class="button" href="enterlink " onclick="histor y.back()">clear </a>[/HTML]

          If you tweak the CSS you can get something approximating a button for your anchor tag.

          [CODE=css]
          .button {
          font-family: verdana;
          padding: 2px 10px 2px 10px;
          background-color: #cccccc;
          border: 1px solid #888888;
          color: #444444;
          text-align: center;
          font-size: 0.8em;
          text-decoration: none;
          cursor: pointer;
          }
          [/CODE]
          Last edited by pbmods; Jun 4 '07, 06:41 PM. Reason: Changed code language. Thanks for using CODE tags!

            Comment

            Previous template Next
            Working...