Change part of link with part of current URL

Question

I´m new on this and I´m having a hard time tryng to do something I think must be simple.

I have a lot of pages hosted on https://www.something.com/path/NUMBER/path/path

Inside those pages I have a button that links to https://www.example.com/path/REPLACE/path

I would like to change REPLACE on my link with NUMBER on the address bar.

This is my code:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>

<body>

  <script>
      $(document).ready(function(){
          var newURL = window.location.protocol + "://" + window.location.host + "/" + window.location.pathname;
          pathArray = window.location.pathname.split( '/' );
          var part_2 = pathArray[2];
          var mylink = "https://www.example.com/path/" + part_2 + "/path/page.html";
      });    
  </script>

<p><a href="#" id="mylink">BUTTON</a></p>

</body>
</html>

Thank you very much for your help!

do you want to change the url while loading or you want to change the link in the files directly? — CrazyProgrammer, Jul 20 '18 at 12:38
I want to do it while loading since pages might change its path — Osheye Rebolledo, Jul 20 '18 at 13:01
I have already shared that as part of my answer https://stackoverflow.com/a/51442820/1262248 — Aman Chhabra, Jul 20 '18 at 13:04

Aman Chhabra · Answer 1 · 2018-07-21T05:05:01.260

0

If you want to change using Javascript, you can do as below:

var url = "https://www.something.com/path/NUMBER/path/path";
var oldUrl = "https://www.example.com/path/REPLACE/path/path";
var regex = /https:\/\/www\.something\.com\/path\/(\w*?)\/.*/g;
var match = regex.exec(url);
oldUrl = oldUrl.replace("/REPLACE/", "/"+match[1]+"/");
console.log(oldUrl);

-- EDIT --

Another example to replace using browser URL and replace the second path without considering the remaining URL or paths .

$(document).ready(function() {
  var url = window.location.href;
  // As the script executed in iframe, assigning with hardcode value
  url = "https://stackoverflow.com/questions/51442637/change-part-of-link-with-part-of-current-url#";
  var oldUrl = "https://www.example.com/path/REPLACE/path/path";
  var regex = /https:\/\/\w*?\.?\w*?\.\w*?\/\w*?\/(\w*?)\/.*/g;
  var match = regex.exec(url);
  oldUrl = oldUrl.replace("/REPLACE/", "/" + match[1] + "/");
  document.getElementById("mylink").href = oldUrl;
});

<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>

<body>


  <p><a href="https://stackoverflow.com/questions/51442637/change-part-of-link-with-part-of-current-url#" id="mylink">BUTTON</a></p>

</body>

</html>

edited Jul 21 '18 at 05:05

answered Jul 20 '18 at 12:43

Aman Chhabra

3,824
1
23
39

Thank you! But what if I wan to get oldUrl from window.location.href; and use only second path not minding the rest of the url. – Osheye Rebolledo Jul 20 '18 at 13:19
Shared another example. Hope that will help you – Aman Chhabra Jul 20 '18 at 13:24
Like this??
BUTTON
– Osheye Rebolledo Jul 20 '18 at 13:46
yes like this, you can also click on run code snippet to see the output – Aman Chhabra Jul 20 '18 at 13:49
Are you updating the updated URL in button using javascript/jquery? – Aman Chhabra Jul 21 '18 at 04:57
I have updated my answer to show case how can you also update anchor tag in the html you provided – Aman Chhabra Jul 21 '18 at 05:05

score 0 · Answer 2 · answered Jul 20 '18 at 13:39

try this. Url1:- https://www.something.com/path/NUMBER/path/path; Url2:- https://www.example.com/path/REPLACE/path;

url2 = url2.split('/').map(a => {
    if(a == 'REPLACE') 
        return 'NUMBER'; 
    else 
        return a;
}).join('/');

Change part of link with part of current URL

2 Answers2

Linked