http://www.barelyfitz.com/projects/tabber/
Very clean implementation thanks for sharing.
I don't like to include a link to the current page. I prefer this structure:
<ul>
<li><a href="#">Home</a></li>
<li class="active">About</li>
<li><a href="#">Contact</a></li>
</ul>
Amazing ... i really love the simple tips in life !
But Mike
it's not a link. I prefer the akotan structure where is drop-down menu...
I like the idea of using "tabindex", but is it kosher?
Also, I think it would be great to provide a mechanism that would allow keyboard users to jump from one heading to another, skipping all elements in a panel (links, buttons, etc.).
hi everybody ive a big problem whit this thing, ive this msge:
this.pages[this.selectedIndex] has no properties
i cant understand the problem if u think any please help me
...
the code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><!-- InstanceBegin template="/Templates/fullbody.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- InstanceBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<script type="text/javascript" src="popup.js"></script>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
<link href="css/estilos.css" rel="stylesheet" type="text/css" />
</head>
<body>
<link href="css/print.css" rel="stylesheet" >
<link href="css/estilos.css" rel="stylesheet" >
<link id="luna-tab-style-sheet" type="text/css" rel="stylesheet" href="js/tabs/tabpane.css" />
<script type="text/javascript" src="js/tabs/tabpane.js"></script>
<table width="95%" align="center" border="0">
<tr>
<td><div class="tab-page" id="modules-cpanel">
<script type="text/javascript">
var tabPane1 = new WebFXTabPane( document.getElementById( "modules-cpanel" ), 0 )
<!-- ================= PROBLEM ==================== -->
tabPane1.setSelectedIndex(1);
</script>
<div class="tab-page" id="modulo1">
<h2 class="tab">General</h2>
<div align="left"> Complete datos</div>
</div>
<div class="tab-page" id="modulo2">
<h2 class="tab">Tipologías</h2>
<div align="left"> Agregar Tipología de Producto </div>
</div>
<div class="tab-page" id="modulo3">
<h2 class="tab">Clases Pedido </h2>
<div align="left"> Agregar Clase de Pedido</div>
</div>
<div class="tab-page" id="modulo3">
<h2 class="tab">Priorización</h2>
<div align="left"> Orden de Criterios de Priorización </div>
</div>
</td>
</tr>
</table>
<!-- InstanceEndEditable --></td>
</tr>
</table>
</td>
</tr>
<!-- InstanceEnd -->
I am 31 years old and live with excruciating pain every day of my life for over 5 years now. That's what i want to say here.
I wanted to know this: is there a way to do a drop-down menu working with javascript casting actions on the fly, on items that need action?
I made something like this:
Without so many classes and ids...
And wrote an javascript code that identifies the former <li>, that instruted by CSS hides the <ul> nestled, and when I click the <a> link, set the <ul> display to "block".
And have some tons of decorations, backgrounds setted by CSS and IE6 on my way... And here lies my question: I don't have a clue if what I wrote is right and if there are "the" way of doing this right?
Is there a better way to force IE6 behave? Or should I give up?