[jQuery] Modify hash in Tabs plugin

Thu, 05 Mar 2009 03:59:43 -0800 

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&eacute;cdotas"><span>Gazapos</span></a></li>
                <li><a href="html/sintonias.html"
title="Sinton&iacute;as"><span>Sinton&iacute;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>

Reply via email to