send MBAL to 55333 (toll free)

Learn more »

1) FreeWebHostingArea.com  PHP,Mysql Support

2) 000WebHost. PHP,Mysql Support

3) Award Space

4) 1FreeHosting

5) 2FreeHosting

Learn more »

go to file

C:\wamp\www\phpMyAdmin-4.0.1-all-languages\libraries\config.default.php 

Search $cfg['Servers'][$i]['AllowNoPassword'] = false;

and change it to "true"

Learn more »

In This Form We are Using Following Form Elements:

Input Text

Radio

Check

Select

Validation is done using pure jQuery

View Demo

Learn more »

index.php?paraname=VALUE1&paraname=VALUE2&paraname=VALUE3&paraname=VALUE4

Now if we get paraname parameter as follow $val = $_REQUEST['paraname']; // Output only last value VALUE4 we can bind all parameters in an array by doing a change in the form from where the values are coming like as follow

<form action="" method="get">
<input name="paraname[]">
<input name="paraname[]">
<input name="paraname[]">
<input name="paraname[]">
</form>

Then we can request the values as

<php

$val = $_REQUEST['paraname'];


foreach ($val as &$Mvalue) {
     
  echo $Mvalue."<br>"; 
 }
?>

Learn more »

open php.ini Search "error_reporting = E_ALL" and Replace it with "error_reporting = E_ALL & ~E_NOTICE & ~E_WARNING" .After saving restart the WAMP 

Learn more »

Using JavaScript

<script type="text/javascript">

 window.onkeyup = function (event) {

  if (event.keyCode == 27) {

    document.getElementById(boxid).style.visibility="hidden";

  // window.close();

  }

 }

</script>

Using jQuery

$( document ).on( 'click', function ( e ) {

    if ( $( e.target ).closest( elem ).length === 0 ) {

        $( elem ).hide();

    }

});



$( document ).on( 'keydown', function ( e ) {

    if ( e.keyCode === 27 ) { // ESC

        $( elem ).hide();

    }

});

Learn more »

Solution

let the file image.png is showing this error "Could not complete your request because the file-format module cannot parse the file" popup.

1) Now Right click on image.png and open with Paint

2) Go to File >> Save-As >>Select PNG format >> then Save and Overwrite the previous file ( Don;t woryy the quality of image remain same )

3) Now you have a new image.png file which can be open with Photoshop without any Error pop up.

Learn more »

<?php 
 $rtt = "";
    $chk = $_REQUEST['txtOwn'];
     if(empty($chk))
     {
  echo("You do not own anything.");
     }
     else
     {
  $N = count($chk);
  for($i=0; $i < $N; $i++)
  {
   $rtt = $rtt."  ,".$chk[$i];
  }
     } 
  
  echo $rtt;
?>


<form method="get">
 <input type="checkbox" name="txtOwn[]" value="AC" />AC<br />
 <input type="checkbox" name="txtOwn[]" value="Fridge" />Fridge<br />
 <input type="checkbox" name="txtOwn[]" value="TV" />TV<br />
 <input type="checkbox" name="txtOwn[]" value="Mobile" />Mobile<br />
 <input type="checkbox" name="txtOwn[]" value="Car" />Car<br />
 <input type="submit" >
 </form>

Learn more »

This news ticker is vertical scroller which stops for a while when heading appears then moves .It stops only on mouse-over. It is continuous and very small code to apply. view demo for complete code

DEMO

Learn more »

This code can be used in situation where we want to show a countdown before showing any link or anything

See Demo

Learn more »

Using jQuery we can easily scroll to the required div by using any event like click , Mouse over etc. Same jQuery Function can be used to scroll multiple Divs. No change required in function during addition or removal of any div to scroll. Small Snippet jQuery's ScrollTo function alternative. See Demo for its Working and code

DEMO

jQuery Function Used. Complete code in demo link

$(document).ready(function (){
        $(".click").click(function (){
           var pos = $(this).attr("position");
                $('html, body').animate({
                    scrollTop: $("#"+pos).offset().top}, 2000);
        });
    });

Learn more »

Auto Image slider with great flexibility to re-size the total container and width and length of thumbnails or image. Very light with small code for execution.

See the DEMO for its working. And below CSS code to change container size and thumbnail size

                        #intro {
    width: 580px;
    margin: 0 auto;
   }
   .wrapper {
    background-color: white;
    width: 480px;
    margin: 40px auto;
    padding: 50px;
    box-shadow: 0 0 5px #999;
   }
   .list_carousel {
    background-color: #ffffff;
    margin: 0 0 30px 60px;
    width: 710px;
   }
   .list_carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
   }
   .list_carousel li {
    font-size: 40px;
    color: #999;
    text-align: center;
    background-color: #eee;
    border: 5px solid #999;
    width: 200px;
    height: 150px;
    padding: 0;
    margin: 6px;
    display: block;
    float: left;
   }
   .list_carousel.responsive {
    width: auto;
    margin-left: 0;
   }
   .clearfix {
    float: none;
    clear: both;
   }
   .prev {
    float: left;
    margin-left: 10px;
   }
   .next {
    float: right;
    margin-right: 10px;
   }
   .pager {
    float: left;
    width: 300px;
    text-align: center;
   }
   .pager a {
    margin: 0 5px;
    text-decoration: none;
   }
   .pager a.selected {
    text-decoration: underline;
   }
   .timer {
    background-color: #999;
    height: 6px;
    width: 0px;
   }

View Demo for complete code

Learn more »

We can Disable some characters from being written in a text field by using below functions

DEMO

with JQuery


 $("input").keypress( function(e)
{ var chr = String.fromCharCode(e.which);
 if ("12345NOABC".indexOf(chr) < 0)
 return false;
 }); 


without JQuery 


 document.getElementById("foo").onkeypress = function(e)
 { var chr = String.fromCharCode(e.which);
 if ("12345NOABC".indexOf(chr) < 0)
 return false;
};

Learn more »

JavaScript based PDF reader/ viewer ca be used to embed a viewer on webpage to read PDF file. It also have extended capabilities like Zooming, Search next page and prev page, Goto page box.

We can pass a parameter to use any PDF file with is viewer.

See DEMO and get Files HERE

Learn more »

function check()
{
    var val = document.getElementById("chkk").value;
    if(val.match(/^\d+$/)) {
       alert(document.getElementById("chkk").value);
     }
    else{alert("Please entere valid number");}
   
}

DEMO

Learn more »

3D Circular continuous Round about image Scroller

Round about Image Scroller is mostly found in flash. But this is bruit using jQuery. Clicking on perticuler image moves it to first. We can also give links in it. View its Demo for Code and detailed working.

DEMO

Learn more »

simple jQuery accordion menu using Css. See Demo for code and its Working

DEMO

Learn more »

Light box which opens in the middle of page with any type of content like images text audio and video. Any type of content can be embedded in light box. It basically opens a div in middle which contains another link to a page with any type of content.

See demo For code and files.

DEMO

Learn more »

Applications which are free mostly loaded with advertisements as android choice of many users. Advertisers and developers use these free apps and games to earn money. But annoyance and irritation while using such apps usually increases as the number of such apps increases. Here I am going to provide some methods to remove such weedy stuff from your device free of cost.

For Rooted Devices. Rooted devices have some apps which are good in doing this job. 

 1) AdAway
 2) NetSpector Sniffer/Ad Blocker
 3) AdFree Android

For Un Rooted Devices. 

 1) Ad Block Plus
 2) Adblock Plus extension for Firefox
 3) Disable network/On Airplane Mode.
 4) Removing Push Notifications by detecting apps cousing them using these apps AirPush Detector and Addons Detector

Learn more »

In lazy load the whole content is not loaded in a single go. But loads as we scroll down. So that it takes less time while loading contents of a page with heavy text text and images. we can aply lazy load in various type of content to make loading fast, efficient and convinient for users. As you can see in Demo the content is loaded as we scroll down.

 DEMO

 HTML CODE

<li class="friend"><pre class="loadme"><!-- <div class="friend_rec"> LAZY CONTENT HERE LAZY CONTENT HERE  </div> --></pre></li>
<li class="friend"><pre class="loadme"><!-- <div class="friend_rec"> LAZY CONTENT HERE LAZY CONTENT HERE </div> --></pre></li>
<li class="friend"><pre class="loadme"><!-- <div class="friend_rec"> LAZY CONTENT HERE LAZY CONTENT HERE </div> --></pre></li>

jQuery CODE

<script type='text/javascript' src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>    
<script type='text/javascript' src="http://ivorycity.com/jquery.lazyloader.js"></script>
<script>
$(document).ready( function()
   {
    $('pre.loadme').lazyLoad();
    $('pre.morestuff').lazyLoad();
} );
<script>

CSS

  li {
   list-style-type: none;
   float: left;
   clear: both;
            margin: 8px;
   width: 70%;
  }

Learn more »

We can change Image in a div by clicking on thumbnails using jQuery without any CSS.

DEMO

 HTML CODE

<table border="1" >
 <tr>
     <td colspan="3"><div id="thumb"><img src='Default-Image.jpg' height='200px' widht='200px' ></div>
        </td>
    </tr>
    <tr>
     <td>
   <div id="one"><img src='img-thum1.jpg' height='50px' widht='50px' ></div>
     </td>
     <td>
   <div id="two"><img src='img-thum2.jpg' height='50px' widht='50px' ></div>
     </td>
     <td>
   <div id="three"><img src='img-thum3.jpg' height='50px' widht='50px' ></div>
     </td>
    </tr>    
</table>

jQuery CODE

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>

$("#one").click(function() {
  $("#thumb").html("<img src='Big-Image1.jpg' height='200px' widht='200px' >");
});

$("#two").click(function() {
  $("#thumb").html("<img src='Big-Image1.jpg' height='200px' widht='200px' >");
});

$("#three").click(function() {
  $("#thumb").html("<img src='Big-Image1.jpg' height='200px' widht='200px' >");
});

</script>

Learn more »