Custom Pager Using prev and next In jQuery

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

In this post we will create a custom pager using prev and next functions in jQuery. You can treat this post as a simple demo of using prev and next functions. We will be using some html UI elements and we will apply the paging functionality by using native jQuery codes. In this way you can get the information about on which page is requested by the user, once you get it, you can create an jQuery ajax call and fetch the data from the database and show. You need to know the basic of jQuery and CSS before going further. I hope you willRead 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 →

Important CSS Property In JQuery And CSS

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

In this post we will discuss how we can apply CSS important in JQuery. We all know that we can not apply a important CSS property directly to an element. It does not work. But still there is a solution for that. Here I am going to share you that. I hope you will like this. Background Recently I was going through a situation that to apply a custom CSS to an element which already has some CSS styles and all. I wanted to overwrite those CSS in situation based, that is when some condition satisfies. Using the code First of all we will createRead More →

By:
On:
In: Code Snippets, CSS, CSS3
Tagged: , , , ,

In this code, we will see how we can set an image to fit the screen completely. By doing this we can make sure that there is repeating of images in the background. Using The Code Here I am setting the image to the body tag. [css] #body { background: url("http://sibeeshpassion.com/content/images/indian%20flag%20banner.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } [/css] Please see other code snippets here: Code-Snippets Kindest Regards Sibeesh VenuRead More →

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

Introduction Hi all, I hope you are fine . If you are new to angular JS I suggest you to read the Basics of AngularJS. Now with the belief that you have read my previous article, we are starting. Using the code We will explain that with a demo. Please see the below implementation. [js] <body ng-app ng-init="placesVisited=[‘Delhi’,’Kerala’,’Tamil Nadu’,’Banglore’,’Uttar Pradesh’,’Noida’,’Haryana’,’Thrissur’];"> <div> <input type="text" ng-model="curPlace" class="inputText"> <ul> <li ng-repeat="place in placesVisited | filter:curPlace"> <a ng-href="https://www.google.co.in/webhp?q={{place}}">{{place}} </a> </li> </ul> </div> <script src="angular.min.js"></script> </body> [/js] In this, as we discussed with the previous article, I have declared my ng-app and ng-init. In the initialization part, I have givenRead More →