If I remember correctly - haven't had a look at Tabs 2 for quite some
time - if you set the title attribute on an anchor, the hash is
derived from that.
<a title="Inicio" href="html/inicio.html">...</a>
=> #Inicio
White space will be converted to an underscore...
--Klaus
On 5 Mrz., 09:00, fonoteca <nas...@gmail.com> wrote:
> 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>
