ansaurus

Question

How can I make a customized background-image for a <div> in the <head> based on variable passed from URL?

Answer 1

A:

You can view the get parameters (in this case, the "c") from javascript and use javascript to change the src of the img tag to whatever you want.

ocdcoder 2010-03-05 22:15:57

Answer 2

A:

Check JQuery out...jquery.com

Here is an example from someone that may be close to what you need. http://jquery-howto.blogspot.com/2009/09/get-url-parameters-values-with-jquery.html

That shows you how to get parms...then you could use simple JQuery to load a diff image.

Steven Dorfmeister 2010-03-05 22:17:55

Answer 3

A:

First get your URL parameters with jquery...

http://stackoverflow.com/questions/1403888/get-url-parameter-with-jquery

... or just javascript...

http://stackoverflow.com/questions/901115/get-querystring-with-jquery/

Now that you have the parameters you can use jquery to modify your image tag src parameter...

http://stackoverflow.com/questions/540349/change-image-source-using-jquery

You can do this without using jquery as well, but I'd go the jquery route because it sounds like you may have complex javascript needs.

kervin 2010-03-05 22:18:37

I think this is close to start, although a little complex with the image source change because using mouse-over, but I think can just use jquery and if === based on the var....will check it out....

Angela 2010-03-09 00:11:56

Answer 4

A:

Assuming you will have only one parameter c, you can get it with the following line:

var c = /\?c=(.*)/.exec(document.baseURI)[1];

That should work in the perfect cases: only one and only properly-formatted parameter c. If no parameter, it would raise an error.

A more general way could be:

function getURLParameter(key) {
    var ret = (new RegExp('[?](\?:.*&)*'+key+'=([^&#]*)','')).exec(document.baseURI);
    return ret?ret[1]:null;
}

You can call that when the document loads and change the image accordingly. (that part should be pretty easy though)

Timothée Boucher 2010-03-06 05:00:31

ansaurus

tags:

views:

answers:

How can I make a customized background-image for a <div> in the <head> based on variable passed from URL?

related questions