Search This Blog

Monday, 6 May 2013

Osia Italia Shirts Rs. 320 – SnapDeal

osia-italiaSnapDeal is selling Osia Italia Shirts for Rs. 320. Fabric: Cotton.


Apparel – 20% off Promo Code: FASHION


Buy: Osia Italia Shirts (10 designs) | More Apparel

Personalized Greeting Cards A5 Rs. 75, A4 Rs. 85 – PrintLand

mothers-day-cardPrintLand is offering Personalized Greeting Cards Size A5 for Rs. 75 & A4 for Rs. 85.


50% off Discount Code: MGRE50


Buy: Personalized Greeting Cards

Wednesday, 1 May 2013

Remove related videos from YouTube videos using jQuery

You must have notice that YouTube shows related videos link at the end of playback. This is sometimes quite annoying when you have embedded a video specific to your website and other related videos come up. So in this post, find jQuery code to remove related video shown at the end of playback.


Related Post:

To remove related video, all you need to do is to append "rel=0" to YouTube video URL.
$(document).ready(function () {
$('iframe[src*="youtube.com"]').each(function () {
var sVideoURL = $(this).attr('src');
if (sVideoURL.indexOf('rel=0') == -1) {
$(this).attr('src', sVideoURL + '?rel=0');
}
});
});
See result below


See Complete Code
Feel free to contact me for any help related to jQuery, I will gladly help you.

Tuesday, 30 April 2013

Top 5 Free web browsers for Android 2013


1: Dolphin


And in first place, away from the rest by more than 100,000 downloads Dolphin encounter. Powerful, fast, simple and just as good as any of the above.

Highlights:

  • Over 60 accessories
  • Define custom gestures to make a faster and smoother navigation
  • Tabbed browsing
  • Skinning
  • Sync bookmarks with your Google Account
  • Integration with Facebook
  • Multitouch
  • Sidebars for addons and markers

2: Opera


In a second position, we have another of the greats such as Opera.

Highlights:
  • Its easy and intuitive interface
  • Sync bookmarks, shortcuts and others through Opera Link
  • Fb and Twitter Integration
  • Choice of games and accessories from Opera Store
  • Data compression up to 90%

3: Skyfire


And now we start with the good, we have skyfire Thirdly, a powerful browser, that while I did not like, I finally convinced its interface, is highly rated by many users.

Highlights:
  • Flash Support
  • Optimizing video but licensed (~ 2 €)
  • Total integration with Fb and Twtitter
  • Fast mobile web version and vice versa

4: Firefox


And on the verge of entering the three most popular, well-known browser that is left in fourth place.

We highlight:
  • Sync with your web history, bookmarks, passwords, tabs ...
  • Ons (firefox would be without them? ^ ^)
  • Tabbed browsing
  • Skins
  • Total integration with social networks
  • Geolocation
  • You have no flash

5:Maxthon


A Maxthon enconramos it in eighth place, this browser remark that there is also a desktop version.

The highlight:
  • Sync with desktop browser (chrome style)
  • High power of personalization: with skins, avatars ...
  • Quick Mode or mobile web version
  • Download manager
  • Tabbed browsing and gesture

Monday, 29 April 2013

Split an image into strips using jQuery

In this post, find out about a jQuery plugin that gives your images a bit of WOW! Yes, this jQuery plugins allows to split the image into any number of strips.

PicStrips adds a little style to your images to help them stand out from the crowd. You can split your images into any number of strips, specify the white space between each strip and also the amount of vertical white space added at the top and bottom of alternate strips.


Related Post:

How to use it?


It's very easy to use. All you need to do is to make call to picstrips method on your image which you want to split into strips.
$("#imgStrip").picstrips({
splits: 7,
hgutter: '10px',
vgutter: '20px',
bgcolor: '#fff'
});

Options


This plugin currently supports 4 different options (as specified in above sample code).
  • splits - The number of strips you want to split the image into.

  • hgutter - The horizontal gutter between each strip.

  • vgutter - The vertical gutter overlayed at the top and bottom of alternate strips.

  • bgcolor - The background colour of the vertical overlays (defaults to white).

Official Website
Feel free to contact me for any help related to jQuery, I will gladly help you.

Sunday, 28 April 2013

Show only Month and Year in only one jQuery UI DatePicker in case of Multiple DatePicker

In one of my previous post, I had posted about Show only Month and Year in jQuery UI DatePicker, but there was an issue with the code explained in that particular post. The issue was that it was applicable for all the datepickers present on the page and it is quite possible to have such behavior for one datepicker and rest of the datepickers control should work their default functionality.


Related Post:

How to do it?


To implement this, follow below steps only for that control for which you want to show Month and Year appear as Dropdown.
  • Set changeMonth and changeYear to true.

  • Set date format to "MM yy".

  • jQuery DatePicker has "onClose" event, which is called when Datepicker gets closed. So using this event, fetch the selected Month and Year and setDate of Datepicker.

  • jQuery DatePicker also has "beforeShow" event, which is called before the datepicker is displayed. So this event will be used to Show the previously selected Month and Year as selected. If you don't use this event, then datepicker will always show the current month and current year, irrespective of your previous selection.

  • Now, here is tricky part. Use focus() and blur() event of the textbox control to hide default behavior of the datepicker. And in focus() event, set the position of "ui-datepicker-div" which is created by datepicker control itself and this holds UI for having month and year dropdown.

$(document).ready(function () {
$('#txtDate').datepicker({
changeMonth: true,
changeYear: true,
dateFormat: 'MM yy',

onClose: function () {
var iMonth = $("#ui-datepicker-div .ui-datepicker-month :selected").val();

var iYear = $("#ui-datepicker-div .ui-datepicker-year :selected").val();

$(this).datepicker('setDate', new Date(iYear, iMonth, 1));
$(this).datepicker('refresh');
},

beforeShow: function () {
if ((selDate = $(this).val()).length > 0)
{
iYear = selDate.substring(selDate.length - 4, selDate.length);

iMonth = jQuery.inArray(selDate.substring(0, selDate.length - 5), $(this).datepicker('option', 'monthNames'));

$(this).datepicker('option', 'defaultDate', new Date(iYear, iMonth, 1));
$(this).datepicker('setDate', new Date(iYear, iMonth, 1));
}
}
});

$("#txtDate").focus(function () {
$(".ui-datepicker-calendar").hide();
$("#ui-datepicker-div").position({
my: "center top",
at: "center bottom",
of: $(this)
});
});

$("#txtDate").blur(function () {
$(".ui-datepicker-calendar").hide();
});
});
See result below
See Complete Code
Feel free to contact me for any help related to jQuery, I will gladly help you.

Saturday, 27 April 2013

Tutorial: Install Adode Flash Player on Android 4.1 Jelly Bean



The first thing to do is download the latest version of Flash Player and Dolphin Browser:


One may say, why not Chrome Dolphin and such? Simple: because Chrome does not have Flash support.

2 - After downloading both files, you must copy them to the SD card of your Android smartphone or tablet either.

3 - Next, install the applications using your favorite file manager. Some good options are ASTRO , File Manager or ES File Explorer . Because they are APK and not from Google Play, you must enable Unknown sources option on your device from: Settings -> Security -> and make sure the option Unknown sources is checked.

4 - Step followed you open your browser, go to Settings and disable Flash Player.

5 - Ready! Now you can enjoy the latest version of Adobe Flash Player on your device with Android 4.1 Jelly Bean!

NOTE: Because Adobe Flash Player is not supported, you might have the burden of objects in HTML pages is not the fastest. However, in all tests so far, the loading speed of the application is very satisfactory.

Finally, here is a video showing the installation process step by step: