Hello again, it’s time for comprehensive programming article. Here you’ll find 38 mainly jquery and CSS based drop-down or just multi level menu tutorials with down loadable files and explanations as well. My favorite here is the first pick – Outside the box with very unique navigation menu. It’s always good to have such reference [...]
Posts Tagged ‘javascript’
38 jQuery And CSS Drop Down Multi Level Menu Solutions
Posted by Bagesh Singh on July 2nd, 2010
Posted in Home, Interview Question, Others, ajax, coding technique, how-to, javascript, jquery, php, tips and technique, tutorial 
Tags: dropdown, javascript, jquery, Menu, Navigation, Tutorials, webdesign 
No Comments »
Magento: Creating Ajax Updated Tabs In Frontend, Like Product Management Tabs of Backend
Posted by Bagesh Singh on June 30th, 2010
Magento’s Product Management GUI in back-end has Tabbed Navigation. There are two types of Tabs implemented there. One type of Tab is normal tab, loading content on page load while other type of tab has its content loaded by “Ajax”. Another interesting thing to note is that once the Ajax loaded tab’s content is loaded [...]
Posted in Home, Interview Question, Magento, Others, PHP Third Party Tools, ajax, how-to, javascript, magento interview question, php, tips and technique Tags: ajax, how-to, javascript, Magento, tricks Comments Off
Tabbed Infowindow in Google Maps
Posted by Bagesh Singh on April 7th, 2010
I wanted to show different categories of information on one GMarker. That is I wanted to show different types of information on a Infowindow for a point on Google Maps. For that I used a tabbed info window, which helped me to show different data on each tabs. Here is the code [...]
Posted in Others, javascript, tips and technique Tags: Google Maps, javascript, latitude, longitude Comments Off
Animated content navigation effect using jquery
Posted by Bagesh Singh on March 19th, 2010
I always get bored with the same stuffs. And, I see same kind of content navigation to the different websites. Click a link, let’s the whole web page gets loaded and new page gets displayed. It would be better to show another content in the same page with few animation without [...]
Jquery : Benefits, Examples and Free Ebook
Posted by Bagesh Singh on March 12th, 2010
What is jQuery?
Directly taken from the website of jQuery -” jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages”.It is basically a JavaScript framework for writing huge task of JavaScript with few lines of code.
What are the benefits [...]
Image hover effect using jQuery
Posted by Bagesh Singh on March 12th, 2010
In this post, I’ll show you how to make a image hover effect using “div” in jquery.Take a look at a telebid.com if you put the mouse over the bid button it will be changed to login and afterwards it become bid button.
Step 1:
First of all, define two classes in css one for “loginimage” and [...]
Display different color in alternate row using jquery
Posted by Bagesh Singh on March 12th, 2010
Most of the tabular data are organized in such a manner that they are easy to read. And for this, most of the developers use different color to highlight the alternate row.There are various method of displaying different row in different color but here I’m going to use the most simple method using jQuery.
I’m going [...]
How to make accordion using jquery and css
Posted by Bagesh Singh on March 12th, 2010
Last time I’ve written an article about how to make expand-collapse toggle panel using jQuery. Now, this time I’ll show you how to make collipsible accordion using jQuery.An accordion is a toggle pane where one pane slides down the other pane slides up.
HTML Code :
<div id=”firstpane” class=”msg_list”>
<p class=”msg_head”>News-Head-1 </p>
<div class=”msg_body”>
orem ipsum dolor [...]
Display random number in random way using JavaScript
Posted by Bagesh Singh on March 12th, 2010
I think you guys already know about how to get the random number using JavaScript, if you don’t know then you can use Math.random() to display a random no ranging from 0 to 1. It would have been better if we display the random number in the random way using JavaScript. Ok, Let’s do it..
Displaying [...]
Posted in Home, javascript, tips and technique Tags: javascript, number, random number, tips 1 Comment »
check username availability in ajax and php using jquery’s fading effect
Posted by Bagesh Singh on March 12th, 2010
In this post,I’ll show you how to make a fancy username availability checking in ajax and php using jquery.When, you check the the username avaiability a fancy message box will show you the message with a little bit of animation. If you are looking for such kind of effect for checking username availability, then this [...]
Posted in javascript, jquery Tags: ajax, javascript, jquery, php, username, username availability Comments Off
