buttons and mouseevents

Codewalkers Forums Sponsor:

September 11th, 2003, 06:11 PM

myraleen

Join Date: Apr 2007

Location: Ottawa, Ontario, Canada

Posts: 123

Time spent in forums: < 1 sec
Reputation Power: 2

buttons and mouseevents

I have created buttons, and used a css style sheet to list the color, size, ect.

Problem is the buttons don't do anything, including link to the page I want them to, or change to the hover style when I mouse over.

I have used the forum and found the code that is suposed to work, but umm... I don't think I have the actual function???

here's the code:

button:

php Code:

Original - php Code
<input type="button" Value="Accomodations" onMouseOver="formButton(this,'buttonover')" onMouseOut="formButton(this,'button')" class="button">

 
<input type="button" Value="Accomodations" onMouseOver="formButton(this,'buttonover')" onMouseOut="formButton(this,'button')" class="button">

style:

php Code:

Original - php Code

 
.button {
    font-family: serif, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #99CC99;
    font-weight: bold;
    background-color: #003300;
    border: #99CC99;
    border-style: solid;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px
    width: 100px
 
}
 
.buttonhover {
    font-family: serif, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #003300;
    font-weight: bold;
    background-color: #99CC99;
    border: #003300;
    border-style: solid;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px
 
}

Am I suposed to put a further onClick to send the user to a page when the button is clicked? If so how? And why won't the hover work???

Any help appreaciated.
thanks in advanced.

September 11th, 2003, 06:15 PM

myraleen

Join Date: Apr 2007

Location: Ottawa, Ontario, Canada

Posts: 123

Time spent in forums: < 1 sec
Reputation Power: 2

RE: buttons and mouseevents

I got the onClick part
window.location.href='testpage.htm
Now i just need to know why the hover isn't working!

September 27th, 2003, 03:50 PM

CodeKadiya

Join Date: Apr 2007

Location: Colombo,Sri Lanka

Posts: 2,313

Time spent in forums: < 1 sec
Reputation Power: 4

RE: buttons and mouseevents

:laugh:

September 28th, 2003, 03:00 PM

zombie

Codewalkers Intermediate (1500 - 1999 posts)

Join Date: Apr 2007

Location: serbia

Posts: 1,876

Time spent in forums: < 1 sec
Reputation Power: 3

RE: buttons and mouseevents

you need to make that js function formButton() that will change the CSS class on mouseOver and mouseOut.

it should go smth like

Code:

function formButton(button, class) {
    button.className=class;
}

Thread Tools	Search this Thread
Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread: