Databases
StackOverflow2013
Postsdbo
POHow can fake URL on hover and right-click (copy link localtion) but not on the click?
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow can fake URL on hover and right-click (copy link localtion) but not on the click?
    text
    copied!<p>My <a href="http://www.visualise.ca/" rel="nofollow">website</a> is running Wordpress and I use fancybox to nicely load images and image galleries. The cleaned version of my Wordpress loop output ends up looking like this:</p> <pre><code>&lt;article&gt; &lt;a href="image1.jpg" id="1460" rel="fancybox-1460"&gt;&lt;img src="image1-thumbnail.jpg" /&gt;&lt;/a&gt; &lt;div class="nodisplay"&gt; &lt;a href="image2.jpg" rel="fancybox-1460"&gt;&amp;nbsp;&lt;/a&gt; &lt;a href="image3.jpg" rel="fancybox-1460"&gt;&amp;nbsp;&lt;/a&gt; &lt;a href="image4.jpg" rel="fancybox-1460"&gt;&amp;nbsp;&lt;/a&gt; &lt;/div&gt; &lt;/article&gt; </code></pre> <p>When the user click on the image1 link, the images gallery is launched via fancybox and this is great. I can also provide a direct url to this gallery:</p> <pre><code>http://www.visualise.ca/#1460 </code></pre> <p>My problem is that when people will visit my website, they will sometimes right click on the thumnails in order to copy the link of the gallery and they will end up giving the following to others:</p> <pre><code>http://www.visualise.ca/image1.jpg </code></pre> <p>instead of:</p> <pre><code>http://www.visualise.ca/#1460 </code></pre> <p>So I would like to fake the url in order to make sure people give the right one to others (url with hash). I have to make sure the url to image1.jpg is changed to [http://www.visualise.ca/#1460][7] on hover and right-click but not on the click itself.</p> <p>I also think the javascript or jQuery code has to be done inside the loop so I can use the following:</p> <pre><code>&lt;?php bloginfo('url'); ?&gt;/#&lt;?php the_ID(); ?&gt; </code></pre> <p>to obtain this from Wordpress:</p> <pre><code>http://www.visualise.ca/#1460 </code></pre> <p>Many thanks for your time and help.</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

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