Git Product home page Git Product logo

contactable's Introduction

Contactable jQuery plugin.

Website : http://theodin.co.uk
Twitter : @philipbeel

Descrpition

Contactable is a jQuery plugin that enables users to incorporate a feature rich contact form into any website running PHP or Java.

Usage

Call in the jQuery framework and jquery.contactable.js in your webpage

<script type="text/javascript" src="jquery.contactable.js"></script>

Create an element in your HTML that you want the contact form to be generated into.

<div id="contactable"></div>

Initiate the contactable plugin when the page loads

$('#contactable').contactable({
	subject: 'A Feeback Message'
});

IMPORTANT

Open the mail.php file and look for [email protected] and replace with the email address you wish to receive contact messages to.

For Java web applications configure JNDI resource for javax.mail.Session for your servlet container (example for Tomcat included), customize Mail.java, , and change [email protected].

Plugin parameters

You can extend the contactables configuration with some of the following configuration

{
  subject: {String}           // Email subject heading
  header: {String}            // Text to display at the top of the form
  url: {String}               // URL path of mail.php file **must be absolute**
  name: {String}              // Name label
  email: {String}             // Email label
  dropdownTitle: {String}     // Dropdown label, if empty no dropdown is displayed
  dropdownOptions: {Array}    // Select options for dropdown
  message: {String}           // Message label
  submit: {String}            // Label text for the submit button
  recievedMsg: {String}       // Message successfully wording
  notRecievedMsg: {String}    // Message failed wording
  footer: {String}            // Text to display at the bottom of the form
  hideOnSubmit: {Boolean}     // hide the form after submitting it
}

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.