Archive for the ‘jquery’ Category

Sleek and Smooth animated menu using jQuery

Today, I'm going to show you something interesting with jQuery. Yesterday I was thinking something to post something programming related stuff  in blog after long time and I came across a website, whose menu impressed me a lot. But checking it in a while, I found it it was built using mootools.  Since it was in mootools, I thought of replicating it in jQuery. I have two example of similar menu, first using jQuery core and CSS and another uses jQuery easing plugin to give bounce effect to the same menu.And I've added one more example which I though would be nice menu to show you guys. Full story

Model File upload overlay box using jQuery and Thickbox

Few times back, sNare asked me how do display wordpress like overlay box where you can pass the variables when you click on the link and manipulate simultaneous actions in the overlay until user choose to close it. Today, I've come up with the solution of this with model upload overlay box using thickbox, a jquery plugin. I've used the Iframe content of thickbox while displaying the box as modal box. Full story

jQuery plugin: word-counter for textarea

Sorry friends on the way of move to new home I've been lost from the blog as I didn't have internet connection for few last weeks. Now, I'm back and I try to be regular as much as I can. Inspired from the new feature of wordpress 2.6.x which displays word count of each post, I've developed jQuery plugin to display word-count of Textarea. Please note that it is word count plugin not character counter. Full story

Table row manipulation using jQuery JavaScript

In a jQuery tutorial, I've shown how to display different color in alternate row of table using jQuery. This time I've come up with advanced version of same tutorial where you can add different color in alternate row of table whereas you can display a different color when mouse moves over each row of table furthermore you can assign a different color to table row when mouse is clicked in the table row. Full story

How to display pop-up message on mouse clicked position using jQuery

Yesterday, my friend Sujit asked me how can we get the mouse clicked position and display the pop-up message in that mouse clicked position using jQuery.Today, I've come up with the tutorial for the solution of this problem. In this tutorial, you'll see how to display the pop-up message in mouse clicked position using jQuery. When you click the mouse in any position of document, the pop-up message gets displayed with the mouse position around the middle part of the pop-up message. Full story
Copyright © 2014 Roshan Bhattarai's Blog. All rights reserved.
Powered by WordPress.org, Custom Theme and ComFi.com Calling Card Company.