Databases
StackOverflow2013
Postsdbo
POjQuery replacing relative links
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery replacing relative links
    primarykey
    data
    text
    <p>Hopefully someone can explain some odd behavior I've encountered with jQuery. The following script is looking for relative links on my page and replacing them with absolute links. </p> <pre><code>$(document).ready(function() { $("a[href^='/']").each(function(){ var cur_href = $(this).prop("href"); $(this).prop("href", 'http://www.mysite.com'+cur_href); }); }); </code></pre> <p>I'm using this script on a page that will be served up over https but I don't want all of my navigation to link to https pages. Since my navigation are global includes, this seemed like the easiest way to fix the problem.</p> <p>The issue I'm encountering comes in the actual replacement. The second line of the script correctly matches all relative links on the page and then runs the replacement part of the script. It is in the replacement, line 4, where I get some weird results. After this part of the script runs, my URLs end up looking like this:</p> <blockquote> <p><strong>http://www.mysite.comhttps//www.mysite.com/mypage.htm</strong></p> </blockquote> <p>Obviously isn't doing what I want. It seems like the first part of the script is matching the relative URL but when the replacement part fires the browser has already tacked on the domain information.</p> <p>The only thing I've found so far that actually does what I want is to write the replacement anticipating what the browser has tacked on:</p> <pre><code>this.href = this.href.replace(/^https:\/\/www\.mysite\.com\//, "http://www.mysite.com/"); </code></pre> <p>Is there a better way to do this?</p> <hr> <p>Edit: <a href="http://jsfiddle.net/zneMp/" rel="nofollow">here is a jsfiddle of the problem</a>.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USCloudkiller
    1. USCloudkiller
    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
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POjQuery replacing relative links
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POjQuery replacing relative links
      1. This table or related slice is empty.
      1. VTUpMod
    1. COCan u make a jsfiddle for this problem ?
      singulars
      1. POjQuery replacing relative links
      1. USnightf0x
    2. COI've noticed before that IE will tack on the domain info, but Firefox typically does not. It is weird and unexpected, so something that has to be taken into account in your JS.
      singulars
      1. POjQuery replacing relative links
      1. USJohn Fable
    3. CO`[href^='/']` is an attribute selector, so perhaps `.attr` gives the correct result.
      singulars
      1. POjQuery replacing relative links
      1. USpimvdb
 

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