Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>As far as I can tell, whatever the YUI does to transform that <code>ul</code> into a set of tab probably has nothing to do with the <code>href</code>s inside the <code>li</code>. I think you should verify the usage syntax for producing your tabs.</p> <p>Moving on, the <code>href</code> links only point to anchors within the current page. Which means the client (browser) doesn't have to send an HTTP request to re-get the current page. I don't think that modern browsers <em>ever</em> do. I doubt they send the anchor part of the URL (the part after the <code>#</code>) since the HTTP server doesn't care about that information.</p> <p>What this amounts to, is that your rails application is never notified about when the user clicks on a tab, and never gets the part of the URL after <code>#</code>. So you can't put any rules about it in the routing table.</p> <p>EDIT: I forgot to tell you what really should happen.</p> <ol> <li>The YUI (or some other javascript code) should attach to the onClick of the <code>li</code>, which looks like a tab, from your description.</li> <li>When the user clicks on a tab, it reads the URL, and in some way divines what content-tag to display as the tab's content. For example, this could be a <code>div</code> that contains the 2nd tabs content, and it could have an <code>id</code> of <code>tab2</code> or something.</li> <li>It then makes the current tab's content invisible. Usually the is done using the CSS <code>display</code> property, setting it to <code>display: none</code>.</li> <li>Finally, the content for the tab that was clicked on is made visible. Which would be done using <code>display: block</code> or something simliar.</li> </ol>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload