Make this type of 404 page

**biscoolcool** · 10-26-2009 06:58 PM

I know how to make a 404 page, and how to make it work. Heres my question: If I go on mywebsite.com/fakeurl it redirects me to mywebsite.com/404 page.
If you go to MS http://www.microsoft.com/fakeurl it doesn't redirect you. It puts fakeurl (your invalid request) in the search box.
How do I do this for my website? Do I need mod_rewrite?

**descalzo** · 10-26-2009 07:33 PM

It probably does not 'redirect' you. Look at the URL in the address window next time your site throws a 404.

1. Create a file, call it 404.php (can name it anything, just easier to keep track of if you name it for the error). Should be a php file.
2. Make the page pretty, etc. You can access the URI (relative to document root ) by using

Code:

<?php echo $_SERVER[ 'REQUEST_URI' ] ?>

Example of full page...

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <title>Not here, I looked for it.</title>
	<style type="text/css">
		body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; }
		div.dialog {
			width: 25em;
			padding: 4em 4em;
			margin: 4em auto 0 auto;
			border: 2px solid #bbb;
			border-right-color: #777;
			border-bottom-color: #888;
		}
		h1 { font-size: 110%; color: #f00; line-height: 1.5em; }
		h2 { font-size: 90%; color: #000; line-height: 1.5em; }
		h3 { font-size: 80%; color: #333; line-height: 1.5em; }
		h4 { font-size: 70%; color: #666; line-height: 1.1em; }
	</style>
</head>
<body>
<div class='dialog'>
<h1>__________  404  __________</h1> 

<p>

<h2>Sorry, you must have dialed a wrong number</h3> 
<h3>The page you requested , <?php echo $_SERVER[ 'REQUEST_URI' ] ?> , cannot be found at this moment.</h3>
<h4>I looked for it. Honest. It's not there</h4>
</p>
 </div>

</body>
</html>

3. Add to .htaccess (I keep my custom error pages in a error/ subdirectory.)

Code:

ErrorDocument 404 /error/404.php

**misson** · 10-26-2009 07:34 PM

When the ErrorDocument directive is given a local URL path, it shouldn't redirect (see the ErrorDocument documentation for details). What are the configuration lines from your .htaccess that mention the error documents by URLs? For example, list all ErrorDocument and any applicable RewriteRule lines.

**biscoolcool** · 10-26-2009 08:01 PM

No I still get redirected. If I type in a random URL like http://bit.ly/TGP7t(please don't write the real url I don't want this page to get indexed) I still get redirected.

**descalzo** · 10-26-2009 08:12 PM

Are you using a CMS?

Could you post your .htaccess file?

(Just noticed that it redirects you from your .co.cc domain to your exofire.net )

**like2program** · 10-26-2009 08:44 PM

I must point out that this is very liable to be used for XSS the way you coded it, I would recommend that the input is sanitized before you directly output it to the page.

example "http://web.site.com/<script>XSS()</script>"

**descalzo** · 10-26-2009 08:57 PM

Originally Posted by like2program

I must point out that this is very liable to be used for XSS the way you coded it, I would recommend that the input is sanitized before you directly output it to the page.

example "http://web.site.com/<script>XSS()</script>"

Point taken.

Just as quick code examples for form input etc, I often do not include all the sanity checks. I hope the people reading the examples understand the problems with XSS, SQL injection, etc.

I do not use the above code for my error pages. I wanted to use $_SERVER[ 'REQUEST_URI' ] to show how you can access the original request in an error document.

**pythondev** · 10-26-2009 09:12 PM

for 404 put in a .htaccess folder in your httpdocs folder
an example below

Code:

IndexIgnore .htaccess */.??* *~ *# */HEADER* */README* */_vti*

ErrorDocument 404 /index.php?p=404
ErrorDocument 403 /index.php?p=403

doing this way you can build your page exactly how you want it.
other examples are:

ErrorDocument 404 /errors/404.php
ErrorDocument 404 /404.php
ErrorDocument 404 /errors.php?error=404

etc etc

**biscoolcool** · 10-26-2009 11:39 PM

Originally Posted by like2program

I must point out that this is very liable to be used for XSS the way you coded it, I would recommend that the input is sanitized before you directly output it to the page.

example "http://web.site.com/<script>XSS()</script>"

Don't Understand a thing.
I don't use any CMS.
If we are starting with the .htaccess I have another question.
I kept on trying to find a code so that when a visitor types my website with www it transfers them to the non www page. I found them but none work.
I have 2 .htaccess files.
File 1) In the root

Code:

ErrorDocument 404 http://bit.ly/3ZpDr5/errordocs/404.php

NOTE: I don't want to write mu URL in text. The .htaccess files has the real name instead of the bit.ly one.
File 2) In public_html

Code:

#prevent viewing of .htaccess
<Files .htaccess>order allow,denydeny from all</Files>
# Redirect if NOT example.com (exactly) to example.com 

#switch php extentionAddType application/x-httpd-phpv2 .htm .html
#errorsErrorDocument 404 http://bit.ly/3ZpDr5/errordocs/404.php

**misson** · 10-27-2009 04:03 AM

As mentioned in a previous post and the linked documentation for ErrorDocument (there's a reason I wrote my sig; note the bits about reading links and answering questions), use a local URL path to keep from redirecting. By prefixing the error document URL with "http://bit.ly", you're causing a redirect.

Originally Posted by biscoolcool

If we are starting with the .htaccess I have another question.
I kept on trying to find a code so that when a visitor types my website with www it transfers them to the non www page. I found them but none work.

See the Apache URL Rewriting Guide, Canonical Hostnames section.

Thread: Make this type of 404 page

LinkBack

Thread Tools

Display

Make this type of 404 page

Re: Make this type of 404 page

Re: Make this type of 404 page

Re: Make this type of 404 page

Re: Make this type of 404 page

Re: Make this type of 404 page

Re: Make this type of 404 page

Re: Make this type of 404 page

Re: Make this type of 404 page

Re: Make this type of 404 page

Similar Threads

what type of page do u prefer

[REQ][$$$]1 page image flash redesign for choclate sales

Reload this Page There was an error retrieving your account's hosting type

Cannot edit in Front Page

Posting Permissions