Append Query String From Variable To Every URL

Question

I created a query string and appended it to the URL like so:

// HTML from index.html
<input type="button" value="Yes" onclick="redirect(this);" id="YES" class="btn btn-primary btn-lg">
<input type="button" value="No" onclick="redirect(this);" id="NO" class="btn btn-primary btn-lg">
// JS on index.html
function redirect(e){

    var mapPg = "map.html";
    var qString = "?choice=";
    location.href = mapPg + qString + e.id;

}

Beginning on the map.html page, I want to take that query string and carry it through to every URL, except the index.html page.

When the user clicks on price.html pg, it'll use the query string to call a function that will pull in the data for the "yes" answer. Same thing goes for the "no" answer.

I can't figure out how to append the query string to the URL of every pg on click.

The nav is a JavaScript include that's been pulled in. I've added a class of qString to all the<a> in the nav in case it would be easier to target them.

You can't set a cookie or a sessionStorage or localStorage?

Hoyen
– Hoyen

2015-04-24 21:34:03 +00:00
Commented Apr 24, 2015 at 21:34 — Hoyen
– Hoyen, Commented Apr 24, 2015 at 21:34

Shawn Jacobson · Accepted Answer · 2015-04-24 21:59:18Z

1

Is jQuery an option? If so...

<script type="text/javascript">
$(document).ready(function() {
    $("a").prop("href", function() { return this.href + location.search; })
});
</script>

answered Apr 24, 2015 at 21:59

Shawn Jacobson

1,3528 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

FrankDraws Over a year ago

This answer somewhat worked, but it disabled all <a> tags. I used this answer and combined it with @Barmar 's variable.

Barmar · Accepted Answer · 2015-04-24 21:48:23Z

0

You can add this to each page:

window.addEventHandler("load", function() {
    var match = location.search.match(/\bchoice=([^&]*)/);
    if (!match) {
        return;
    }
    var choice = match[1];
    var navlinks = document.getElementsByClassName("qString");
    for (var i = 0; i < navlinks.length; i++) {
        if (navlinks[i].search == '') {
            navlinks[i].search = '?choice=' + choice;
        } else {
            navlinks[i].search += '&choice=' + choice;
        }
    }
}

answered Apr 24, 2015 at 21:48

Barmar

789k57 gold badges554 silver badges668 bronze badges

1 Comment

FrankDraws Over a year ago

This one didn't work for some reason. I really appreciate your help. I used a combo of your variable and @ShawnJacobson's answer.

Hien Luong · Accepted Answer · 2015-04-24 21:57:21Z

0

location.href = mapPg + qString + e.id;

the code here needs to be changed. e.getAttribute("id")

answered Apr 24, 2015 at 21:57

Hien Luong

5201 gold badge5 silver badges15 bronze badges

Comments

FrankDraws · Accepted Answer · 2015-04-29 15:07:58Z

Thank you @ShawnJacobson and @Barmar . Although the individual answers didn't work properly, I combined a bit of both to arrive at a solution that works.

var navlinks = document.getElementsByClassName("qString");
    $(navlinks).prop("href", function() { return this.href + location.search; })

Shawn's answer somewhat worked but it disabled all the <a> tags. Barmar's answer didn't work but after seeing the variable var navlinks it gave me an idea of what to do.

I really appreciate your help at arriving at an answer.

Collectives™ on Stack Overflow

Append Query String From Variable To Every URL

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Related