Blogger Plug n Play - jQuery Tools and Widgets

Get Multiple Url Parameters with Same Name Using PHP

2013-04-11T01:10:00.003-07:00

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>"; 
 }
?>

How to disable warnings and notices in php.ini and WAMP

2013-04-04T04:18:00.001-07:00

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

How to hide or remove div using Escape key from keyboard using JavaScript and jQuery

2013-03-05T23:20:00.000-08:00

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();

    }

});

"Could not complete your request because the file-format module cannot parse the file" error in photoshop CS3 on opening .png file

2013-03-05T21:11:00.002-08:00

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.

Samsung C3322 Mobile Review/Price/More features

2013-02-22T23:16:00.004-08:00

I was looking for a mobile my father.As need was of keypad based phone, there were limited number of sets available in market.But the one which looked very impressive based on price and features was Samsung C3322 Mobile.Huge research over internet about pros and cones and of course the price of this mobile resulted positive response with price tag ranging between 3000 to 3300 Rs. Then I decided to buy this mobile.Bought this phone for Rs 3200. So in this post I am going to show the true picture.

Pros

1) Side key/button for Easy switch between both sims
2) Cal Record Feature.
3) Picture quality is good according to the 2MP camera.
4) Easy shortcut Icons on home screen
5) Sound Quality is very Good and Earphones are of good Quality.
6) Battery Back up is of 3 days on full charge
7) Response time is good.

Cons

1) No auto ON/OFF Mobile feature.
2) LCD Screen when viewed vertically shows different colors from both eyes not much only a little bit but it feels more comfortable when viewed horizontally. I hope you got my point.
3) Video recording Quality is average.

PHP get multiple CheckBox value using form

2013-02-21T03:57:00.000-08:00



<?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>

Airtel Validity packs in Punjab circle

2013-02-19T02:35:00.003-08:00

If your AirTel validity expired then recharge with special pack of Rs 43 in Punjab from retailer.

Verticle Auto Scroll News Ticker Wordpress Using jQuery For Blogger Version 2

2013-02-13T04:05:00.003-08:00

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

Countdown Timer then Show Download Link using Javascript

2013-02-13T02:56:00.001-08:00

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

See Demo

Karbonn Smart A111 5 inch Phablet with 1.2GHz Dual-Core Qualcomm Processor

2013-02-12T20:44:00.002-08:00

Karbonn Mobiles has rolled out a new smartphone in Indian market, dubbed as Smart A111. The 5″ smartphone runs on Android 4.0. Under the hood it has dual core 1.2GHz processor on Qualcomm Scorpion SoC, 512 MB RAM, 5 MP camera with focus, front camera for video chat, 4GB internal storage, 32 GB microSD support, several sensors, dual SIM, 3G and others.

The new Smart A111 is dubbed as answer to Micromax’s recent mega-product Canvas 2 A110. The Micromax phone is sold like hot cakes and most of the online retailers are out of stock. In this scenario Karbonn’s latest launch of Smart A111 can go very well.

Karbonn Smart A111 features:

5″ Display
1.2Ghz dual core Qualcomm Scorpion processor
512MB RAM
Android 4.0 Ice Cream Sandwich
5 MP rear camera with autio focus and flash
Front VGA camera
4 GB internal memory & support for 32 GB microSD
Light Sensor, G-Sensor, Proximity Sensor
3G and WiFi connectivity
2100 mAh battery
Price – Rs 10,290

ScrollTo() Alternative jQuery Navigation/ Tab Menu To Scroll to a div In a page

2013-02-11T23:01:00.001-08:00

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);
        });
    });

New Auto Horizontal Image Slider[Style 2] Using jQuery For Blogger Blog

2013-02-11T21:37:00.002-08:00

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

Lava E-Tab XTRON With 7" And Android 4.1.1 Specification and Price

2013-02-11T01:46:00.002-08:00

Not everyone is going for phablets, it seems as a few companies are still bringing out 7" tablets. The Lava E-Tab XTRON is one such tablet with an IPS screen having pixel dimensions of 1024x600. This Android 4.1.1 (Jelly Bean) device is powered by a dual-core 1.5 GHz CPU with 1 GB of RAM. The internal storage is 8 GB (5 GB usable) with expandability provided via up to 32 GB microSD card. A 2 mp front camera facilitates video chat. Here are the complete specifications:

Android 4.1.1 (Jelly Bean), Google Play Store.
7" IPS touchscreen with pixel dimensions 1024x600.
1.5 GHz dual-core Cortex A9 CPU and quad-core Mali-400 GPU.
1 GB of DDR3 RAM, 8 GB internal storage (5 GB usable), Up to 32 GB microSD support.
2 megapixel front camera.
Wi-Fi 802.11 b/g/n, NO Bluetooth.
Micro-USB, Headphone port, NO HDMI.
Microphone, Accelerometer.
7.2" (l) x 5.2" (w) x 0.45" (11.5 mm) (d); 350 grams.
3500 mAh battery with 4 hours on Wi-Fi.
Package Contents: Tablet, Free coupons, Battery, Charger, Earphones, USB.

Lava has preinstalled a variety of apps on the tablet. The company provides an entertainment package from Hungama.com worth Rs 2000 and also a 1-month unlimited online movie package from BigFlix for Rs 1. Free bundle aimed at students includes vedic maths package, Rs 4000 worth of discounts from meritnation.com, a free career booster package, and 20% discount from edukart.com. There is also the Uahoy app that lets users participate for a chance to win unlimited prizes every day.

The Lava E-Tab XTRON is priced sweetly at an MRP Rs 6700, but is available online at Rs 6500. Everything looks just perfect with this tablet at first glance; an IPS display with higher than usual pixel dimensions of 1024x600 meaning crisper images, dual-core powerful CPU with 1 GB RAM to ensure smooth operations, Jelly Bean out-of-the-box, and an amazing bundle that is actually worth more than what you are paying for the tablet.

However, there is one major omission over here; an HDMI port is conspicuous by its absence. The company hasn't mentioned it in the specifications and photos from all angles also do not seem to show this port. This means that you cannot take the HD visuals to a big screen even when the hardware is more than capable of handling just about anything. This can be a deal-breaker for some, but if the lack of HDMI doesn't bother you, then there is probably no better tablet deal available right now than this one.

How to Type only selective text in a Text Field/Box

2013-02-11T01:36:00.001-08:00

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;
};

JavaScript PDF Reader/Viewer to Embed in a Webpage

2013-02-07T22:03:00.002-08:00

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

Check if text field contains only Numericals

2013-02-07T03:02:00.000-08:00

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

DEMO

3D Circular continuous Round about image Scroller

2013-02-01T00:50:00.001-08:00

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

Simple jQuery Accordion Menu

2013-01-31T22:34:00.000-08:00

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

DEMO

Floating DIV/ Light Box in page using jQuery for Every Content

2013-01-31T03:14:00.000-08:00

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

How to Block/Remove Ads in Android Browsers, Apps and Push Notifications

2013-01-31T00:54:00.000-08:00

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

Lazy load/Scroll to load jQuery tool for images.

2013-01-30T02:32:00.000-08:00

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%;
  }

change image with click on tabs or thumbnails using jQuery

2013-01-29T23:03:00.001-08:00

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>

How to check and uncheck a checkbox with jQuery

2013-01-29T01:19:00.000-08:00

Example form with Check box

<input type="checkbox" name="foo" value="bar" />
<input type="button" onclick="show_checked()" value="Show" />
<input type="button" onclick="set_checked(true)" value="On" />
<input type="button" onclick="set_checked(false)" value="Off" />

Check Status of Check box

   $('input[name=foo]').is(':checked')

Full JavaScript Code to On/Off Check Box

 

 function show_checked() {
    window.alert($('input[name=foo]').is(':checked'));
}
function set_checked(checked) {
    $('input[name=foo]').attr('checked', checked);
    //$('input[name=foo]').prop('checked', checked);
}

.prop() can also be used instead of .attr()

DEMO

Conversion of statements to E-R Diagram Examples

2013-01-28T21:55:00.001-08:00

statements are

Example 1 :

"A teacher can teach many courses. A student can enroll in many courses. A course may be a part of one or many programs A teacher can be mentor of many students, however a student can have only one mentor."

The solution to above Question can be found Here

Example 2 :

Patients are treated in a single ward by the doctors assigned to them. Usually each patient will be assigned a single doctor, but in rare cases they will have two.

Heath care assistants also attend to the patients, a number of these are associated with each ward.

Initially the system will be concerned solely with drug treatment. Each patient is required to take a variety of drugs a certain number of times per day and for varying lengths of time.

The system must record details concerning patient treatment and staff payment. Some staff are paid part time and doctors and care assistants work varying amounts of overtime at varying rates (subject to grade).

The system will also need to track what treatments are required for which patients and when and it should be capable of calculating the cost of treatment per week for each patient (though it is currently unclear to what use this information will be put).

The solution to above Question can be found Here

A Good Tutorial on E-R Diagrams can be found Here

Best Tool to Draw E-R Diagrams Online with Shared Support( Multiple users on different computer or screen can work on same diagram ) Visit Here

How to See if Element is hidden or Visible Using jQuery

2013-01-24T04:10:00.000-08:00

Using jQuery we can check if an element is hidden or visible which changes its visibility under the effect of some jQuery functions like .hide() , .show() and .toggle() .

Visibility of an element can be checked using $(element).is(":visible")

DEMO