[jQuery] Modify hash in Tabs plugin
I'm learning about JQuery and I'm absolute begginer.
I've looking for help about one issue that imagine is easy but I can't
find the answer till now.
I supose Klaus Hartl has the solution for this: How I modify the hash
of the tabs plugin?
I'm using the version 2 with the remote option:true.
By default appears numbers when I need show the title. With the remote
option and I don't know how make to appear the title of the link in
the hash instead the number.
At last, but no at least: of course sorry about my english. It's not
my native languaje.
I'm making tests and this is my code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/
javascript">
<title>My web</title>
<script src="js/jquery-1.2.6.js" type="text/javascript"></
script>
<script src="js/jquery.history_remote.js" type="text/
javascript"></script>
<script src="js/jquery.tabs.js" type="text/javascript"></
script>
<script type="text/javascript">
$(document).ready(function() {
$('#menu').tabs({ remote: true, fxFade: { height:
'show', opacity: 'show' }, fxSpeed: '4000'});
});
</script>
<script type="text/javascript">
$(document).ready(function($) {
$("#fulla").fadeIn('slow');
});
</script>
<link rel="stylesheet" href="css/fonoteca.css" type="text/css"
media="print, projection, screen">
<!-- Additional IE/Win specific style sheet (Conditional
Comments) -->
<!--[if lte IE 7]>
<link rel="stylesheet" href="css/fonoteca-ie.css" type="text/
css" media="projection, screen">
<![endif]-->
</head>
<body>
<!-- Inicio fulla -->
<div id="fulla" class="fulla" style="display:none">
<!-- Inicio container -->
<div id="container" class="container">
<!-- Inicio header -->
<div id="header" class="header">
Title
</div>
<!-- Fin header -->
<!-- Inicio menu -->
<div id="menu" class="menu">
<ul id="tabs" class="tabs">
<li><a href="html/inicio.html"
title="Inicio"><span>Inicio</span></a></li>
<li><a href="html/voces.html"
title="Voces"><span>Voces de la Historia</span></a></li>
<li><a href="html/anuncios.html"
title="Anuncios"><span>Anuncios</span></a></li>
<li><a href="html/gazapos.html" title="Gazapos y
anécdotas"><span>Gazapos</span></a></li>
<li><a href="html/sintonias.html"
title="Sintonías"><span>Sintonías</span></a></li>
<li><a href="html/emisoras.html"
title="Emisoras"><span>Emisoras</span></a></li>
</ul>
</div>
<!-- Fin menu -->
</div>
<!-- Fin contingut -->
</div>
<!-- Fin container -->
<!-- Inicio side -->
<div id="side" class="side">
Lateral
</div>
<!-- Fin side -->
<!-- Inicio pie -->
<div id="pie" class="pie_bis">
Pie de la pagina
</div>
<!-- Fin pie -->
</div>
<!-- Fin fulla -->
</body>
</html>