Javascript to change Base href?

[Zonglars]

Is there a way to use javascript to change the base href at one point in the document, then change it back to the original? I need to do it for some images.

[AndrewFelix]

Depending at which point you mean, it may be better to do this with CSS.
Could you post some example code?

[pa007]

You can use the setAttribute property which is pretty straightforward. What exactly are you doing though, I don't really follow.


Pete.

[Zonglars]

Originally Posted by pa007

You can use the setAttribute property which is pretty straightforward. What exactly are you doing though, I don't really follow.


Pete.

just something to save code, as the thumbnails are on photobucket for the moment, so i just want to have some javascript change the base href at the start of the thumbnail section, then change it back to the original at the end of the section.

thanks.

edit: just tried it, nope, didn't work.

Code: Select all

<script type="text/javascript">
document.getElementById('myBase').setAttribute('href','http://i91.photobucket.com/albums/k312/ZumoroNuva/SquareThumbs/');</script>

and i made sure the base's id="myBase", i also tried it with just the URL in quotes and neither in quotes

[MikeHopley]

Originally Posted by Zonglars

just something to save code, as the thumbnails are on photobucket for the moment, so i just want to have some javascript change the base href at the start of the thumbnail section, then change it back to the original at the end of the section.

This won't work, because base href is a global attribute for the document. At best, changing it will break all your other links!

[Zonglars]

ah, okay, thanks, i'll just stick with photobucket 'till i get more space and bandwidth for my site (i already have more than enough, but just to be safe)

[AndrewFelix]

I'm not exactly sure what needs to happen but I wrote the following anyway:

http://www.swallow.net.au/temp/fourPics.htm

I've put all my thumbnails in one bitmap that's 400px wide by 100px high. This way I don't have to worry about preloading all the thumbnails. Then set the bitmap to the background and just adjusted the background position for each div.

Saves code, no preloading and you can use JS to change the css if you need the background pos to change at a certain point.

Still I may have completely missed the point here.

[Zonglars]

oh, you did.

i'm talking about the base tag in the header, that sets the default url for relative links and optionally the default target for links.

i have know clue what you thought i meant

[AndrewFelix]

ha ha...I obviously got that completely arse up. My brain was pretty scattered yesterday.

[Rob]

In full agreement with Mike, I have to re-iterate what he said....

I.e... the BASE attribute is applied at a document level. You can get to the attribute via javascript but the setting will take the 'last applied' value and apply at a per document level (not part of the document which is what you need)

Maybe you could explain further what you are trying to achieve as there will almost certainly be a better and more enlightening way to achieve the same result you are after.

[Zonglars]

it doesn't really matter actually, it wouldn't save that much code anyway, so someone can just close this, not important.

[Rob]

Closed... as requested!