Databases
StackOverflow2013
Postsdbo
POChanging what is visible based on the url hash
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POChanging what is visible based on the url hash
    primarykey
    data
    text
    <p>Right now I have this list:</p> <pre><code>&lt;ul id="list"&gt; &lt;li id="active"&gt;&lt;a href="#home" id="home-link"&gt;&lt;img src="main home page/purhome.png"&gt;&lt;/a&gt;&lt;/li&gt; &lt;li id="active"&gt;&lt;a href="#info" id="info-link"&gt;&lt;img src="main home page/purinfo.png"&gt;&lt;/a&gt;&lt;/li&gt; &lt;li id="active"&gt;&lt;a href="#gyms" id="gyms-link"&gt;&lt;img src="main home page/purgyms.png"&gt;&lt;/a&gt;&lt;/li&gt; &lt;li id="active"&gt;&lt;a href="#contact" id="contact-link"&gt;&lt;img src="main home page/purcontact.png"&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; </code></pre> <p>And this JQuery:</p> <pre><code>$(document).ready(function(){ $("#home-link").click(function(){ $("#main_info2").hide(); $("#main_info").show(); }); $("#info-link").click(function(){ $("#main_info").hide(); $("#main_info2").show(); }); $("#gyms-link").click(function(){ $("#main_info").hide(); $("#main_info2").show(); }); $("#contact-link").click(function(){ $("#main_info").hide(); $("#main_info2").show(); }); }); </code></pre> <p>When I click on the home link, the URL shows indexp.php#home, which is what i want it to show. This happens for all the links. However if i refresh the page after i click on the info link for example, the main_info div is shown, but the browser still says index.php#info. I want to read the hash somehow to show the correct div depending on what the url says.</p> <p>So for example if I click on the info link, the url shows index.php#info. When I refresh it says the same thing but the main_info div shows when the main_info2 div is supposed to be showing. </p> <pre><code>function getHash() { var hash = window.location.hash; return hash.substring(1); // remove # } </code></pre> <p>So I have that code. Would I do something like this?</p> <pre><code>if hash = 'info' // if url says index.php#info show main_info2 hide main_info if hash = nothing // So if url says index.php show main_info hide main_info2 </code></pre> <p>Any ideas?</p> <p>EDIT**</p> <p>I'm trying to do something like this to make it work:</p> <pre><code>var currentValue = window.location.hash.substr(1) $(document).ready(function() { $("home-link").click(function(){ if(currentValue == "home") { $("#main_info2").hide(); $("#main_info").show(); } }); $("info-link").click(function(){ if(currentValue == "info") { $("#main_info").hide(); $("#main_info2").show(); } }); }); </code></pre> <p>Although that is not working, can someone check the code?</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USTheNameHobbs
    1. USTheNameHobbs
    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. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POChanging what is visible based on the url hash
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    2. VO
      singulars
      1. POChanging what is visible based on the url hash
      1. This table or related slice is empty.
      1. VTUpMod
    1. COWhen you say 'would i do something like this', that is pretty much it - why not try it?
      singulars
      1. POChanging what is visible based on the url hash
      1. USRyan
    2. COPlease post a functional example that illustrates your problem on http://jsfiddle.net/
      singulars
      1. POChanging what is visible based on the url hash
      1. USpalaѕн
    3. COI'll try to put something up on jfiddle. Because i'm not exactly sure how to handle the code for this to work.
      singulars
      1. POChanging what is visible based on the url hash
      1. USTheNameHobbs
 

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