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 [...]
Archive for the ‘javascript’ Category
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 »
How to Make a Smooth Animated Menu with jQuery in php
Posted by Bagesh Singh on July 2nd, 2010
Step 1 – Set up the Structure
Before starting with any jQuery, we’ve got to build a quick menu structure with XHTML and load in the required project files. Make new XHTML, CSS, and javascript documents. I’ve chosen to name each of mine “animated-menu”. Make two folders in the root directory for images and javascript. I’ve [...]
Posted in Home, Interview Question, Others, Php interview question, ajax, coding technique, how-to, javascript, jquery, php, tips and technique, tutorial Tags: animation, Easing, jquery, Menu, Navigation, plugin 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 [...]
Visible text “Password” instead of “********” in the password field
Posted by Bagesh Singh on March 12th, 2010
As you know, the user login box of the website contains the following fields username and password. Furthermore, most of them put the “Username” inside user name field and “********” inside password field to save the space within designing.In this post I’ll show you how to show “Password” text in the password field. It doesn’t [...]
Expand-collapse toggle panel (div) using jquery
Posted by Bagesh Singh on March 12th, 2010
In this post, I’ll show you how easy it is to show expandable and collapsible toggle panel using jQuery. When you click on the heading, the content gets displayed by sliding and when you again click on the heading again, it gets collapsed.
Now let’s look at the html code,
<div class=”msg_list”>
<p class=”msg_head”>Header-1 </p>
<div class=”msg_body”>
orem ipsum dolor [...]
