Pass javascript url parameter to html

Question

I've got a bit of javascript (shown below in a simplified format) which is the "ad tag" from the ad server that brings up an ad unit on the html page.

<script type="text/javascript" src="http://adserverdomain.net;pcode=1234;city=nameofcity;suburb=nameofsuburb"></script>

The javascript has more variable but I've just shown one.

Below this I have a <div> in which I'd like to pull the variable "pcode" from the above javascript and display it's value using

$('div').html("");

So the <div> needs to be populated with the value "1234".

Any idea how I can do this? Thanks

EDIT: I've updated the url (added .net and some other variables after pcode to avoid confusion). Also, I don't have access to the initial script, so I can't add an id to it. The script is generated by the ad server and it always has the variable pcode (with a different value). just need to be able to display that in another div on the same html page.

Have you seen this: stackoverflow.com/questions/1403888/… ? — Joum
– Joum, Commented Sep 2, 2013 at 7:36

Arun P Johny · Accepted Answer · 2013-09-02 13:40:23Z

1

Try

<script type="text/javascript" src="http://adserverdomain;pcode=1234;city=sajdhsk;suburb=asdsadas"></script>
<div id="pcode"></div>
<div id="city"></div>
<div id="suburb"></div>

then

var pcodesrc = $('script[src^="http://adserverdomain;"]').attr('src');

$('#pcode').html(pcodesrc.match(/pcode=(.+?)(?=(;|$))/)[1])
$('#city').html(pcodesrc.match(/city=(.+?)(?=(;|$))/)[1])
$('#suburb').html(pcodesrc.match(/suburb=(.+?)(?=(;|$))/)[1])

Demo: Fiddle

or

$('#pcode').html(pcodesrc.match(/pcode=([^;]+)/)[1])
$('#city').html(pcodesrc.match(/city=([^;]+)/)[1])
$('#suburb').html(pcodesrc.match(/suburb=([^;]+)/)[1])

Demo: Fiddle

edited Sep 2, 2013 at 13:40

answered Sep 2, 2013 at 7:40

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

5 Comments

pixeltocode Over a year ago

thanks but i can't edit the initial <script>, so i can't add the id="pcode"

pixeltocode Over a year ago

i'm getting very close with this...is ".match(/pcode=(\d+)/)[1]" meant to be different if the value of pcode is a not numbers but something like "city" (text)?

pixeltocode Over a year ago

in your demo fiddle, if i put "pcode=abcd" (in the script) instead of "1234", it doesn't work. any ideas? thanks for your help

Arun P Johny Over a year ago

@pixeltocode that can be fixed easily using pcodesrc.match(/pcode=(.+)/)[1]

pixeltocode Over a year ago

let us continue this discussion in chat

Sasidharan · Accepted Answer · 2013-09-02 07:40:06Z

0

Try this with url.Actually the below code get data from url querystring.Edit it and give your url.

function getUrlVars() {
            var vars = [], hash;
            var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
            for (var i = 0; i < hashes.length; i++) {
                hash = hashes[i].split('=');
                vars.push(hash[0]);
                vars[hash[0]] = hash[1];
            }
            return vars;
        }

var me = getUrlVars()["pcode"];

answered Sep 2, 2013 at 7:40

Sasidharan

3,7503 gold badges21 silver badges37 bronze badges

Comments

Voonic · Accepted Answer · 2013-09-02 07:43:24Z

0

Try this buddy

function getvalues()
    {
        var values = {};
        var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) { values[key] = value;});
        return values;
    }

whenever you want to use it

var value = getvalues()["pcode"];

Use this value to put in your html element

answered Sep 2, 2013 at 7:43

Voonic

4,7753 gold badges29 silver badges60 bronze badges

Collectives™ on Stack Overflow

Pass javascript url parameter to html

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related