Find Browser And Browser Version Using jQuery

By:
On:
In: Article, CodeProject, JQuery
Tagged: , , , ,

In this post we will see how we can find out the browser name and browser version by using jQuery. Here we will be using $.browser property og jQuery which returns the browser information. In this demo we will test this in most used browsers like Internet Explorer, Mozilla, Chrome, Opera. I hope you will like this. NB: Using $.browser is not recommended by jQuery itself, so that this feature has been moved to the jQuery.migrate plugin which is available to download if the user want. It is a vulnerable practice to use the same. Use it only if needed. It is always better toRead More →

Overwrite CSS Styles Using addClass

By:
On:
In: Article, CSS
Tagged: , , , , , ,

In this post we will see how we can overwrite CSS styles using addClass method in jQuery. We have so many options to change the styles of a particular element. We can do it by editing the style sheet manually. But what if you want to do the same dynamically? If you need to change a CSS property dynamically, I suggest you to read it here: CSS Important . In this post we are applying more CSS rules to the same element. I hope you will like this. Here I am using jQuery 2.0.2 version, you can use whichever version you like. Background Recently IRead More →

By:
On:
In: Code Snippets, JQuery
Tagged: , ,

In this post we will see how we can get the current URL in jQuery [js] <script> $(document).ready(function ($) { alert(window.location); }); </script> [/js] Here window.location will return the current location/url of your browser. Please see my other posts related to JQuery here: JQuery Posts Kindest Regards Sibeesh VenuRead More →

Make Image Fit To The Screen

By:
On:
In: Article, CodeProject, JavaScript, JQuery
Tagged: , , , ,

Introduction In this post, we will create a drag and drop game which uses jquery drag drop functions. We will create two boxes, from one box we need to drag the content box and drop the same into another box. We will be using sortable function and its events. I hope you will like this game. Background For the last Independence day for India, I though to create a game related to the word “INDIA”. I created and hosted it in my website. Using the code First we will create an html5 page as follows. [html] <!DOCTYPE html> <html> <head> <title>Find INDIA Game – SibeeshRead More →

Merge Multiple Arrays To One

By:
On:
In: Article, CodeProject, JQuery
Tagged: , , , ,

In this post we will discuss how we can merge multiple arrays to one array using JQuery. There are so many ways to achieve this. Like we can loop through each array and push it to other array one by one or we can join those arrays one by one. Or we can use JQuery function merge() . But requirement was bit different. Since I was using large data, I was not able to use any loop or any long processes. We will discuss an easy way here in this article. I hope you will like this. Background Recently I got a requirement of mergingRead More →