PDA

View Full Version : Help With Button



WideNationFA
12-07-2005, 03:05 PM
Can anyone help me with this...?
I would like to have a button image link. I have seen scripts but I can't find them anywhere now.
Does anyone know a scripts where the button is an image link? Some people have suggested that I just make a .gif or .jpg and use the image link scripts. I'm afraid it gets a bit more complicated. My web host won't let me upload this kinda script in the area I would like it to appear. If you find this confusing let me know.

Twey
12-07-2005, 03:59 PM
I find it confusing. What do you mean, your host won't let you upload a script "in the area [you] would like it to appear?" You can upload a script anywhere that's accessible from the Web; it doesn't matter if your host doesn't like you putting scripts in a certain directory (though this is unlikely, it seems to be what you're implying).

WideNationFA
12-07-2005, 05:49 PM
For instance, in this forum, there is a slogan under our user name that lists our occupation. For my site, I would like to make a default setting...instead of it listing who we are (such as an admin, mod, user, etc...) I want an override to have a button that directs it to the user profile...

More Info:
There is an area that you can add an Icon. Each icon represents your user status. I was wondering if you can make that icon a link instead of just a pic.

Twey
12-07-2005, 06:12 PM
Ah, I see. Unfortunately (I suspect you may be using one of the free bulletin board sites) I think this may come under the heading of "against the host's terms of use." It is probably possible. Make sure it's not in violation of your host's policy, then experiment with the innerHTML property of HTML elements.

WideNationFA
12-07-2005, 10:12 PM
Ah, thanks! Even so...is there a special script that makes an image work like a button?

Twey
12-08-2005, 05:28 PM
All you have to do is use simple Javascript.

<a
href="page_to_go_to.html"
style="cursor: default;"
>
<img
src="button_up.png"
onmousedown="this.src='button_down.png';"
onmouseup="this.src='button_up.png';"
/>
</a>