Search This Blog

Monday, April 16, 2012

EMAIL Response from both user and client

<?php
$to = "info@webteksolutions.co.uk,saliya@webteksolutions.co.uk";
$subject = "office 365 Events Registration Form";
$title = $_REQUEST['title'] ;
$fname = $_REQUEST['firstname'] ;
$lname = $_REQUEST['lastname'] ;
$email = $_REQUEST['email'] ;
$jobtitle = $_REQUEST['jobtitle'] ;
$company = $_REQUEST['company'] ;
$adress = $_REQUEST['address'] ;
$addres1 = $_REQUEST['addres1'];
$towncity = $_REQUEST['towncity'];
$county = $_REQUEST['county'];
$postcode = $_REQUEST['postcode'];
$country = $_REQUEST['country'];
$telephone = $_REQUEST['telephone'];
$fax = $_REQUEST['fax'];
$headers = "From:".$fname;
$headerss = "From:office-365-Events";
$send_contact=mail($to,$subject,"User Information Contact Information\n\nTitle : $title\n\nFirst Name : $fname\n\nLast Name : $lname\n\nEmail : $email\n\nJob title : $jobtitle\n\nCompany : $company\n\n Address : $adress\n\nAddress2 : $addres1\n\nTown\City : $towncity\n\nCounty : $county\n\nPostCode : $postcode\n\nCountry : $country\n\nTelephone :  $telephone\n\nFax : $fax",$headers)
&& mail($email,$subject,"Dear $title $lname,\n\nWe are pleased to confirm that you have been registered for the following Webtek event.\n       
Microsoft Office 365 Seminar\n
Date : 8th of September 2011 \n
Venue : Pinkney's Green Cricket Club, Pinkneys Drive, Maidenhead, Berkshire, SL6 6QE\n
Time : 6.30pm to 8.15pm\n
Price : Free!\n
Please find below the map to the venue.\n
http://maps.google.co.uk/maps?q=Maidenhead+SL6+6QE&hl=en&sll=52.133488,-0.615234&sspn=12.423902,42.84668&z=15\n\n
If you have any queries about the event or if you cannot make it to the event, please feel free to contact Sal on saliya@webteksolutions.co.uk or call our events hotline on 07969644782.\n
Kind regards,\n
The Webtek Events team",$headerss);
if($send_contact)
{
echo "<p>You are now registered for the following Webtek event. A confirmation email has been sent to the email address that you have</p><p> provided during registration.We Hope to see you at the event.</p>";
}
else
{
    echo "Error.";
}
?>

Enquiry form design html code and css








 Html Code:

<div class="contact_us" >
        <h2>We would love to hear from you</h2>
        <form id="form1" name="form1" method="post" onSubmit="return validate();">
         <div class="text"> Name <span class="star_link">*</span> </div>
          <div class="input_field"><input  name="name" type="text" class="input_txt"  id="textfield"  />    </div>
                  <div class="text"> Email <span class="star_link">*</span> </div>
          <div class="input_field"><input  name="name" type="text" class="input_txt"  id="textfield"  />    </div>
         
           <div class="text"> Phone <span class="star_link">*</span> </div>
          <div class="input_field"><input  name="name" type="text" class="input_txt"  id="textfield"  />    </div>

          <div class="text"> Feedback <span class="star_link">*</span> </div>
          <div class="textarea_field"><label>

                <textarea name="message" id="textarea" cols="45" rows="5" class="textarea_txt"></textarea>

              </label>  </div>           
          

     
      <div class="submit">  <input type="image" src="images/submit.gif" name="button" id="button" value="Submit"  /></div>
             
    </form>    

  </div>

 Css:

 .contact_us{
    float:left;
    width:320px;
    height:auto;
    margin:10px;
    border-right: #bebebe dashed 1px;
}

    .contact_us h2{
        font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#03aedd;
    margin:0px;
    padding:0px 0px 3px 0px;
    font-weight:normal;

}
.contact_us h2 span{
    font-family: Arial, Helvetica, sans-serif;
    font-size:20px;
    color:#333;
    font-weight:normal;
  
  
}
      .text_area
{
               width:412px;
                height:115px;
                background:none;
                border:none;
                padding:3px 10px 9px 5px;
                overflow:auto;
                margin:0 0 4px 0px;
                display:block;
                color:#6b6a6a;
    background: url(../images/comment.png) no-repeat left top;
    }
    .star_link {
    color: #FF0000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-decoration: none;
    margin:0px;
    padding:0px;
}
          
.text
{
    margin:0px;
    padding:8px 0px;
        color:#6b6a6a;
  
}

.input_field
{
  
    width:302px;
    height:26px;
 color:#6b6a6a;
 margin:0px;
 padding:0px;
background: url(../images/form_bg.png) no-repeat  left top;
            }
.input_txt
{
  
    width:288px;
    height:26px;
 color:#6b6a6a;
 margin:0px;
 padding:0px 5px 0px 5px;
 background:none;
 border:none;
 outline:none;
  
              
            }
            .textarea_field
{
width:302px;
height:75px;
color:#6b6a6a;
 margin:0px;
 padding:0px;
background: url(../images/comment.png) no-repeat  left top;
            }
            .textarea_txt
{
  
        width:288px;
height:65px;
 color:#6b6a6a;
 margin:0px;
 padding:5px 5px 5px 5px;
 background:none;
 border:none;
 outline:none;
  
              
            }
.submit
{
    padding:0px;
    margin:8px 0px 0px 0px;
        color:#6b6a6a;
        width:101px;
        height:26px;
  
}




Sunday, April 15, 2012

Dropdown menu using css


Here you can create menu bg in full size and for selection current active menu u can use choose selected-left-sub and menu divider






Html Code:

<div id="menu"><!--menu div Starts here -->
   
    <ul id="nav">
    <li class="current"><a href="#">Home</a></li>
    <li><a href="#"> HS&amp;E<img src="images/menu_arrow.gif" width="7" height="5" style="padding:0px 0px 0px 5px;" /></a>
        <ul>
            <li><a href="#">Accident Reporting</a>    </li>   
           
            <li><a href="#">Damage Reports</a>    </li>       
       
            <li><a href="#">Environmental Management System</a></li>
       
        </ul>
    </li>
    <li ><a href="#">Peel Ports Home</a></li>
</ul>
  
   
</div><!--menu div ends here -->

CSS:
#menu {
    position:relative;
    font-family:Arial, Helvetica, sans-serif;
    margin:0 auto;

    height: 38px;
       *height: 57px;
    margin-top:12px;
    padding:0px;

  
      width:996px;
      z-index:15;
}

#nav {
    font-family:Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0px 4px 0px 4px;
    background:url(../images/menu_bg.gif) no-repeat 0 0;
    width:996px;
   
    font-size:11px;
    font-weight:bold;
    color:#FFF;
   
}
#nav li {
        margin: 0 5px 0px 5px;
    padding: 0px 0px 8px 0px;
    float: left;
    position: relative;
    list-style: none;
    z-index:11px;
}


/* main level link */
#nav a {
    font-size:12px;
    font-weight:bold;
    color: #fff;
    text-decoration: none;
    display: block;
    padding:  14px 8px;
   
    margin: 0;
    background: url(../images/menu_divider.gif)  no-repeat  right  0px;


}
#nav a:hover {
   
    color: #fff;
   
}

/* main level link hover */
#nav .current a {

    color: #fff;
    background: url(../images/selected-left-sub.gif) repeat-x 0 0;

       
}

/* sub levels link hover */
#nav li:hover li a {
    font-size:11px;

    background-color:fff;
    border: none;
    color: #5a5a5a;


   
}
#nav ul a:hover {
    background-color:#ad2121!important;
   
    color: #fff !important;
   
}

/* dropdown */
#nav li:hover > ul {
    display: block;
}


#nav ul {
        display: none;

    margin: 0;
    padding: 0;
    width: 210px;
    position: absolute;
    top: 39px;
    left: -10px;
    background-color: #fff ;
    border: solid 1px #b4b4b4;
    cursor:pointer;
    z-index:10;
   

}
#nav ul li {
    float: none;
    margin: 0;
    padding: 0;
}

#nav ul a {
    font-weight: normal;
    background:none;
    padding:  8px 8px;
   
}


#nav ul ul {
    left: 181px;
    top: -3px;
}



/* clearfix */
#nav:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;

}

Wednesday, April 4, 2012

how to remove apycom no back link from jquery plugin

 This coding is useful to remove the no backlink in apy.com menus

<script type="text/javascript">
$(document).ready(function(){
$("body div:last").remove();
});
</script>



<div style="visibility:hidden">
<a href="http://apycom.com/">Apycom jQuery Menus</a>
</div>

Validating to select in sequencial order using angular

    < input type = "checkbox" (change) = "handleSelectTaskItem($event, taskItem)" [checked] = " taskItem . i...