Client Side Things
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Codewalkers Forums > Other Technologies > Client Side Things
Reload this Page

Mouse Move...

Discuss Mouse Move... in the Client Side Things forum on Codewalkers.
Mouse Move... Here is a place to talk and ask questions about HTML, CSS, Javascript, and other client side technologies.

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Codewalkers Forums Sponsor:
  #1  
Old January 20th, 2005, 11:36 PM
jweizenblut jweizenblut is offline
Contributing User
Codewalkers Novice (500 - 999 posts)
  
Join Date: Apr 2007
Location: Miami, Fl. US
Posts: 522 jweizenblut User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 8 m 29 sec
Reputation Power: 2
Send a message via AIM to jweizenblut Send a message via Yahoo to jweizenblut
Mouse Move...
I have a style set that formats form buttoms to look a little different. It is as follows:

php Code:
Original - php Code 
  1.  
  2. <style>
  3.     a { color: #333333; }
  4.     a.menu { color: black; }
  5.     .button { width:270; font: 14px verdana; font-weight: bold; border: 1px solid #cccccc; background-color: #CCCCCC; padding-top:0px; padding-bottom:0px; padding-left:0px;}
  6.     .alert  { font-size: 12; color: red; font-weight: bold; }
  7. </style>


The buttons themselves work great. I display them using:

php Code:
Original - php Code 
  1.  
  2. <form action="adminitems.htm">
  3. <input type="submit" value="Administrative Items" class="button">
  4. </form>


The problem is that I would like to somehow change the mouse when moved over the button to the hand icon, like if it was an hyperlink.

Any ideas?
Reply With Quote
  #2  
Old January 21st, 2005, 12:38 AM
spud spud is offline
Codewalkers Newbie (0 - 499 posts)
  
Join Date: Apr 2007
Location: Melbourne, Australia
Posts: 163 spud User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 2
RE: Mouse Move...
<input type="submit" value="Administrative Items" class="button" onMouseOver="this.className = 'something'" onMouseOut="this.className = 'button'">
Reply With Quote
  #3  
Old January 21st, 2005, 12:46 AM
jweizenblut jweizenblut is offline
Contributing User
Codewalkers Novice (500 - 999 posts)
  
Join Date: Apr 2007
Location: Miami, Fl. US
Posts: 522 jweizenblut User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 8 m 29 sec
Reputation Power: 2
Send a message via AIM to jweizenblut Send a message via Yahoo to jweizenblut
RE: Mouse Move...
OK. I see what you wrote. But I am still lost. How do I define the graphic to use? Is there a way to have it act like a hyperlink?

<input type="submit" value="Administrative Items" class="button" onMouseOver="this.className = 'something'" onMouseOut="this.className = 'button'">
Reply With Quote
  #4  
Old January 21st, 2005, 12:50 AM
spud spud is offline
Codewalkers Newbie (0 - 499 posts)
  
Join Date: Apr 2007
Location: Melbourne, Australia
Posts: 163 spud User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 2
RE: Mouse Move...
oh yeah sorry, i missread the question
in your stylesheet,
Code:
    .button { width:270; font: 14px verdana; font-weight: bold; border: 1px solid #cccccc; background-color: #CCCCCC; padding-top:0px; padding-bottom:0px; padding-left:0px;CURSOR:HAND;}


so you wouldn't need the onMouseOver's and Out's
Reply With Quote
  #5  
Old January 21st, 2005, 12:59 AM
jweizenblut jweizenblut is offline
Contributing User
Codewalkers Novice (500 - 999 posts)
  
Join Date: Apr 2007
Location: Miami, Fl. US
Posts: 522 jweizenblut User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 8 m 29 sec
Reputation Power: 2
Send a message via AIM to jweizenblut Send a message via Yahoo to jweizenblut
RE: Mouse Move...
Cool. Worked!
Reply With Quote
  #6  
Old January 21st, 2005, 01:00 AM
spud spud is offline
Codewalkers Newbie (0 - 499 posts)
  
Join Date: Apr 2007
Location: Melbourne, Australia
Posts: 163 spud User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 2
RE: Mouse Move...
great
Reply With Quote
Reply

Viewing: Codewalkers Forums > Other Technologies > Client Side Things > Mouse Move...

« Previous Thread | Next Thread »

Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Linear Mode Linear Mode
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 1 hosted by Hostway. 
Stay green...Green IT