/    Sign up×
Community /Pin to ProfileBookmark

Hover Button question??

Copy linkTweet thisAlerts:
Dec 03.2002

I am using frames and have a question regarding hover buttons. I created some hover buttons on my left frame which stays there all the time. When I activate the button hyperlink it replaces the left frame page with the link rather than putting the page on the right side where I want it to go. Is the any way that I can make the hover button, when activated, replace the html page in the right side?

Thanks, Don

to post a comment
Full-stack Developer

8 Comments(s) ↴

Copy linkTweet thisAlerts:
@StefanDec 03.2002 — <a href="link" target="name of your right frame">click me</a>

For more info look here

http://www.w3.org/TR/html4/present/frames.html
Copy linkTweet thisAlerts:
@anderdeaauthorDec 06.2002 — Stephan,

Thanks for the reply. I wasn't able to get the Hover button to work using the info you supplied.

<a href="link" target="name of your right frame">click me</a> [/QUOTE]

I tried Inserting it into the code but I guess I don't totally understand it and am not sure exactly where to put it in. Here is what Front Page generates when I create the hover button.

<pre style="margin-top: 10; margin-bottom: -7">

<applet code="fphover.class" codebase="../" width="120" height="24">

<param name="text" value="Button Text">

<param name="color" value="#000080">

<param name="hovercolor" value="#0000FF">

<param name="textcolor" value="#FFFFFF">

<param name="effect" value="glow">

<param name="url" valuetype="ref" value="geninfo.html">

</applet>

</pre>[/QUOTE]

Where would be the proper place to intert the code?

Thanks, Don
Copy linkTweet thisAlerts:
@StefanDec 06.2002 — [i]Originally posted by anderdea [/i]

[B]Stephan,

Where would be the proper place to intert the code?

[/QUOTE]



I don't use frontpage and I have no way to guess what code it uses for that applet.



In general though, you can read how to name frames in the link I provided.

Then read the documentation you have for your applet and see how to add the target to it.
Copy linkTweet thisAlerts:
@Beach_BumDec 06.2002 — some time ago i tried to do the same thing with the FrontPage generated hover button. i concluded it could not be done. i created by own hover button using onmouseover and onmouseout. i suggest you do the same. in fact i suggest you quit using all of the FP generated effects as they all have brick walls you will find as you use them.

try something like this:

<form name="form1">

<input style="background-color: #FF0033; color: white; font-weight: bold; width: 150; position: absolute; left: 15; top: 20;"

type="button" value="Button Text"

onmouseover="document.form1.button1.style.backgroundColor='#029AFE'"

onmouseout="document.form1.button1.style.backgroundColor='#FF0033'"

onclick="pur your href here"

name="button1">

</form>

you can play with the colors and other parameters to get what you want. put your link in the onclick statement. there you need to include the target= as noted above by Stefan.

sorry - not the answer you wanted, but i have been there with FP. it is a great first learning tool, but you outgrow its limitations fast.
Copy linkTweet thisAlerts:
@StefanDec 06.2002 — A better way when you want to make your own buttons is to use CSS

This will eg create buttons

<div class="button">

<a href="">text 1</a>

<a href="">text 2</a>

<a href="">text 3</a>

</div>


CSS:

.button {width:150px;}

.button a {display:block; background:#FF0033; }

.button a:link {color:white;}

.button a:hover {background:#029AFE;}

The big advantage with this is that

* you can reuse the same buttoneffect on many pages.

* the links will work even if javascript is not available.

* If you want to change to eg another "onmouseover" color, you only have to change 1 value in your 1 externally linked CSS file and your entire site will be instantly updated.
Copy linkTweet thisAlerts:
@Beach_BumDec 06.2002 — anderdea - there you have two good options, using the button form or a link with CSS. try them both - as they will look different. so it depends on the effect you want.

but thinking about my earlier post - i do not mean to be negative about FP. using its generated effects is a great way to learn - as proven here with this situation where you want to branch out from its limitations. so when i said you should stay away from its generated effects, what i should have said is you may quickly outgrow them but they are a great way to learn, and a great way to get up and running fast.
Copy linkTweet thisAlerts:
@StefanDec 06.2002 — [i]Originally posted by Beach Bum [/i]

[B]try them both - as they will look different. so it depends on the effect you want.

[/QUOTE]



The CSS version can of cource be modified to exactly mimic a form button if you like.

CSS buttons will also look the same cross OS as well as cross browser. Form buttons will change appearance, especially from 1 OS to another.



It does however require a little more effort to learn some CSS to work with them compaired to a simple cut and paste form button, but the benefits are quite large ?

Also, the CSS you learn can be applied to any other part of your webpage too, not just buttons.
Copy linkTweet thisAlerts:
@anderdeaauthorDec 06.2002 — Thanks for the help,

I'll give the CSS option a try this weekend.

Don
×

Success!

Help @anderdea spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.3,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...