Databases
StackOverflow2013
Postsdbo
POJavascript show/hide links not working
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POJavascript show/hide links not working
    primarykey
    data
    text
    <p><a href="http://zadias.me/SVG/SVG2/Eisenhower/PresParkEisenhower.html" rel="nofollow">Click on Ike's</a> and you'll notice a div appear below the map. Try to click on the link. It's not working.</p> <p>I'm using this to show/hide the div's on click</p> <pre><code>function ikesClick() { filler.style.display='none'; FrontDeskDesc.style.display='none'; LoungeDesc.style.display='none'; StudyDesc.style.display='none'; IkesDesc.style.display='inline'; }; </code></pre> <p>If you view the page source, you can see the entirety of the Javascript there.</p> <p><strong>My question is, what do I do to make the link clickable?</strong> </p> <p>I'm almost certain this is happening because of the way it's displaying none/inline.</p> <p>You can observe the HTML here:</p> <pre><code>&lt;section id="roomInfo"&gt; &lt;section id="filler" style="display:inline"&gt; Hover over or select a colored area for details about individual rooms and locations in the library. &lt;/section&gt; &lt;section id="IkesDesc" style="display:none;"&gt; &lt;h1&gt;Ike's - Late Night Diner&lt;/h1&gt; &lt;p&gt; In the hub of President’s Park, Ike’s provides a late night dining option. Visit &lt;a href="dining.gmu.edu"&gt;dining.gmu.edu&lt;/a&gt; for hours of operation. &lt;/p&gt; &lt;img src="Ikes.JPG" style="max-width:500px; width:100%;" alt="Ike's Facade" /&gt; &lt;/section&gt; &lt;section id = "FrontDeskDesc" style="display:none;"&gt; Get your temporary keys and stuff here! &lt;/section&gt; &lt;section id ="LoungeDesc" style="display:none;"&gt; loungin' &lt;/section&gt; &lt;section id ="StudyDesc" style="display:none;"&gt; Studying for finals yo &lt;/section&gt; &lt;/section&gt;&lt;!--end room info--&gt; </code></pre> <p>The problem persists under the section "IkesDesc" where the link to dining.gmu.edu is.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USuser2533212
    1. USuser2533212
    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
    1. This table or related slice is empty.
    1. COthat it is not jquery mate ;)
      singulars
      1. POJavascript show/hide links not working
      1. USjycr753
    2. COPlease add meaningful code and a problem description here. Don't just link to the site that needs fixing - otherwise, this question will lose any value to future visitors once the problem is solved. Posting a [Short, Self Contained, Correct Example (SSCCE)](http://www.sscce.org/) that demonstrates your problem would help you get better answers. For more info, see [Something on my web site doesn't work. Can I just paste a link to it?](http://meta.stackexchange.com/questions/125997/) Thanks!
      singulars
      1. POJavascript show/hide links not working
      1. USj08691
    3. COThe link isn't clickable because the <svg id="svg"> element is covering the <svg id="roomInfo"> element. You can see this using Chrome you right click on the link and press "Inspect Element", you'll notice the source code pops open and the <svg id="svg"> tag (or some child of it) is highlighted. I don't know svg well enough to know the solution, if it's a height property issue, or something to do with class="active".
      singulars
      1. POJavascript show/hide links not working
      1. USRetsam
 

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