WordPress.org
Get WordPress

Plugin Directory

Changeset 630014


Ignore:
Timestamp:
11/26/2012 09:02:12 AM (13 years ago)
Author:
anildhiman
Message:

change the design and the validations

Location:
mj-contact-us/trunk
Files:
2 added
4 edited

Legend:

Unmodified
Added
Removed

  • mj-contact-us/trunk/css/mj.css

    r629996 r630014  
    99    color: #000;
    1010}
     11
     12
     13.clear{
     14    clear: both;
     15    height: 0;
     16    visibility: hidden;
     17    display: block;
     18}
     19a{
     20    text-decoration: none;
     21}
     22strong{
     23    font-weight: 700;
     24}
     25/******* GENERAL RESET *******/
     26h1{
     27    font-weight: 700;
     28    font-size: 18px;
     29    line-height: 1.2em;
     30    border-bottom: 1px dotted #6b9ef1;
     31    color: #5f95ef;
     32    margin-bottom: 1em;
     33}
     34/******* LOGO *******/
     35#logo{
     36    margin-top: 1em;
     37    display: block;
     38}
     39/******* /LOGO  *******/
     40/******* CONTAINER *******/
     41
     42/******* /CONTAINER *******/
     43/******* FORM *******/
     44#mailform{
     45    padding: 0 10px 10px;
     46}
     47#mailform label{
     48    display: block;
     49    color: #797979;
     50    font-weight: 700;
     51    line-height: 1.4em;
     52}
     53#mailform input{
     54    width: 314px;
     55    padding: 6px;
     56    color: #949494;
     57    font-family: Arial,  Verdana, Helvetica, sans-serif;
     58    font-size: 11px;
     59    border: 1px solid #cecece;
     60}
     61#mailform input.error{
     62    background: #f8dbdb;
     63    border-color: #e77776;
     64}
     65#mailform textarea{
     66    width: 314px;
     67    height: 72px;
     68    padding: 6px;
     69    color: #adaeae;
     70    font-family: Arial,  Verdana, Helvetica, sans-serif;
     71    font-style: italic;
     72    font-size: 12px;
     73    border: 1px solid #cecece;
     74}
     75#mailform textarea.error{
     76    background: #f8dbdb;
     77    border-color: #e77776;
     78}
     79#mailform div{
     80    margin-bottom: 15px;
     81    position:relative;
     82}
     83#mailform div span{
     84    margin-left: 10px;
     85    color: #b1b1b1;
     86    font-size: 11px;
     87    font-style: italic;
     88}
     89#mailform div span.error{
     90    color: #e46c6e;
     91}
     92#mailform #send{
     93    background: #6f9ff1;
     94    color: #fff;
     95    font-weight: 700;
     96    font-style: normal;
     97    border: 0;
     98    cursor: pointer;
     99}
     100#mailform #send:hover{
     101    background: #79a7f1;
     102}
     103#error{
     104    margin-bottom: 20px;
     105    border: 1px solid #efefef;
     106}
     107#error ul{
     108    list-style: square;
     109    padding: 5px;
     110    font-size: 11px;
     111}
     112#error ul li{
     113    list-style-position: inside;
     114    line-height: 1.6em;
     115}
     116#error ul li strong{
     117    color: #e46c6d;
     118}
     119#error.valid ul li strong{
     120    color: #93d72e;
     121}
     122/******* /FORM *******/
     123input[type="text"], input[type="password"], textarea {
     124    box-shadow:;
     125    background:none;
     126}
     127#mailform label.error {
     128 
     129    bottom: 4px;
     130    color: #000000;
     131    font-size: 12px;
     132    left: 3px;
     133    padding: 3px;
     134    position: absolute;
     135}
     136.h-134{ height:134px;}
     137.h-71{  height:71px;}

  • mj-contact-us/trunk/index.php

    r629996 r630014  
    33Plugin Name: MJ Contact us
    44Plugin URI: http://myjunk.in/
    5 Description: simple method to add contact form in your wordpress website.
     5Description: mj contact us a simple form with 4-5 fields to send email address to admin . its a simple contact us form with easy to customize coding standard and easy to customize html standard
    66Author: anil kumar
    7 Version: 1.0
     7Version: 5.0
    88Author URI: http://myjunk.in
    99*/
    … …  
    1414function my_jquery_enqueue() {
    1515   wp_deregister_script('mjform');
    16    wp_register_script( 'mjform', plugins_url( '/js/mj.js', __FILE__ ) ); 
    17    wp_enqueue_script('mjform');
     16   wp_register_script( 'mjform', plugins_url( '/js/mj.js', __FILE__ ),'','1.0'  ); 
     17   wp_register_script( 'mjvalidation', plugins_url( '/js/jquery.validate.js', __FILE__ ) ); 
     18   wp_enqueue_script('jquery');
     19   //wp_enqueue_script('mjform');
     20   wp_enqueue_script('mjvalidation');
    1821   wp_register_style( 'mjform', plugins_url( '/css/mj.css', __FILE__ ),'all' ); 
    1922   wp_enqueue_style( 'mjform' ); 
    … …  
    2427
    2528?>
    26 <div id="respond">
     29<div>
    2730<?php if(isset($_REQUEST['MSG']) && $_REQUEST['MSG']=="SUCCESS"){
    2831    echo "<div class='updatedcss' id='message'> Mail Sent Successfully</div>";
    … …  
    3033
    3134?>
     35
     36<script type="text/javascript">
     37
     38jQuery(document).ready(function() {
     39    // validate the comment form when it is submitted
     40    jQuery("#mailform").validate();
     41});
     42</script>
    3243       
    33             <h3 id="reply-title">Contact US</h3>
    34                 <form action="<?php echo get_permalink($post->ID); ?>" method="post" id="mailform">
    35                     <p class="comment-notes">Required fields are marked <span class="required">*</span></p>
    36                     <p class="comment-form-email"><label for="name">Name</label> <span class="required">*</span><input id="uname" name="uname" type="text" value="" size="30" aria-required="true"></p>
    37                     <p class="comment-form-email"><label for="email">Email</label> <span class="required">*</span><input id="email" name="email" type="text" value="" size="30" aria-required="true"></p>
    38                     <p class="comment-form-email"><label for="subject">Subject</label> <span class="required">*</span><input id="subject" name="subject" type="text" value="" size="30" aria-required="true"></p>
    39                     <p class="comment-form-url"><label for="url">Website</label><input id="url" name="url" type="text" value="" size="30"></p>
    40                     <p class="comment-form-comment"><label for="comment">Comment</label><textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea></p>
    41                 <p class="form-submit">
    42                     <input name="mj_submit" type="submit" id="submit" onclick = "return validate_fn();" value="Send">
    43                     <input type="hidden" name="mj_submit" value="active">
    44                     <input type="hidden" name="page_id" value="<?php echo $post->ID; ?>">
    45                 </p>
    46                 </form>
     44       
     45        <div id="container">
     46        <h3 id="reply-title">Contact US</h3>
     47       
     48       
     49        <form action="<?php echo get_permalink($post->ID); ?>" method="post" id="mailform">
     50            <div class="h-71">
     51                <label for="name">Name</label>
     52                <input required name="uname" id="uname" type="name" aria-required="true" >
     53               
     54            </div>
     55            <div class="h-71">
     56                <label for="email">E-mail</label>
     57                <input id="email" required name="email" type="email" aria-required="true">
     58               
     59            </div>
     60            <div class="h-71">
     61                <label for="subject">Subject</label>
     62                <input id="subject" name="subject" required type="subject" size="30" aria-required="true">
     63               
     64            </div>
     65            <div class="h-71">
     66                <label for="url">Website</label>
     67                <input id="url" required name="url" type="url" value=""  aria-required="true">
     68            </div>
     69            <div class="h-134">
     70                <label for="message">Comment</label>
     71                <textarea id="comment" name="comment" required cols="" rows=""></textarea>
     72            </div>
     73            <div>
     74                <input name="mj_submit" type="submit" id="submit" value="Send">
     75                <input type="hidden" name="mj_submit" value="active">
     76                <input type="hidden" name="page_id" value="<?php echo $post->ID; ?>">
     77            </div>
     78        </form>
     79    </div>
     80   
     81       
     82       
     83           
    4784        </div>
    4885<?php

  • mj-contact-us/trunk/readme.txt

    r626836 r630014  
    55Requires at least: 3.0.1
    66Tested up to: 3.4
    7 Stable tag: 4.3
     7Stable tag: 5.0
    88License: GPLv2 or later
    99License URI: http://www.gnu.org/licenses/gpl-2.0.html
    … …  
    1414
    1515<p>MJ Contact us is a simple and easy to integreate with any design and easy to change in coding as per requirement and easy to
    16 handle contact us form. client can easy integrate this
     16handle contact us form. client can easy integrate this . make sure that your header.php file consist wp_head() and footer.php file should consist wp_footer(); function to use proper use of any plugin
    1717these are some of features that this plugin consist</p>
    1818<ul>
    … …  
    2020<li> - easy to integrate with any html design</li>
    2121<li> - easy to change html formate as per design requirement.</li>
    22 <li> - easy to manupulate javascript validations according to requirement</li>
     22<li> - easy to manupulate jQuery validations according to requirement</li>
    2323<li> - easy to call using two method one is using shortcode [mjcontactus] and other using paste this code
    2424   mj_contact_us(); php code</li>
    … …  
    3030== Installation ==
    3131
    32 This section describes how to install the plugin and get it working.
     32install the plugin as we install the plugin. use short code [mjcontactus] to call in any page from admin section or call mj_contact_us() functin in any template file to call form directly
     33
    3334
    3435e.g.
    … …  
    4142== Frequently Asked Questions ==
    4243
    43 = A question that someone might have =
     44= can we customize html of contact us form =
    4445
     46yes its very easy to customize html of contact us form
     47
     48= is this form is compatible with IE versions/ mozilla and chrome =
     49
     50yes this is totally competible with IE/mozilla and chrome
    4551
    4652
    … …  
    4854
    49551. simple contact us form screen shot
     562. validation view of form
    5057
    5158== Changelog ==
    52 = 1.0 =
     59= 5.0 =
     60 * add the jquery validation
     61 * changes in form design
     62
     63= 4.3 =
     64simple javascript form
    5365
    5466== Upgrade Notice ==
    55 = 1.0 =
     67= 4.3 =
     68= 5.0 =
Note: See TracChangeset for help on using the changeset viewer.