Copyright © 2012-2014 RichoSoft -  All Rights Reserved | Terms of Use | Privacy Policy
Home Templates Design Tools More Tools Logos Scripts Shop
Donate and
help me add more FREE content
Sliding Contact form The form  (working Demo)
Works with Lightboxes on the same page
Download the support files
Please fill in the empty fields marked with a red border.
  • 1. Contact Info
  • 2. Message/Comments
  • 3. Prove you're human

Step 1: Your contact information So that we know who and where to reply to.

Step 2: Message/Comments * Please tell us what you want to say:

Step 3: Prove you are human Fill in the word in the box to show you are not a robot

  • * Listen to audio CAPTCHA

The form has four main components, the Styling (CSS), the javascript code libraries (jquery.js and rstools.js), the body HTML and some script.
The two libraries are installed in the <head> of the page between the <head> and </head> tags, as such:
The two libraries installed in a folder called ‘scripts’ beneath the page’s folder. If you already have a version Jquery.js on your page  such as jquery.min1-3-2.js do not add the first library.
1. The <head> code 2. The Styling
Place the following between the <head> and </head> tags of your page, after the libraries above.
3. The <body> HTML
Place the following between the <body> and </body> tags of your page.
4. Finally some Script
Place the following just before the </body> tag of your page so that all the page code has loaded before the script runs.
The Thanks page is simply css and some HTML to draw a response page with the same look and feel for you to return the user to after the form has been processed.
Code is provided as-is, play with it, do what you like with it, no guarantees, have fun.
If you would like a .wpp file for Serif WebPlus X2, X4 or X5, please let me know via the Sliding Contact Form demo above and I will email a copy to you.
You can get the .js files and the image files here
It should be quite obvious what to modify to customise it to your own requirements, but if you need any help please let me know and I will do my best to help you.
Elegant Comments
Click the logo
Cookie Information

This message will only appear Once!

This site uses cookies to store information on your computer. They are only set when you access certain features on this site. Clicking adverts or links on this site may also result in a cookie being set by the advertiser’s or third party site. If you do not wish to receive any cookies then you should switch them off in your browser.

If you are not sure what cookies are or what they do, then please click the Cookie Information button below to find out more, before browsing this site. You can also get information on how to manage cookies in your browser there too.

You can find out how we use cookies in our Privacy Policy.

By continuing to browse this site you accept the use of cookies.

This site uses the following types of cookies:
  • Per session cookies. (These will be removed automatically at the end of the browser session and are used for things like Shopping Baskets.)
  • Persistant cookies. (These will remain for a pre-determined period of time and will contain data for Google Analytics and your site preferences etc.)
  • Third party cookies. (These may be set when you click links to other sites or click on advertisers links.)
CookieAlert by Fortune Design - © 2012 - All Rights Reserved