Script to change HREF value

[budapestnori]

I want to have a script that when run, can dynamically change the value of a <a> tag's href value. The reason being is I have an asp page for a photography gallery which has an div element in which images are displayed. I have several links on this page which allow the user to change the background of the div element.

It is done like this:

function changeColor(xyz) {
var x;
var z;
x = xyz.currentStyle[ &quot;backgroundColor&quot; ];
z = xyz.currentStyle[ &quot;color&quot; ];
document.getElementById('container').style.backgroundColor = x;
document.getElementById('container').style.color = z;
return;
}

Ok, well on this asp gallery asp page, I also have links which href itself. ie., <a href=&quot;gallery.asp?type=wedding&quot;>
Wedding</a>

But when the background is changed, I want to change the href value to &quot;gallery.asp?type=wedding&bgcolor=#f00&color=#000&quot;

Can this be done?

Thanks so much

 

[budapestnori]

Damn, this is so frustrating:
This is what I have:

Function:

function changeColor(xyz) {
var x;
var z;
x = xyz.currentStyle[ &quot;backgroundColor&quot; ];
z = xyz.currentStyle[ &quot;color&quot; ];

document.getElementById('container').style.backgroundColor = x;

document.getElementById('container').style.color = z;

document.getElementById('myHref').href += '?procid=' + x;

return;
}

Call to Function:

<a href=&quot;#&quot; class=&quot;seventeen&quot; onClick=&quot;changeColor(this);&quot;>Click</a>


Target HREF to Change:

<a href=&quot;wedding_gallery.asp?category=w&quot; ID=&quot;myHref&quot;>Wedding</a>


BUT THE HREF IN THE TARGET DOES NOT CHANGE!!! AAAAAARGH!

 

[budapestnori]

It just dawned on me, that changeColor() could be called many times, so I wouldn't want every time it is called for it to be continually appending the value onto the url. Does that make sense?

 

[jemminger]

like this?

function changeColor(xyz) {
	var x = xyz.currentStyle[ "backgroundColor" ];
	var z = xyz.currentStyle[ "color" ];

	document.getElementById('container').style.backgroundColor = x;
	document.getElementById('container').style.color = z;

	var sHref = document.getElementById('myHref').href;
	sHref = sHref.substring(0, sHref.indexOf("?"));
	sHref += '?procid=' + x;
	document.getElementById('myHref').href = sHref;

	return;
}

=========================================================
-jeff

http://www.jeffemminger.com

try { succeed(); } catch(E) { tryAgain(); }