[DeeDee]

Ok, so I managed to create my own site now. The problem is, for example, if a customer buys something, he receives a tracking number.
Then he can insert the tracking number to see the status of his transaction.

What I want to do is the following. I want when he press track, even if he didn't enter nothing, or a wrong track number, to avoid the display of the 404 page not found. I would like to show, when generally wrong track number, a similar page like... error, the tracking number is wrong or something like this.

Do you think guys you can help? Because I create the tracking numbers with dreamweaver, and they are .html

Do I need a php script or something like this? Please shed some light please, I m totally lost and I don't like this with a blank page

What I have is this

<script language="JavaScript">function PasswordLogin()
{ document.location.href = document.formlogin.trackingnr.value + ".html";
return false;
}
function CheckEnter(event)
{
var NS4 = (document.layers) ? true : false;
var code = 0;
if (NS4)
code = event.which;
else
code = event.keyCode;
if (code==13)
{ PasswordLogin();
event.returnValue = false;
}
}</script><br>
 
 
////then here some htlm and then/////
 
 
<input name="trackingnr" id="trackingnr" onkeypress="CheckEnter(event)" size="29" type="text"> <input name="button" onclick="PasswordLogin()" value="Lookup" type="button"> 

So I would like, something like, if false, to return a page with a customize error or something....

It's not difficult, but I couldn't find what I want, because simply I don't know what is called....

So I am uploading the traking number myself, like FFFGS23.html
and if the customer types it wrong, or simply press submit without filling anything in the space, it comes the 404 Error. AND I DON"T want that to happen.

I detalied it, hope I can get some help tho...

[Nico]

You could use AJAX to get the HTTP status code to verify if the file exists, and if so, redirect to it, or otherwise throw an error.

<script type="text/javascript">
 
function PasswordLogin()
{
    var filename = document.formlogin.trackingnr.value.toUpperCase() + ".html";
    var http = window.XMLHttpRequest
        ? new XMLHttpRequest()
        : new ActiveXObject('MSXML2.XMLHTTP.3.0');  
 
    if (!http)
    {
        window.location = filename;
        return false;
    }   
 
    http.open('GET', filename, true);
    http.onreadystatechange = function()
    {
        if (http.readyState == 4)
        {
            if (http.status == 200)
            {
                window.location = filename;
            }
            else
            {
                alert('Invalid tracking number.');
                return false;
            }
        }
    }
    http.send(null);    
    return false;
}
 
 
</script>
 
<form action="" method="get" name="formlogin" onsubmit="return PasswordLogin();">
    <input name="trackingnr" id="trackingnr" size="29" type="text"> 
    <input name="button" value="Lookup" type="submit">
</form> 

EDIT:

You could also use htaccess to create your custom 404 pages.

[DeeDee]

I really love you! I will try this AJAX thing, though I am not sure if my website support it. I am reeeally noob but, if this fail I will try the alternative with customizing the 404 page.

I thank you a million!!! Thank You! I will post my feedback and rep you!!! I love you!

LE: ok I put the code you suggested but when I click submit, it doesn't do a thing? What can I do?

Edit: Ok, so when I press with a blank, it simply refresh and do nothing. This is good. But When I enter the good tracking no, it still refreshes and nothing more.

[Nico]

AJAX is a browser based system which works on most browsers. It has nothing to do with your server or website.

[Nico]

Regarding your edits: Replace your HTML form with the one I gave you above. The script is tested and it works.

[DeeDee]

Ok, here's the problem. When I enter the GOOD tracking number now, it gives me the pop up Error. (which I edited for french). That's good.

But how do I make it to give this error when actually the track is wrong, or nothing is filled? I really appreciate your replies, you're the first one who help me, even tough I posted on several forums. Thank you again, I see there's no rep feature here, sorry.

[Nico]

I added something to the code which may be causing the problem. I added a function that converts the tracking number to upper case (because I took your example above and thought it would be useful). If your files are lowercase or something, then remove this piece of code:

Code:

.toUpperCase()

Are you testing the script locally or on your actual web server? It does work for me. If the file doesn't exist (which would be the case if the field is empty) it throws the pop up, or otherwise it redirects me to the file.

[DeeDee]

Well, I have the files of my web in a folder on my pc, so I test them from there. Could that be the problem? Should I make the changes on the website directly? Because I thought it should work here as well.

And yes, the tracking is uppercase. So there is no error with that.

I told you what happen. When I left it blank or throw in a wrong tracking number, it just refreshes the page.

But when I enter the good number, it gives me the error. And I don't understand why.

You posted over the other forum a php code. Should I try that one? Should I create a new file called strack.php (my html file is strack.htm).

I am sorry for my noobiness I really want this work. Thank you. Alternatively, I could upload the files on the server to try that.

[Nico]

Originally Posted by DeeDee

Well, I have the files of my web in a folder on my pc, so I test them from there. Could that be the problem? Should I make the changes on the website directly?

Yes, test it on your server. Your PC won't return HTTP headers to the script which are needed.

You could try the PHP script as well if you want...

[DeeDee]

Hey it works! I uploaded them on the server and it works! I really am very very very grateful for everything you done.

Thank you thank you thank you!!!!!

Eres grande tio!!!!!!!!!! Un abrazo!!!!

Thread Closed!!!