Reply
How to change the look of Jump Menu
Old 03-11-2010, 11:09 AM How to change the look of Jump Menu
Burnsie's Avatar
Skilled Talker

Posts: 73
Trades: 0
Hi all
I have a jump menu that I would like to change the look of! Is it possible to style the arrow to a different colour from blue?
I have spent an age trying to find an answer to this. It would have to work across browsers and validate. If this isn't possible is there any other way I can perform the same task with javascript or some such thing?

Cheers
Burnsie
Burnsie is offline
Reply With Quote
View Public Profile
 
 
When You Register, These Ads Go Away!
Old 03-15-2010, 10:17 AM Re: How to change the look of Jump Menu
Super Talker

Posts: 101
Name: John Davis
Trades: 0
I guess you can use css everywhere.
Also, can you provide example of your menu?
__________________
http://www.fla-shop.com - Interactive maps for websites
MapMaster is offline
Reply With Quote
View Public Profile Visit MapMaster's homepage!
 
Old 03-18-2010, 05:21 AM Re: How to change the look of Jump Menu
Junior Talker

Posts: 4
Name: jhonebuery
Trades: 0
I think you can you css for that and also really make it easy so for that menu changes so find really good one.
__________________
Tigerdirect Coupon Codes
jhonebuery is offline
Reply With Quote
View Public Profile
 
Old 03-18-2010, 05:41 AM Re: How to change the look of Jump Menu
chrishirst's Avatar
Super Moderator

Posts: 31,017
Location: Blackpool. UK
Trades: 0
Quote:
Is it possible to style the arrow to a different colour from blue?
[Man on phone to Doctor.]

Man: "Doctor, I have this pain in my elbow and when I do this; <pause> it hurts.

<pause>

Man: "What do you mean You need to see my elbow to tell me what's wrong"?"
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Code Samples | Crowded Nightclub? | Random Ramblings
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 03-18-2010, 09:15 AM Re: How to change the look of Jump Menu
Burnsie's Avatar
Skilled Talker

Posts: 73
Trades: 0
Here is the script that makes my menu:

function generate_jump_menu() {
global $config;

$output = '';
$image_count = array();

$output .= '<form id="jump-menu" action="#" method="get">' . "\n\t\t\t\t\t" . '<div>';
$output .= "\n\t\t\t\t\t\t" . '<select name="jump-menu" class="jump-menu" onchange="document.location.href=this.options[this.selectedIndex].value;">
<option value="#">'.site_tr('Jump to').'...</option>';

It produces a menu that looks like the one here:
http://www.doit.wisc.edu/accessibili...s/jumpmenu.htm

It's the default one you see everywhere. (like the scroll-bar on webmaster-talk)
I can change the background/text colour etc. via class="jump-menu" but it's the blue arrow i would like to change.

cheers
Burnsie is offline
Reply With Quote
View Public Profile
 
Old 03-18-2010, 12:23 PM Re: How to change the look of Jump Menu
chrishirst's Avatar
Super Moderator

Posts: 31,017
Location: Blackpool. UK
Trades: 0
and where is the "blue arrow" specified OR are you asking about the default indicator shown on the "button" to extend the option list on the select element?
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Code Samples | Crowded Nightclub? | Random Ramblings
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 03-18-2010, 07:45 PM Re: How to change the look of Jump Menu
Burnsie's Avatar
Skilled Talker

Posts: 73
Trades: 0
you know i am
Burnsie is offline
Reply With Quote
View Public Profile
 
Old 03-18-2010, 07:59 PM Re: How to change the look of Jump Menu
chrishirst's Avatar
Super Moderator

Posts: 31,017
Location: Blackpool. UK
Trades: 0
Quote:
Originally Posted by Burnsie View Post
you know i am
I don't KNOW that!

Certainly I can assume that is the case, but then you may have a bespoke drop down instead.
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Code Samples | Crowded Nightclub? | Random Ramblings
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 03-18-2010, 08:35 PM Re: How to change the look of Jump Menu
Burnsie's Avatar
Skilled Talker

Posts: 73
Trades: 0
Oh ok sorry
The thing I would like to style is the default indicator shown on the "button" to extend the option list on the select element. It's the little thing that looks like an arrow coloured blue.

cheers
Burnsie is offline
Reply With Quote
View Public Profile
 
Old 03-18-2010, 08:46 PM Re: How to change the look of Jump Menu
chrishirst's Avatar
Super Moderator

Posts: 31,017
Location: Blackpool. UK
Trades: 0
I meant to post this earlier.

http://articles.sitepoint.com/articl...-web-forms-css

However, some form elements are OS dependent and do not respond to CSS styling.
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Code Samples | Crowded Nightclub? | Random Ramblings
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Reply     « Reply to How to change the look of Jump Menu
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

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 On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML

 


Page generated in 0.12502 seconds with 13 queries