Databases
StackOverflow2013
Postsdbo
POUpdate page to add new link using Greasemonkey
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POUpdate page to add new link using Greasemonkey
    primarykey
    data
    text
    <p>JScript does my head in most days, but poorly designed sites do it even more. Foursquare's is one such example in respect of its superusers.</p> <p><strong>Desired Outcome</strong></p> <p>A greasemonkey script that will look through each occurrence of the DIV class <em>searchResult</em>, and after the DIV class <em>name</em> append two new A HREF elements similar to these:</p> <pre><code>&lt;a href="/venue/venueid/edit"&gt;Manage venue&lt;/a&gt; &lt;a href="/edit_venue?vid=venueid"&gt;Edit venue&lt;/a&gt; </code></pre> <p><strong>Scenairo</strong></p> <p>I would like to make the life of their superusers a little easier using Greasemonkey. The intent is to modify a specific page on the site (<a href="https://foursquare.com/search" rel="nofollow">https://foursquare.com/search</a>), and add a number of extra links to jump directly to specific pages for a venue that would make the workflow faster.</p> <p>I've looked around for examples of how to do this (learn through reverse engineering), but I get stuck on if I should be using RegEx or something else.</p> <p><strong>Example</strong></p> <p>On the search results page (<a href="https://foursquare.com/search?q=dump&amp;near=Perth,%20Australia" rel="nofollow">https://foursquare.com/search?q=dump&amp;near=Perth%2C+Australia</a>), there is a list of venues returned. The code for each venue returned on the search results looks exactly like this:</p> <pre><code>&lt;div class="searchResult"&gt; &lt;div class="icon"&gt;&lt;img src="https://4sqstatic.s3.amazonaws.com/img/categories/parks_outdoors/default-29db364ef4ee480073b12481a294b128.png" class="thumb" /&gt;&lt;/div&gt; &lt;div class="info"&gt; &lt;div class="name"&gt;&lt;a href="/venue/4884313"&gt;Staff Smoking Spot / Dumpster Dock&lt;/a&gt;&lt;/div&gt; &lt;div class="address"&gt;&lt;span class="adr"&gt;&lt;/span&gt;&lt;/div&gt; &lt;div class="specialoffer"&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class="extra"&gt; &lt;div class="extra-tip"&gt;&lt;div&gt;&lt;a href="/venue/4884313"&gt;0 tips&lt;/a&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="extra-checkins"&gt;&lt;div&gt;10 check-ins&lt;/div&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p><strong>Work so far</strong></p> <p>Looking around for answers, this is what I have come up with (below). Needless to say, it isn't detecting where it needs to insert the A HREF elements at all, and doesn't loop through all of the <em>searchResult</em> elements output on the page, let alone construct the link correctly.</p> <pre><code>// First version var elmNewContent = document.createElement('a'); elmNewContent.href = sCurrentHost; elmNewContent.target = "_blank"; elmNewContent.appendChild(document.createTextNode('edit venue')); var elmName = document.getElementById('name'); elmName.parentNode.insertBefore(elmNewContent, elmName.nextSibling); </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USthewinchester
    plurals
    1. This table or related slice is empty.
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POUpdate page to add new link using Greasemonkey
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POUpdate page to add new link using Greasemonkey
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POUpdate page to add new link using Greasemonkey
      1. USJason Goemaat
      1. VTFavorite
    1. COIs that "Manage venue" link correct? I get a 404, trying it.
      singulars
      1. POUpdate page to add new link using Greasemonkey
      1. USBrock Adams
    2. COYes, the link is correct. As I understand it, the Security system is designed to turn away unauthorised parties (those w/out the required access level, and specially unauthenticated users) with the ol' 404 error.
      singulars
      1. POUpdate page to add new link using Greasemonkey
      1. USthewinchester
 

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