Timeout and redirect

JavaScript
21

Edited your logic put some details, but it is about it.

The problem is I want to get way of the header() and use div…

22

Well I got it in a way that satisfy me and my requirements. Got back to the original code with a small change:



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <script type="text/javascript">

    $('#msg').ready(function () {
        setTimeout(function () {
        $('#msg').hide();
        window.location.href = goto;
      }, 3000);
    });

  </script>

  <style>
    .hide {
        display:none;
    }

    .show {
        display:block;
    }
    /* Information-Success */
    .infobox{
      position: absolute;
      top:50%;
      bottom: 0;
      margin-left: 30%;
      margin-right: 30%;
      width: 40%;
      height:50px;
      padding-top: 5px;
      border:solid 1px #008800;
      background:#D5FFC6;
      color:#48A41C;
      font-family:Arial, Helvetica, sans-serif;
      font-size:14px;
      font-weight:normal;
      text-align:center;
  }

    /* Error */
    .errorbox{
      position: absolute;
      top:50%;
      bottom: 0;
      margin-left: 30%;
      margin-right: 30%;
      width: 40%;
      height:50px;
      padding-top: 5px;
      border:solid 1px #880000;
      background:#FDE4E1;
      color:#CB4721;
      font-family:Arial, Helvetica, sans-serif;
      font-size:14px;
      font-weight:normal;
      text-align:center;
    }
  </style>

  </head>
  <body>
    <script>var goto = 'testcat.php'</script> <!-- Define where to redirect the user -->
    <div id="msg" class = "infobox">You have selected The Info Box</div>
  </body>
</html>

I will stick with this. It is not the most elegant probably, but works

Thank You for all your help