Developing a Joomla module Contact Us / Quick Contact Form

Developing a Joomla Contact Us / Quick Contact Form module is very simple. For the simplest way we are taking here two files.

1. contactus.php

2. contactus.xhtml

 

First write some html for generating a quick contact form, we taking here some input fields (u delete or add more input fields as you want). So, here is our contactus.php

<form name=”freeQuote” method=”post” onsubmit=”return skpValidate()”>
<table cellpadding=”0″ cellspacing=”5″ border=”0″ width=”100%”>
<tr>
<td width=”55%”>
First Name:<br />
<input type=”text” id=”skp_firstName” name=”skp_firstName” value=”Enter Your First Name” onfocus=”if(this.value==’Enter Your First Name’)this.value=”” onblur=”if(this.value==”)this.value=’Enter Your First Name'” tabindex=”1″/>
</td>
</tr>
<tr>
<td>
Last Name:<br />
<input type=”text” id=”skp_lastName” name=”skp_lastName” value=”Enter Your Last Name” onfocus=”if(this.value==’Enter Your Last Name’)this.value=”” onblur=”if(this.value==”)this.value=’Enter Your Last Name'” tabindex=”2″ />
</td>
</tr>
<tr>
<td>
Phone Number: <br />
<input type=”text” id=”skp_phoneNumber” name=”skp_phoneNumber” value=”Enter Your Ph. Number” onfocus=”if(this.value==’Enter Your Ph. Number’)this.value=”” onblur=”if(this.value==”)this.value=’Enter Your Ph. Number'” tabindex=”3″ />
</td>
</tr>
<tr>
<td>
E-mail Address: <br />
<input type=”text” id=”skp_Email” name=”skp_Email” value=”Enter Your E-mail ID” onfocus=”if(this.value==’Enter Your E-mail ID’)this.value=”” onblur=”if(this.value==”)this.value=’Enter Your E-mail ID'” tabindex=”4″ />
</td>
</tr>
<tr>
<td valign=”top”>
Comments: <br />
<textarea id=”skp_comments” name=”skp_comments” onfocus=”if(this.value==’Enter Your Comments…’)this.value=”” onblur=”if(this.value==”)this.value=’Enter Your Comments…'” tabindex=”5″>Enter Your Comments…</textarea><br />
<center><input type=”submit” id=”btn_freeQuote” name=”btn_freeQuote” value=”Submit” tabindex=”6″ /></center>
</td>
</tr>
</table>
</form>

 

More is coming latter, keep patience, I will arrive with total package at tomorrow 🙂