CODEWITHSUNDEEP
javascriptjquerydom
TruMan1
TruMan1

Reputation: 36078

How do I change the Javascript src file on client side?

Within my body tag, I have this:

<script src="http://maps.google.com/maps?file=api&amp;v=2.x&amp;key=ABQIAAkh87y8Hjhg76ty" type="text/javascript"></script>

Is it possible to add JavaScript or jQuery in the head of the page to change the "key" parameter in the script source. I am trying to do this before the render reaches the above tag.

Upvotes: 1

Views: 1676

Answers (3)

Matt Ball
Matt Ball

Reputation: 359816

It is not possible to change the src attribute before the render reaches the tag, because modern browsers will download and parse the script as soon as it reaches a script tag (in that particular format).

You can use the defer attribute to hold off execution of the script until after the DOM has completely loaded, but this attribute is only supported in IE 4+ and Firefox 3.5+.

Upvotes: 1

Howie Ross
Howie Ross

Reputation: 76

I don't know that you could change the key parameter before that script is rendered but you could dynamically write the entire script tag like this:

var script = document.createElement('script');

script.setAttribute('src', 'http://maps.google.com/maps?file=api&amp;v=2.x&amp;key='
                     + param_ssKey + '/');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);

Upvotes: 0

NG.
NG.

Reputation: 22904

why not dynamically create the script tag triggered by onload.

In onload: make the JQuery call, create the src url from the result, append the script tag.

Upvotes: 1

Related Questions