Skip to main content

Jon Phipps's Library tagged tabs   View Popular

10 Aug 07

Photo Matt » Intelligent Menus - Mozilla Firefox

  • Using some very simple PHP and CSS you can create intelligent menus that are easy to use and maintain.

A List Apart: Articles: Hybrid CSS Dropdowns - Mozilla Firefox

  • We’re going to create a hybrid menu that runs horizontally across the window. It has two levels of navigation (in our example, main topics and their associated pages). Our menu will allow for dropdown access to all pages in both navigation levels, display the current choices in the selected topic area constantly, keep the user aware of where he is in the site, and be clean and light to boot.
24 May 07

Tabbed Navigation Using CSS

  • This tutorial will teach you how to create low-bandwidth tab navigation on a web page using CSS. As an extra bonus you'll also learn how to switch tabs without loading the page more than once.

Dynamic Drive DHTML Scripts -DD Tab Menu (5 styles)

  • DD Tab Menu is a standards compliant, 2 level tab menu. Move your mouse
    over a tab, and a 2nd level content appears beneath it. The script uses
    CSS to control all of its appearance, and plain HTML to implement the
    entire menu tabs and contents.
04 Mar 07

Dynamic Drive DHTML Scripts- Ajax Tabs Content script

  • Description: This tab content script uses
    Ajax to let you display a selection of external content on your page
    inside a DIV and via CSS tabs! We got our inspiration for this script from Yahoo's new
    homepage, which employs such a concept
    to show news in an organized fashion. Below lists the features of this
    script that together make it highly adaptable in the real world:
12 Dec 06

Easy Client Side TabStrip - The Code Project - JavaScript

  • TabMenu is a component which almost all web developers have to deal with/(work). On creating a website with visual studio and component tool, it's simple for me to create a fine and convenient tabmenu for designation. And what about , with Javascript, creating a tabmenu with similar functions, just as we use component on ASP.NET? That is , however, a different story.
20 Nov 06

dhtmlxTabbar - AJAX powered DHTML JavaScript Tabbar component with rich API

  • dhtmlxTabbar is a JavaScript tabbar control for creating dynamic tab-navigation interface. This control lets you add nice looking and powerful multiline* tab bar to your site or web application.
18 Nov 06

DOMTab - Navigation tabs with CSS and DOMscripting

  • DOMtab is a JavaScript that turns a list of links connected to content
    sections into a tab interface. The script removes any "back to top" links
    in the section and automatically hides all but the first one when the
    page is loaded. You can use as many tabbed menus on the page as you want
    to.

Fabtabulous! Simple tabs using Prototype * Dexagogo

  • The core function of a tab control javascript is CSS switching. You need to identify which elements are tabs, which elements are in the same tab row and make sure the CSS classes get applied properly for the 'on' and 'off' states. Prototype is full of javascripty goodness to make these jobs a snap.

JavaScript Tabifier automatically create an html tab interface

  • Automatically create an HTML tab interface using plug-and-play JavaScript.
03 Aug 06

A List Apart: Articles: Sliding Doors of CSS, Part II

  • Sliding Doors of CSS (Part I) introduced a new technique for creating visually stunning interface elements with simple, text-based, semantic markup. In Part II, we’ll push the technique even further. If you haven’t read Part I yet, you should read it now.



    Here, we’ll cover a new scenario where no tab is highlighted, combine Sliding Doors with a single-image rollover, provide a fix for the clickable region in IE/Win, and suggest an alternate method of targeting tabs. We’ll skip a basic recap of the technique (see Part I for this) in favor of jumping right back in where we left off.

1 - 18 of 18
Showing 20 items per page

Diigo is about better ways to research, share and collaborate on information. Learn more »

Join Diigo