Current location: Hot Scripts Forums » General Web Coding » JavaScript » Submit button: Macintosh style


Submit button: Macintosh style

Reply
  #1 (permalink)  
Old 11-16-06, 09:11 AM
jumbo1 jumbo1 is offline
Wannabe Coder
 
Join Date: May 2006
Posts: 116
Thanks: 0
Thanked 0 Times in 0 Posts
Submit button: Macintosh style

Hi all

i need to make a submit button on my page look like an Apple Macintosh OS X button (if u dont know how it looks like, i have attached an example pic).

Thank you.
Attached Images
File Type: jpg button.JPG (1.5 KB, 110 views)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiShare on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #2 (permalink)  
Old 11-16-06, 09:16 AM
Nico's Avatar
Nico Nico is offline
Community Leader
 
Join Date: Sep 2005
Location: Spain
Posts: 8,074
Thanks: 11
Thanked 88 Times in 83 Posts
https://www.mimio.com/images/button_submit.gif

Code:
<input type="image" name="submit" src="http://url.com/image.jpg" />
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiShare on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #3 (permalink)  
Old 11-16-06, 09:23 AM
jumbo1 jumbo1 is offline
Wannabe Coder
 
Join Date: May 2006
Posts: 116
Thanks: 0
Thanked 0 Times in 0 Posts
ok, thanx

but the thing is that the MacOS X button is dynamic, when u move the mouse on it, it turns blue as in the image i attached... by default it is white...

im not really an expert, but i guess there is some way to do it using JavaScript or CSS or DHTML...
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiShare on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #4 (permalink)  
Old 11-16-06, 09:30 AM
Nico's Avatar
Nico Nico is offline
Community Leader
 
Join Date: Sep 2005
Location: Spain
Posts: 8,074
Thanks: 11
Thanked 88 Times in 83 Posts
Topic moved to Javascript.

Simply do.
Code:
<input type="image" name="submit" src="http://url.com/image.jpg" onmouseover="this.src='newimage.jp';" onmouseout="this.src='oldimage.jpg';" />
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiShare on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #5 (permalink)  
Old 11-16-06, 09:30 AM
UnrealEd's Avatar
UnrealEd UnrealEd is offline
Community Liaison
 
Join Date: May 2005
Location: Antwerp, Belgium
Posts: 3,165
Thanks: 4
Thanked 25 Times in 25 Posts
if you search this forum for "image onmouseover" i'm sure you'll find the answer.
This is a very common, question

UnrealEd
__________________
"Good judgement comes from experience, and experience comes from bad judgement." - Fred Brooks

Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiShare on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #6 (permalink)  
Old 11-16-06, 09:57 AM
nova912's Avatar
nova912 nova912 is offline
Code Guru
 
Join Date: Sep 2004
Location: Traverse City, MI, USA
Posts: 821
Thanks: 0
Thanked 0 Times in 0 Posts
Just one more reason Mac OS X > All
__________________
"BTW, I can't program at all the only thing I figured out is how to upload templates to my server."
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiShare on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
  #7 (permalink)  
Old 11-16-06, 11:18 AM
tobyjoiner tobyjoiner is offline
Newbie Coder
 
Join Date: Nov 2006
Posts: 87
Thanks: 0
Thanked 0 Times in 0 Posts
That has nothing to do with Mac, that is just html and javascript.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiShare on FacebookShare on Stumble UponShare on Twitter
Reply With Quote
Reply

Bookmarks


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Submit button as image with PHP processing ivory_kitten JavaScript 8 10-13-06 11:16 PM
Submit form automatically - not the submit button INTEL JavaScript 12 12-07-05 07:09 AM
SubmitAll button, which submit all forms on the page. al22 ASP 1 10-19-04 01:02 PM
Submit button on forms civrob PHP 4 08-10-04 05:22 PM
submit button tcooper JavaScript 1 07-15-04 03:22 AM


All times are GMT -5. The time now is 09:00 AM.
vBulletin® Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.