"This web page has a redirect loop" Problem Resolved

I was getting this error, i tried a lot to resolve it and at last i did it and
i decided to share so that in future if anybody get this error, he can use this
solution as well to resolve this problem.
before this my .htaccess file contain

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress

RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]

# uploaded files
RewriteRule ^([_0-9a-zA-Z-]+/)?files/(.+) wp-includes/ms-files.php?file=$2 [L]

# add a trailing slash to /wp-admin
RewriteRule ^([_0-9a-zA-Z-]+/)?wp-admin$ $1wp-admin/ [R=301,L]

RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]
RewriteRule  ^[_0-9a-zA-Z-]+/(wp-(content|admin|includes).*) $1 [L]
RewriteRule  ^[_0-9a-zA-Z-]+/(.*\.php)$ $1 [L]
RewriteRule . index.php [L]
and that is why i am getting this error but after editing my .htaccess file to
this content and my problem resovled.
# END WordPress

RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]

# uploaded files
RewriteRule ^([_0-9a-zA-Z-]+/)?files/(.+) wp-includes/ms-files.php?file=$2 [L]

# add a trailing slash to /wp-admin
RewriteRule ^([_0-9a-zA-Z-]+/)?wp-admin$ $1wp-admin/ [R=301,L]

RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]
RewriteRule  ^[_0-9a-zA-Z-]+/(wp-(content|admin|includes).*) $1 [L]
RewriteRule  ^[_0-9a-zA-Z-]+/(.*\.php)$ $1 [L]
RewriteRule . index.php [L]
 This may help many of us and may be not all
of us.

Read More

Limit Post Character in WordPress

Sometime in WordPress we have a requirement that there should be only specific number of Character in our post and there should be read more link which should navigate to some other page. It is very important if you want to show only some lines of data on main page. You can use following code snippet to do this.
<?php
$post_excerpt= limit_post_characters(get_the_content(), get_permalink(),97, "&nbsp;&nbsp;Read more" ); echo $post_excerpt;
?>

Read More

Gravity form tabindex problem and short code

If we have single gravity form in our one page then their is not any type of index problem. So if we navigate through our fields then the cursor will go in that sequence in which it should go. But In case when you have multiple Forms on One page then you can face the problem of Tab in gravity form. But it has very simple solution to resolve this problem. You have to use tabindex in gravity form short code it will resolve your problem.

<?php echo do_shortcode('[gravityform id="2" title=false ajax=true tabindex=50]'); ?>

It means that this form Index will start from 50.  How to remove title from gravity form? it is very simple just use title=false as i have used above. If You want to use Ajax in You gravity form just use ajax=true in short code.

Read More

Show Custom field in WordPress Post, Custom Field in WordPress

Custom fields are very useful in WordPress and we can attach lot of information as metadata in our Post. Now we may have requirement in which we want to display these Meta data or Custom field in our Post. If you want to display the custom field data in your post or anywhere just use the following code snippet.

      <?php if(get_post_meta($post->ID, 'custom_field_name', true)!=null)
        {
             echo get_post_meta($post->ID, ' custom_field_name ', true);
              }
?>
If you feel any problem in this post just mention it in comment i will try to resolve it.

Read More

Show the Post thumbnail or Feature Image in Post WordPress

Post thumbnail or Feature image in WordPress post. In our many posts we use feature images and we also want that these images should also display in our post. To display the feature image or Post Thumbnail use the following code.

                          <?php if ( has_post_thumbnail()) :?>
     <?php the_post_thumbnail(); ?>
 <?php endif; ?>

If you will find any problem just mention it in comment i will try to resolve it.

Read More

Limit the Post Title in WordPress

Sometime we have very long post title and we want that only some part of title should display on main page and whole title should only display on single post page. Following code you can use to perform this task.
<?php
            foreach( $myposts as $post ):setup_postdata($post)

                          $post_title=get_the_title();
  $title_length=strlen($post_title);

  $title_sub=substr($post_title,0,29);
if($title_length<30)
the_title();
else
 echo $title_sub."...";
?>
If you will find any problem just mention it in comments, I will try to resolve it.

Read More

Simple Form Validation By jQuery, Inline Form validation jQuery

Lot of people want form validation by using jQuery. It is very simple to use jQuery and to perform inline form validation. Just follow the following
some steps to do this task.

 1) Create a form and some of fields
 <form id="buy-house" action="" method="post">
    <ul>
<li> <input type="text" name="First_Name" class="required" placeholder="First Name" /></li>
        <li> <input type="text" name="Last_Name" class="required" placeholder="Last Name" /></li>
        <li> <input type="text" name="Email_Address" class="required email" placeholder="Email Address"  /></li>
        <li> <input type="text" name="Telephone" class="required NumbersOnly" placeholder="Telephone" /></li>
</ul>
<input  type="submit" value="submit"  title="Submit" />
  </form>
  You have noticed that i have used class="required" in fields. basically it is a jquery class that are given in jquery libray that you will
  include in you file as i have mentioned below. you have to place class attribute in that fields which you want to validate otherwise just
  leave a field empty in which you do not want to use this.
 
  2) Now Just download and include the following jQurery libraries.
  <script type="text/javascript" src="jquery.validate.min.js"></script>
           <script type="text/javascript" src="jquery.validate.js"></script>


 3) Now just write the following code to your file head section.
<script>  
$(document).ready(function(){
    $("#buy-house").validate({
});
 });
</script>
now just save the file and run it. Now your form is validating on client side by using jQuery just test it. You have inline validation.

4) If you want to customize your error messages you can use message in you jQuery funtion as i did below.

<script>  
$(document).ready(function(){
    $("#buy-house").validate({
messages: {
      First_Name: { required: "*First Name Required" },
 Last_Name: { required: "*Last Name Required" },
 Email_Address:{ required: "*Email Required" },
 Telephone :{ required: "*Telephone Required" },

   }
      });
 });
</script>

5) Now If you want to style your errors just use .error class it will be included automatically in your jQuery error messages.
<style type="text/css">
.error {
color:red;
    font-weight:bold;
font-style:italic
}
</style>
if You still find any problem just mention it in comments i will try to resolve those.

Read More

Use jQuery or JavaScript in PHP, Hide or Show a DIV

How to use jQuery or JavaScript in PHP
Some time we have a such type of logic in which we want to use jQuery within PHP code. It is very useful and sometime you can perform
a very difficult task by using jQuery and PHP in no time. Here i am using jQuery/JavaScript code for showing and hiding of any div.
Basically here i am trying to show errors after validating a form on server side.

 if($first_name=="" || $first_name==null)
       {
     ?>
<script>
$(document).ready(function(){

        $(".contact2").hide();
$(".names2").show();
});
    </script>

<?php
  }
 elseif($last_name=="" || $last_name==null)
       {
    ?>
<script>
$(document).ready(function(){

        $(".contact2").hide();
$(".name2").show();
});
    </script>

<?php
       }


     elseif(!preg_match($email_exp,$enq_email))
{
         ?>
<script>
$(document).ready(function(){

        $(".contact2").hide();
$(".emails2").show();
});
    </script>
If you still find any problem just mention it in comment i will try to resolve it.

Read More

Use Image Instead of Radio Button Html forms

In one of my project I found a requirment of Images instead of radio button. I saw it first time and get confused and I started thinking
what should do and how can i implement it. At last thanks to javascript, Who made me enable to solve this problem. May be you can write a
better code than me but here I want to show how I have implemented it.

   <ul>
         <li>
   <label id="label1" for="developer1" onclick="change1()"><image id="111"src="image1.jpg" </label>
   <input id="developer1" style="display:none" type="radio" name="developer" value="1"  />
</li>
<li>
   <label for="developer2" onclick="change2()"><image id="222" src="image2.jpg" </label>
   <input id="developer2" style="display:none" type="radio" name="developer"  value="2" />
</li>
<li>
   <label for="developer3" onclick="change3()"><image id="333" src="image3.jpg" </label>
   <input id="developer3" style="display:none" type="radio" name="developer"  value="3" />
</li>

     </ul>

Here in label i have used three images names image1, image2 and image3 respectivly. Now for each of these image i have also make a border image.
so that when a person select and images a border image should replace its orignal image. May be you can do it in different way i.e throw css, javaScript
etc.

Following is my javaScript code. Please dont worry its very easy.

<script type="text/javascript">
imgs1=Array("image1.jpg","image1border.jpg");
imgs2=Array("image2.jpg","image2border.jpg");
imgs3=Array("image3.jpg","image3border.jpg");
var x=0;
var y=0;
var z=0;
function change1() {
document.getElementById("111").src=imgs1[++x];
document.getElementById("222").src=imgs2['0'];
document.getElementById("333").src=imgs3['0'];
if (x==1) {
x=0;
}
else
x=1;

}

function change2() {
document.getElementById("111").src=imgs1['0'];
document.getElementById("222").src=imgs2[++y];
document.getElementById("333").src=imgs3['0'];
if (y==1) {
y=0;
}
else
y=1;

}

function change3() {
document.getElementById("111").src=imgs1['0'];
document.getElementById("222").src=imgs2['0'];
document.getElementById("333").src=imgs3[++z];
if (z==1) {
z=0;
}
else
z=1;

}
</script>
If you want that by default one button should be selected just change the order of image in that array and put checked in that radio button.
If you are still confuse just write your problem in comment i will try to help you.

Read More