Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I am not seeing a style for visited? Only active and hover.</p> <p>add</p> <pre><code> #gallery a:visited{} </code></pre> <p>style and see if that helps.</p> <p>But I wonder if that is what you are actually asking? You may want to link to be displayed differently from the other links if its the last link that the user clicked. To do that you may have to use some javascript.</p> <p>For example, if you use jQuery you can do something like this:</p> <pre><code>$("#gallery a").click(function(){ $("#gallery a").removeClass("ActiveClass"); $(this).addClass("ActiveClass"); }); </code></pre> <p>where ActiveClass is a CSS class for styling the link appropriately.</p> <hr> <p>EDIT based on comment below.</p> <p>Let us assume that you have three links that look the same (call that lookA). You click on one and it looks different from the other two (lookB) but the other two still looks the same (lookA). You then click on a second link. The second link is not lookB and the other two links are lookA. Does this sound like what you want? At least that is how I interpret your question.</p> <p>Hence, create two classes in CSS:</p> <pre><code> .lookA {/*Style for lookA*/} .lookB {/*Style for lookB*/} </code></pre> <p>of course you can use more meaningful names.</p> <p>Then you can add a class to each of the links that you need to use in this scenario like this:</p> <pre><code> &lt;div id="tabs"&gt; &lt;div id="overview"&gt; &lt;a class="imagelink lookA" id="overviewtab" target="tabsa" href="toframe.html"&gt;Overviews&lt;/a&gt; &lt;/div&gt; &lt;div id="gallery"&gt; &lt;a class="imagelink lookA" target="tabsa" href="tawagpinoygallery.html"&gt;Gallery&lt;/a&gt; &lt;/div&gt; &lt;div id="reviews"&gt; &lt;a class="imagelink lookA" target="tabsa" href="trframe.html"&gt;Reviews&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>So that each link can be refered to by its class, that is, imagelink. Also each link has a default lookA.</p> <p>Now in jQuery (I know you did not specify jQuery but using it is 100 times simpler than plain Javascript).:</p> <pre><code> $(document).ready(function(){ $(".imagelink").click(function(){ $(".imagelink").removeClass("lookB"); $(this).addClass("lookB"); return true; }); }); </code></pre> <p>So on click on the link, it removes lookB from any other link and applies it only to the clicked link.</p> <p>Hope this helps a bit.</p>
    singulars
    1. This table or related slice is empty.
    1. POChange Link Image when active
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USVincent Ramdhanie
    1. USVincent Ramdhanie
    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. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COhow will the CSS for the ActiveClass look? :) Also, I have 3 different image-links. How will the code above affect this? :) I have #overview, #gallery & #reviews.
      singulars
      1. PO
      1. USlaura
    2. COthis might actually work!! :) Problem is, i have 3 separate images for each link when inactive, and 3 images when active. :o Also, how do i call on the jQuery script? Do i put this in the html page? :) Thanks so much!!
      singulars
      1. PO
      1. USlaura
    3. COit worked!! :) but how do I set overview to be lookB by default, upon loading the page, then lookB when gallery/reviews is clicked? setting overview to be class="imagelink lookB" didn't work. :p Thanks again!!
      singulars
      1. PO
      1. USlaura
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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