Databases
StackOverflow2013
Postsdbo
POCan I simulate a click on a hyperlink with JQuery code?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POCan I simulate a click on a hyperlink with JQuery code?
    primarykey
    data
    text
    <p>I have seen a couple of SO posts which apparently relate to my question but none of them seem to do what I want.</p> <p>I have a nested structure to display hierarchies (business units and brands) in a report:</p> <pre><code>&lt;tr class="BrandRow1"&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr class='BrandRow1 StoreRow1'&gt; ... &lt;/tr&gt; &lt;tr class='BrandRow1 StoreRow2'&gt; ... &lt;/tr&gt; </code></pre> <p>and within this layout I use <code>A</code> tags to show/hide the 'child' content (by making use of the <code>class</code> attributes.</p> <p>On load, I want to show all the 'nodes' if <code>$('.StoreRow2').length</code> is less than say 4.</p> <p>I use a function to do the toggling:</p> <pre><code>// Allow an item to toggle other items' visibility $(".VisibilityToggle").click(function () { var ControlledClass = findClass($(this), "Toggles-"); if (ControlledClass != "") { $("." + ControlledClass).toggle(); var Text = $(this).attr("rel"); if (Text != "") $(this).attr("rel", $(this).attr("rev")).attr("rev", Text).text(Text); } return false; }); </code></pre> <p>and what I'd like to do is trigger the 'toggling' open by calling this from JS code.</p> <p>I thought something like '$(".VisibilityToggle").click()` would do what I want but this doesn't seem to work in my code, but <strong>does</strong> if I call it manually via the JS console in Chrome. I suspect its to do with my code running before the events have been bound to the page.</p> <p>Can you please assist?</p> <p>Thanks for reading.</p> <p>E.g. Markup</p> <pre><code>... &lt;tr class='BrandRow TRBrand_2'&gt; &lt;td class="Level0"&gt; &lt;p&gt; &lt;a id="DesktopApp0_ctl00_rptReportBrand_ctl01_A_Brand" rel="-" rev="+" class="button toggleButton SummaryToggle VisibilityToggle Toggles-BrandId_2"&gt;+&lt;/a&gt; &amp;nbsp;&lt;strong&gt;Brand2&lt;/strong&gt; &lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 34&lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 21&lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 22&lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 0&lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 0.0&amp;#37;&lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 1 &lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 34.0 &lt;/p&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr class='SiteRow BrandId_2 TRStore_10'&gt; &lt;td class="Level1"&gt; &lt;p&gt; &lt;a id="DesktopApp0_ctl00_rptReportBrand_ctl01_rptSites_ctl00_A_Site" rel="-" rev="+" class="button toggleButton SummaryToggle VisibilityToggle Toggles-TRSiteUser_10"&gt;+&lt;/a&gt;&amp;nbsp; &lt;span class="Bold"&gt;BrandX - Store 10&lt;/span&gt; &lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 14&lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 9&lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 8&lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 0&lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 0.0&amp;#37;&lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 0&lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 0.0 &lt;/p&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr class='UserRow TRStoreUser_10'&gt; &lt;td class="Level2"&gt; &lt;p&gt; &lt;img src="/img/icons/spacer.png" alt=" " /&gt; &amp;nbsp;Clarke Kent &lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 3&lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 3&lt;/p&gt; &lt;/td&gt; &lt;td colspan="3" class="Drive5Graphic"&gt; &lt;span class=" d5_3"&gt;1&lt;/span&gt;&lt;span class=" d5_3"&gt;2&lt;/span&gt;&lt;span class=" d5_3"&gt;3&lt;/span&gt;&lt;span&gt;4&lt;/span&gt;&lt;span&gt;5&lt;/span&gt;&lt;span class=" plus"&gt;+&lt;/span&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 0&lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; &amp;#8734;&lt;/p&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr class='UserRow TRSiteUser_10'&gt; &lt;td class="Level2"&gt; &lt;p&gt; &lt;img src="/img/icons/spacer.png" alt=" " /&gt; &amp;nbsp;Alexie Sayle &lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 2&lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 2&lt;/p&gt; &lt;/td&gt; &lt;td colspan="3" class="Drive5Graphic"&gt; &lt;span class=" d5_2"&gt;1&lt;/span&gt;&lt;span class=" d5_2"&gt;2&lt;/span&gt;&lt;span&gt;3&lt;/span&gt;&lt;span&gt;4&lt;/span&gt;&lt;span&gt;5&lt;/span&gt;&lt;span class=" plus"&gt;+&lt;/span&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 0&lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; &amp;#8734;&lt;/p&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr class='UserRow TRSiteUser_10'&gt; &lt;td class="Level2"&gt; &lt;p&gt; &lt;img src="/img/icons/spacer.png" alt=" " /&gt; &amp;nbsp;Anders Bottom &lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 1&lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 1&lt;/p&gt; &lt;/td&gt; &lt;td colspan="3" class="Drive5Graphic"&gt; &lt;span class=" d5_1"&gt;1&lt;/span&gt;&lt;span&gt;2&lt;/span&gt;&lt;span&gt;3&lt;/span&gt;&lt;span&gt;4&lt;/span&gt;&lt;span&gt;5&lt;/span&gt;&lt;span class=" plus"&gt;+&lt;/span&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 0&lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; &amp;#8734;&lt;/p&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr class='UserRow TRSiteUser_10'&gt; &lt;td class="Level2"&gt; &lt;p&gt; &lt;img src="/img/icons/spacer.png" alt=" " /&gt; &amp;nbsp;Daniella Ecclescake &lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 1&lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 1&lt;/p&gt; &lt;/td&gt; &lt;td colspan="3" class="Drive5Graphic"&gt; &lt;span class=" d5_1"&gt;1&lt;/span&gt;&lt;span&gt;2&lt;/span&gt;&lt;span&gt;3&lt;/span&gt;&lt;span&gt;4&lt;/span&gt;&lt;span&gt;5&lt;/span&gt;&lt;span class=" plus"&gt;+&lt;/span&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 0&lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; &amp;#8734;&lt;/p&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr class='UserRow TRSiteUser_10'&gt; &lt;td class="Level2"&gt; &lt;p&gt; &lt;img src="/img/icons/spacer.png" alt=" " /&gt; &amp;nbsp;Mark E Smith &lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 2&lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 1&lt;/p&gt; &lt;/td&gt; &lt;td colspan="3" class="Drive5Graphic"&gt; &lt;span class=" d5_1"&gt;1&lt;/span&gt;&lt;span&gt;2&lt;/span&gt;&lt;span&gt;3&lt;/span&gt;&lt;span&gt;4&lt;/span&gt;&lt;span&gt;5&lt;/span&gt;&lt;span class=" plus"&gt;+&lt;/span&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 0&lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; &amp;#8734;&lt;/p&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr class='UserRow TRSiteUser_10'&gt; &lt;td class="Level2"&gt; &lt;p&gt; &lt;img src="/img/icons/spacer.png" alt=" " /&gt; &amp;nbsp;Matthew Bannister &lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 1&lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 1&lt;/p&gt; &lt;/td&gt; &lt;td colspan="3" class="Drive5Graphic"&gt; &lt;span class=" d5_1"&gt;1&lt;/span&gt;&lt;span&gt;2&lt;/span&gt;&lt;span&gt;3&lt;/span&gt;&lt;span&gt;4&lt;/span&gt;&lt;span&gt;5&lt;/span&gt;&lt;span class=" plus"&gt;+&lt;/span&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 0&lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; &amp;#8734;&lt;/p&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr class='UserRow TRSiteUser_10'&gt; &lt;td class="Level2"&gt; &lt;p&gt; &lt;img src="/img/icons/spacer.png" alt=" " /&gt; &amp;nbsp;Raj Patel &lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 3&lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 0&lt;/p&gt; &lt;/td&gt; &lt;td colspan="3" class="Drive5Graphic"&gt; &lt;span&gt;1&lt;/span&gt;&lt;span&gt;2&lt;/span&gt;&lt;span&gt;3&lt;/span&gt;&lt;span&gt;4&lt;/span&gt;&lt;span&gt;5&lt;/span&gt;&lt;span class=" plus"&gt;+&lt;/span&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; 0&lt;/p&gt; &lt;/td&gt; &lt;td&gt; &lt;p&gt; &amp;#8734;&lt;/p&gt; &lt;/td&gt; &lt;/tr&gt; ... </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. US5arx
    1. US5arx
    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. POCan I simulate a click on a hyperlink with JQuery code?
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POCan I simulate a click on a hyperlink with JQuery code?
      1. This table or related slice is empty.
      1. VTModeratorReview
    3. VO
      singulars
      1. POCan I simulate a click on a hyperlink with JQuery code?
      1. This table or related slice is empty.
      1. VTModeratorReview
    1. COYes you can. $(linkObject).click()
      singulars
      1. POCan I simulate a click on a hyperlink with JQuery code?
      1. USreporter
    2. COAs I mentioned in my question, .click() isn't working in my page. I think its something to do with calling it before the events have been bound (I've put my call to .trigger/.click in the $(document).ready(...); ) because if I call the function via the JS console in Chrome, it works exactly as you say. Baffled.
      singulars
      1. POCan I simulate a click on a hyperlink with JQuery code?
      1. US5arx
    3. COI don't know what .ABrand is, please give more markup
      singulars
      1. POCan I simulate a click on a hyperlink with JQuery code?
      1. USridcully
 

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