Developers Portal

Free Themes

noreply@blogger.com (Anonymous) — Sun, 15 Nov 2015 15:51:00 +0000

Popup Contact Form with Disabled background Code/Snippet

noreply@blogger.com (Anonymous) — Sun, 10 May 2015 04:24:00 +0000

popup div with disabled background


<HTML>
 <HEAD>
  <TITLE>Popup with Disabled background</TITLE>
  <style>
   .ontop {
    z-index: 999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    position: absolute;    
    background-color: black;
    color: #aaaaaa;
    opacity: .4;
    filter: alpha(opacity = 50);
   }
   #popup {
    width: 300px;
    height: 200px;
    position: absolute;
    color: #000000;
    background-color: #ffffff;
    /* To align popup window at the center of screen*/
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -150px;
   }
  </style>
  <script type="text/javascript">
   function pop(div) {
    document.getElementById(div).style.display = 'block';
   }
   function hide(div) {
    document.getElementById(div).style.display = 'none';
   }
   //To detect escape button
   document.onkeydown = function(evt) {
    evt = evt || window.event;
    if (evt.keyCode == 27) {
     hide('popDiv');
    }
   };
  </script>
 </HEAD>
 <BODY>
  <div id="popDiv" class="ontop">
   <table border="1" id="popup">
    <tr>
     <td>
      Insert the Popup contact form code
     </td>
    </tr>
    <tr>
     <td>
      Click Close OR escape button to close it
      <a href="#" onClick="hide('popDiv')">Close</a>
     </td>
    </tr>
   </table>
  </div>
  <CENTER>
   <h3>
    Popup  div with disabled background
   </h3>
   <br/>
   <a href="#" onClick="pop('popDiv')"> open a popup div</a>
  </CENTER>
 </BODY>
</HTML>

Media Queries CSS for All Devices

noreply@blogger.com (Anonymous) — Fri, 01 May 2015 19:56:00 +0000

Media Queries CSS for All Devices

iPad and Smartphone Orientation Code

For Android, if you use elements with display set to box, you can order the child nodes for either vertical or horizontal. If no orientation is provided, the box defaults to vertical.

#androidorientation {
   display: -webkit-box;
-webkit-box-orient: horizontal;
   display: -moz-box;
   -moz-box-orient: horizontal;
}

The iPad orientation property.

@media screen and (orientation: landscape) {
    .apple-landscape {
         width: 30%;
        float: right;
    }
}

@media screen and (orientation: portrait) {
    .apple-portrait {
         clear: both;
    }
}

For All Device ( Just Copy and Paste Code )

/* Smartphones (portrait and landscape) ----------- */

@media only screen

and (min-device-width : 320px)

and (max-device-width : 480px) {

/* STYLES GO HERE */

}

/* Smartphones (landscape) ----------- */

@media only screen

and (min-width : 321px) {

/* STYLES GO HERE */

}

/* Smartphones (portrait) ----------- */

@media only screen

and (max-width : 320px) {

/* STYLES GO HERE */

}

/* iPads (portrait and landscape) ----------- */

@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px) {

/* STYLES GO HERE */

}

/* iPads (landscape) ----------- */

@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px)

and (orientation : landscape) {

/* STYLES GO HERE */

}

/* iPads (portrait) ----------- */

@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px)

and (orientation : portrait) {

/* STYLES GO HERE */

}

/* Desktops and laptops ----------- */

@media only screen

and (min-width : 1224px) {

/* STYLES GO HERE */

}

/* Large screens ----------- */

@media only screen

and (min-width : 1824px) {

/* STYLES GO HERE */

}

/* iPhone 5 (portrait & landscape)----------- */

@media only screen

and (min-device-width : 320px)

and (max-device-width : 568px) {

/* STYLES GO HERE */

}

/* iPhone 5 (landscape)----------- */

@media only screen

and (min-device-width : 320px)

and (max-device-width : 568px)

and (orientation : landscape) {

/* STYLES GO HERE */

}

/* iPhone 5 (portrait)----------- */

@media only screen

and (min-device-width : 320px)

and (max-device-width : 568px)

and (orientation : portrait) {

/* STYLES GO HERE */

}

if above not word don't worry just follow this one..
-- csss for desk --

Portrait:

@media only screen and (min-device-width: 320px) and (max-device-width: 479px) {
body {
padding: 0 !important;
}
.infoShowWrapper {
width: 268px;
}
.heroImage {
margin-top: 0;
height: 200px;
width: 100%;
background: #fff url(assets/images/hero_small.jpg) no-repeat center center;
}
.navbar-fixed-top {
margin: 0 !important;
}
.box-item {
width: 280px;
}
.seaBkg {
background-image: url(assets/images/mare_2x.jpg);
}
}

Landscape:

@media only screen and (min-device-width: 480px) and (max-device-width: 640px) {
body {
padding: 0 !important;
}
.heroImage {
margin-top: 0;
height: 200px;
width: 100%;
background: #fff url(assets/images/hero_small.jpg) no-repeat center center;
}
.navbar-fixed-top {
margin: 0 !important;
}
.box-item {
width: 440px;
}
.infoShowWrapper {
width: 440px;
}
.seaBkg {
background-image: url(assets/images/mare_2x.jpg);
}

}

Developer Portal

noreply@blogger.com (Anonymous) — Sat, 25 Apr 2015 12:49:00 +0000

Important References for Developer

#1: http://daneden.github.io/animate.css/
#2: http://buildinternet.com/project/supersized/download.html
#3: http://dimsemenov.com/plugins/magnific-popup/
#4: https://github.com/codrops/Elastislide (A Responsive Image Carousel)
#5: https://github.com/thesabbir/simple-line-icons ( Icon like Font- awesome )
#6: http://colorzilla.com
#7: Bug tracking - Mentis, JIRA ( Demo )
#8: Framework: Codeigniter, Symfony, Yii , CakePHP, Magento ,
Zend, Drupal, moodle, joomla, wordpress, SugarCRM
#9: Social Networking site : Oxwall
#10: Html 5 Validator Check: Validator.nu

How to ( send/submit form data) email by using javascript or php

noreply@blogger.com (Anonymous) — Mon, 02 Mar 2015 22:07:00 +0000

In web development it is very normal that we create 'Contact-Us' Form. And we want to send complete form submitted data in a mail to somebody (normally to our self).
There are many ways to do this.
1) Using JavaScript
2) Using any server side scripting like PHP .
To understand this at first, we will have to understand the concept of “send mail" and "mail server" . for sending mail , we need to have a mail server or mail client . Best example for mail client is MS-outlook and mail client is "mail" command in linux .

Using client site scripting javascript :-

As we know JavaScript is client side scripting, so it need a client to send mail i.e. mail client.
Example:-
lets take a simple form .
form.html
<form action="mailto:abc@gmail.com">
Name <input type="text" name="name" />
Phone <input type="text" name="phone" />
<input type="submit" name="submit" value="submit"/>
</form>
This is simplest example. If we try to see what happens here , we are using JavaScript "mailto" function . "Mailto" will trigger mail client to send mail that means, it will call you MS-Outlook (if installed and configured) .This way is not used widely as it is client dependent way and we don't have any control here .
Using server side scripting PHP :

php will need a mail server configured to send a mail . As we are developers we can control and configure mail server by our own.
Example :-
form.html
<form action="abc.php" method="post">
Name <input type="text" name="name" />
Phone <input type="text" name="phone" />
<input type="submit" name="submit" value="submit"/>
</form>

abc.php

<?php
$name = $_POST['name'];
$phone = $_POST['phone'];
$to = "abc@gmailo.com";
$subject = "Contact details ";
$message = "your message content goes here... $name \n\r My Contact number is $phone ";
mail($to,$subject,$message);
?>
this is stable and trusted code to send mails . And everyone should use this way of sending mail .
There are two ways of submitting form i.e. GET and POST. Both methods have their importance.
If we submit form using get method and then all data submitted will be append in the action page url . And we know that url have its limits so we can send only small amount of data using GET method .
In POST method data- there is no limit here to send data .
Also in GET method data is visible in th url , so it is not safe . Whenever we need to create safe application we should use POST method .
GET method is fast as everything is simply appended in the url . But in using POST method every request need to maintain data in the body . So it is lsightly time consuming method .
Both methods are useful . So we need to choose wisely according to our application taht which method we should use .
Thank you .
Please ask in comments if need any clarification. Suggestions are also welcome.

Create a blank wordpress template with background-color or custom style

noreply@blogger.com (Anonymous) — Sun, 22 Feb 2015 14:00:00 +0000

Create the new .php file with the template name and copy/paste the following into the file.

<?php

/**

Template Name: Page with Background Color

<html>

<head>

body { background-color: #cccccc;); }

#page-content { width: 800px; margin: 20px auto; }

</style>

<?php wp_head(); ?>

</head>

<body>

<?php while (have_posts()) : the_post(); ?>

upload this file into the folder of the current theme that you are using.

Which for you would be /wp-content/themes/demo-child-theme/

after complete above step just go to your WordPress installation and create a new page. On the right side select the template name that you have created 'Page with background color' option from the dropdown list.

Note: If you want to give custom style to this page just add the style in header section that will affect only this template.

Passing Secure variable through URL?

noreply@blogger.com (Anonymous) — Tue, 11 Nov 2014 03:01:00 +0000

Google+

SettingUp your Keys
Google+ $config['encryption_key'] = "YOUR KEY";
Initializing the Class
$this->load->library('encrypt');
__________________________

To encode use below method

__________________________

$id = '123';
$encrypted_id = $this->encrypt->encode($id);
//$url = 'www.trythis.com/site?id=' . $encrypted_id;

And to decode

//$encrypted_id = $_GET['id'];
$decrypted_id = $this->encrypt->decode($encrypted_id);

php code for payment integration with CCAvenue

noreply@blogger.com (Anonymous) — Sun, 09 Nov 2014 17:17:00 +0000

Integrating CCavenue payment gateway is simple

We need a merchant id and working for implementing payment gateway
These two details will be given by CCavenue
They use a redirect model for payment
ie the user will be rediected to there site for making the payment
Before for sending the details to CCavenue we need to save the details so that we can verify the details after the payment
we need to generate a signature(checksum) that is it contain some details like amount, orderid, working key, merchantid and rediecturl
On the buy page on submitting we need a serverside validation of the details the user have entered and after that the user details need to be stored in our DB after the payment is successfully completed
After entering all the details we need to redirect to another page it contain a form and the CCavenue form variables which are in hidden and we need to auto submit after loading the page

code is here
___________________

<?php
$Merchant_Id = “your_merchantid”;//
$Amount = “amount”;
$Order_Id =”orderid”;//unique Id that should be passed to payment gateway
$WorkingKey = “working_key”;//Given to merchant by ccavenue
$Redirect_Url =”sucessurl”;
$Checksum = getCheckSum

($Merchant_Id,$Amount,$Order_Id ,$Redirect_Url,$WorkingKey);

 // Validate All value
//creating a signature using the given details for security reasons
function getchecksum($MerchantId,$Amount,$OrderId ,$URL,$WorkingKey)
{
$str =”$MerchantId|$OrderId|$Amount|$URL|$WorkingKey”;
$adler = 1;
$adler = adler32($adler,$str);
return $adler;
}
//functions
function adler32($adler , $str)
{
$BASE = 65521 ;
$s1 = $adler & 0xffff ;
$s2 = ($adler >> 16) & 0xffff;
for($i = 0 ; $i < strlen($str) ; $i++)
{
$s1 = ($s1 + Ord($str[$i])) % $BASE ;
$s2 = ($s2 + $s1) % $BASE ;
}
return leftshift($s2 , 16) + $s1;
}
//leftshift function
function leftshift($str , $num)
{
$str = DecBin($str);
for( $i = 0 ; $i < (64 – strlen($str)) ; $i++)
$str = “0″.$str ;
for($i = 0 ; $i < $num ; $i++)
{
$str = $str.”0″;
$str = substr($str , 1 ) ;
}
return cdec($str) ;
}
//cdec function
function cdec($num)
{
for ($n = 0 ; $n < strlen($num) ; $n++)
{
$temp = $num[$n] ;
$dec = $dec + $temp*pow(2 , strlen($num) – $n – 1);
}
return $dec;
}
?>
<form id=”ccavenue” method=”post”

action=”https://www.ccavenue.com/shopzone/cc_details.jsp”>
<input type=hidden name=”Merchant_Id” value=”Merchant_Id”>
<input type=”hidden” name=”Amount” value=”Amount”>
<input type=”hidden” name=”Order_Id” value=”Order_Id”>
<input type=”hidden” name=”Redirect_Url” value=”success url”>
<input type=”hidden” name=”TxnType” value=”A”>
<input type=”hidden” name=”ActionID” value=”TXN”>
<input type=”hidden” name=”Checksum” value=”<?php echo $Checksum; ?>”>
<input type=”hidden” name=”billing_cust_name” value=”name of user”>
<input type=”hidden” name=”billing_cust_address” value=”address of user”>
<input type=”hidden” name=”billing_cust_country” value=”user country”>
<input type=”hidden” name=”billing_cust_state” value=”state of user”>
<input type=”hidden” name=”billing_cust_city” value=”city”>
<input type=”hidden” name=”billing_zip” value=”zip/pin code”>
<input type=”hidden” name=”billing_cust_tel” value=”telphone no”>
<input type=”hidden” name=”billing_cust_email” value=”emailid”>
<input type=”hidden” name=”delivery_cust_name” value=”user name”>
<input type=”hidden” name=”delivery_cust_address” value=”delivering address”>
<input type=”hidden” name=”delivery_cust_country” value=”delivering country”>
<input type=”hidden” name=”delivery_cust_state” value=”delivering state”>
<input type=”hidden” name=”delivery_cust_tel” value=”telphone no”>
<input type=”hidden” name=”delivery_cust_notes” value=”this is a test”>
<input type=”hidden” name=”Merchant_Param” value=””>
<input type=”hidden” name=”billing_zip_code” value=”zip/pin”>
<input type=”hidden” name=”delivery_cust_city” value=”city”>
<input type=”submit” value=”Buy Now” />
</form>

Next is

After the successful payment,CCavenue will redirect to our successurl with the some details as post url/get url

there are mainly 3 auth_status are there they are
Y successfully authorised by gateway
N Unsuccessful transaction
B not authenicated at this pont of time

we need to verify the payment gateway details send by CCavenue is tampered or not for that we have to use the Verify checksum function

next step is

//Verify the the checksum
function verifychecksum

($MerchantId,$OrderId,$Amount,$AuthDesc,$CheckSum,$WorkingKey)
{
$str = “$MerchantId|$OrderId|$Amount|$AuthDesc|$WorkingKey”;
$adler = 1;
$adler = adler32($adler,$str);
if($adler == $CheckSum)
return “true” ;
else
return “false” ;
}
//functions
function adler32($adler , $str)
{
$BASE = 65521 ;
$s1 = $adler & 0xffff ;
$s2 = ($adler >> 16) & 0xffff;
for($i = 0 ; $i < strlen($str) ; $i++)
{
$s1 = ($s1 + Ord($str[$i])) % $BASE ;
$s2 = ($s2 + $s1) % $BASE ;
}
return leftshift($s2 , 16) + $s1;
}
//leftshift function
function leftshift($str , $num)
{
$str = DecBin($str);
for( $i = 0 ; $i < (64 – strlen($str)) ; $i++)
$str = “0″.$str ;
for($i = 0 ; $i < $num ; $i++)
{
$str = $str.”0″;
$str = substr($str , 1 ) ;
}
return cdec($str) ;
}
//cdec function
function cdec($num)
{
for ($n = 0 ; $n < strlen($num) ; $n++)
{
$temp = $num[$n] ;
$dec = $dec + $temp*pow(2 , strlen($num) – $n – 1);
}
return $dec;
}

then finally follow this

we need to pass the details into it, if it returns true than the details are ok and payment was successfull redirect to success page
if it returns false then the details are tampered while sending to our application and something wrong has occured and redirect to failed /unsuccessful page