JQuery: Change Font-Size change button / BG Color

Hi all
JQuery seems to be much more difficult than I expected.
I have the code for a 'button' with 25 keys

I get every thing to the satisfying work with the event by clicking on the buttons...


But still, I don't understand how to do the following...

The ID of the DIV on the Sand the button is: "Buttonset1"

How can I change the size of the TEXT on the buttons from 24 to 36 px
When I try, I get only the larger size of 'air' BETWEEN the buttons so my visible buttons list is longer.

The other is that I want to change the background color of the button.

I tride to change via CSS and lifting the CSS in JQuery files - but without success
So this is another concept of JQuery I don't understand - it must be a much easier way to fix it... No.?

Example of my code - but with just a few buttons

< div id = "Buttonset1" style = "position: absolute;" Width: 150px; left: 311px; top: 55px; height: 541px border: medium; border-color: #cf0058; do-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida without", "DejaVu without ', Verdana, without serif. « ; >

< id button = "vasco_da_gama" > Vasco_Da_Gama < / button >

< button = "Öresund" id > crossover < / button >

< / div >

$("#vasco_da_gama").click (function () {}

$("#img1") .attr ('src', 'img1.png') .css ({"location": "absolute", "top": "180px", "left" ":"-60px banner ""});

});

$("#oresund").click (function () {}

$("#img1") .attr ('src', 'img1.png') .css ({"location": "absolute", "top": "255px", "left" ":"-175px ""});

});

Any ideas?

Thank you
Stefan

TIP:

Create CSS classes to your style buttons.

Use jQuery to turn or change class.

jQuery Get and Set the CSS Classes

http://API.jQuery.com/toggleClass/

Nancy O.

Tags: Dreamweaver

Similar Questions

  • Font size of radio group

    Hi all

    Need your help to change font size Radio button group and putting in bold.

    Found some discussion here but non of work them. All advises them to APEX 3.2 and in the background color that 4.2 is affected.

    Tried this: http://obieewanderings.blogspot.com/2014/01/pretty-radio-buttons-with-css-in-apex.html

    Yet once one color is affected no bold size.

    Help, please!

    Andrei

    This should work for all versions, although there may be other CSS which is your substitution.

    Try to add the important tag or by creating an example on apex.oracle.com

    {label .rg

    background: #cccccc;

    color: Green! important;

    make-weight: bold ! important;

    }

  • Control the font size

    Hi guys

    I developed a map style and the value of my tags < h > e.g. #content h3 {make-size: 1.4em; letter-spacing:-1px ;}}

    The foregoing is the value of my < h3 > and I use subheadings, but I want to be able to use it in the middle of a paragraph, but to a different value, I have to set it as Times New Roman 12, my normal body text.

    I know that I can use something like this:
    H3. First {make-size: 1.4em; color: #555555}
    H3.scnd {font size: 12pt; color #555555}

    But that breaks to the top of the line and starts a new paragraph. So should what code I use so that I can change a word in the body of my text to h3 without forcing a line break? Something like that.

    < p > on < H3 CLASS = "CSAT" > guys this forum < / h3 > are really very useful and I can't wait to hear from them.

    Hope I have explained myself. Thank you very much
    Kevin




    H3.scnd {font size: 1.2em; #555555 color; display: inline ;}}
    (do not use the points for the character on the screen sizing - use pixels, em, EN,
    ex, percent, either the font size appoints instead)

    --
    Murray - ICQ 71997575
    Adobe Community Expert
    (If you * MUST * write me, don't don't LAUGH when you do!)
    ==================
    http://www.projectseven.com/go - DW FAQs, tutorials & resources
    http://www.dwfaq.com - DW FAQs, tutorials & resources
    ==================

    "Kate Desperatek" wrote in message
    News:ge15su$P0L$1@forums. Macromedia.com...
    > Hi guys
    >
    > I have a style sheet and the value of my tags set for example
    > #content
    > h3 {make-size: 1.4em; letter-spacing:-1px ;}}
    >
    > The above is the value of my

    and I use it in subtopics, however I
    > want to
    > in order to use it in the middle of a paragraph, but to another
    > value, I
    > to set as Times New Roman 12, my text normal body.
    >
    > I know that I can use something like this:
    > H3.first {do-size: 1.4em; color: #555555}
    > H3.scnd {font size: 12pt; color #555555}
    >
    > But that breaks the line and starts a new paragraph. So what is the code can I
    > use
    > so that I can change a word in the body of my text to h3 without forcing a
    > line
    > break? Something like that.
    >
    >

    Guys on

    This forum

    are really very useful and
    > I
    > looking forward to hear from them.
    >
    > I hope? ve explained myself. Thank you very much
    > Kevin
    >
    >
    >
    >
    >
    >

  • color and font size will not change in emails, blogs, forums, etc.

    I can change is more the style or color of fonts in emails, blogs, forums, etc. I can change the font size and nothing else. Everything works when I'm connected using the Explorer is a parameter or a firefox update that is the cause of the problem. If I cut/copy and paste into a word from a web site document I can't yet make a change. If I copy a word document in a web site, the colors and the fonts back to default setting. I tried to change the setting in the fonts and colours Options, they make changes, but they do not solve the problem.

    Hello

    Please check if this happens in a new profile. If it's good, you can later copy the personal data of the old profile. Firefox stores your personal data and settings to another separate location of the files/folder. A new profile would default Firefox settings (Tools (Alt + T) > Options and topic: config ) and usually also would be vacuum of Extensions and themes (appearance) in Tools > Add-ons) and their parameters. In addition, a new profile would have no previous stored site data/settings etc. (Tools > clear recent history).

    Profiles Howto

    Files & profile folder

    Subject: config entries

  • Is it possible too change the font size and color of the file change toolbar?

    The size of the font of the file edit toolbar, etc. are too small. I wish I could enlarge them and also be able to change the color of them.
    It would be great if we could change them since we can add a few nice themes at the top of the screen.
    Thank you

    Maybe:

  • How can I change/color/font size of tab independently controls?

    How can I change/color/font size of tab independently controls?

    When I change one of these attributes, it applies to all the controls on the tab...

    Thanks for the help!

    christophe69000 wrote:

    How can I change the /color/font of the tab size controls independently?

    When I change one of these attributes, it applies to all the controls on the tab...

    Thanks for the help!

    Tim has manipulated the colorful side of the tab of this Q.

    If you ask about the text than the tabs labels, they are all the same.

    If you really want and can settle their definition at run time, you can use

    Advance > Layout tab > image only and use your own image to make it look like different sizes and fonts.

  • How to change the font size and color in Windows and IE

    original title: degeneration macular and look at a text on screen

    It is very difficult for me to read the text in blue on the screen of the computer with this problem from view.  Y at - it wy to make all the text on Web sites or in General on the screen.  I tried inlarging text and also trid magnafing glass which does not help me a lot.  Any ideas or direction to change the text color will begreatly appreciated.  TX, Bob

    Hi Bob,

    I understand how it feels when you try to / read something in the Web pages and impossible to see properly. Do not worry, I'm here to help you with this question.

    I suggest you to refer following Microsoft help articles and check if it works for you.

    Change webpage text size in Internet Explorer:

    http://Windows.Microsoft.com/en-us/Windows7/change-webpage-text-size-in-Internet-Explorer

    Change the colors and fonts used for webpages:

    http://Windows.Microsoft.com/en-us/Windows7/change-the-colors-and-fonts-used-for-webpages

    Please reply with the State of the question, so that I can better help you.

  • How to change the font, size, color for long-term

    I like sending an e-mail using color. I got Windows 7 earlier this year. I had XP. At the same time, I changed the font, size and color, and there staed like that.

    However, I tried to change it again and I spent weeks trying. I know that they can be changed for each email, but I want to stay for a while until, months from now, I decided to change again.

    As I did once, it can be done. I just remember what I've done.

    Thank you.

    Hello

    Thanks for posting in the Microsoft Community Forum. Description, I appreciate that you try to change the font, size and color for the e-mails, rest assured that we will do our best to answer this question.

    Answer these questions that would help us to provide the best solution:

    What mail client do you use?

    Provide us with more information about the issue so that we can help you further.

  • Change font size of InDesign CC button.

    InDesign InDesign 5.5 CC

    main();
    main() function
    {
    var l is new window ('dialogue');.
    Group1 var = w.add ("group");
    var button1 = group1.add ("button", undefined, "B1");
    var button2 = group1.add ("button", undefined, "B2");
    group2 var = w.add ("group");
    var button1 = group2.add ("button", undefined, "B3");
    var button2 = group2.add ("button", undefined, "B4");
    set_Font (Group2, 'Tahoma:50');
    Button1.Graphics.font = ScriptUI.newFont ('Letter Gothic Std', 'Bold', 30);
    w.Show ();
    }

    function set_font (font, control)
    {
    for (var i = 0; i < control.children.length; i ++)
    {
    If ('GroupPanel".indexOf (control.children [i].constructor.name) >-1)
    set_Font (control.children [i], police);
    on the other
    Control.Children [i]. Graphics.font = fonts;
    }
    }

    How can I change the font size of the CC version button?

    Hello

    Maybe part of the answer

    (CC 2014) ScriptUI fonts do not change?

  • How to change the font size of statictext and button is the font size in the user interface?

    Hello

    How to change the font size of statictext and button is the font size in the user interface?

    Thks.

    Goldbridge

    var w = new Window ("dialog");
    var s = w.add ("statictext", undefined, " 30 Point Static");
    var s2 = w.add ("statictext", undefined, " 100 Point Static");
    // the third argument is the font size
    s.graphics.font = ScriptUI.newFont ("Helvetica", "Bold", 30);
    s2.graphics.font = ScriptUI.newFont ("Helvetica", "Bold", 100);
    
    w.show ();
    

    See the example above.

    See also Peter Karhels Guide to the user interface. Very recommended.

    http://www.kahrel.plus.com/InDesign/ScriptUI-1-9.PDF

  • Change the font size of Textfield using buttons

    Hello

    I have some textfields in my form with a static confined area and the default font size is set to 11px. However, some users would like to have a possibility to increase the font size in these areas. I looked for a solution and I understand the there are 2 ways to do this: either by using a button to change the size of police (i.e.) with a drop-down list controls the size of the police. I am wanting to do something like this:

    (1) add 2 buttons on the form to control the font size. Will be a button "+" (to increase the font size) and the other button will be "-" (to decrease the font size).

    (2) I understand that if I am setting a size police fixed increase to, I can add a javascript something like this:

    TextField1.font.size = "12pt"; 
    

    But I don't want to like this because in this case, I can only give limited options. Is it possible to write a javascript script that can identify the font size of the object textfield then adds (or) subtracts 1 point to the font size depending on whether the user clicks on the '+' or '-' symbol? In this way, the user can control and experiment what best suites of font size them. Hope this makes sense... I wonder if anyone has an idea on how I can do this...

    Hello

    You can use code like this on the '+' and '-' buttons

    This code is for the button «+»

    get the font size

    var currentSize = TextField1.font.size;

    get the location of the string "pt".

    var ptPlace = currentSize.indexOf ("pt");

    get the part of the string that is just a number

    var currentSizeInt = currentSize.substr (0, ptPlace);

    analyze this new string as an integer and add 1

    var newSizeInt = parseInt (currentSizeInt, 10) + 1;

    set it as the new font size (adding the "pt" back on)

    TextField1.font.size = currentSizeInt + "pt";

    Obviously for the '-' you just change the line that adds the value 1 to subtract 1

    Hope this helps

    Malcolm

  • Change the color of the cell of the results of the query, the font size, style

    Change the color of the cell of the results of the query, the font size, style
    Hello
    I have this code below and let me know if it is possible to make the column header a different font style
    Example:
    Font size = 12
    Verdeña
    Blue
    And the cell in the name column in a different color for ex
    Yellow


    Is it possible here and where this code should I put it?

    Thank you very much


    < cfquery = name "gelov datasource ="kl90">"
    SELECT
    -------------------------------------------

    Of
    --------------------------------
    WHERE
    -----------------------------------------
    -----------------------------------------------------

    ORDER BY
    < cfswitch expression = "#Form.orderBy #" >
    < cfks value = "KSNUMBER" >
    KS. KS_NBR
    < / cfks >
    < cfks value = "DATECREATED" >
    KS. KREATDAT
    < / cfks >
    < / cfswitch >
    < / cfquery >

    <! - report html - >
    < cfswitch expression = "#Form.outputFormat #" >
    < cfks value = "HTML" >

    <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
    "< html xmlns =" http://www.w3.org/1999/xhtml "> "
    < head >
    < meta http-equiv = "Content-Type" content = text/html"; charset = iso-8859-1 "/ >"
    Report Kss Ctwye < title > < / title >
    < / head >
    < style type = "text/css" >
    table {}
    do-family: Arial, Helvetica, without serif.
    do-size: 10px;
    }
    TD {}
    do-family: Arial, Helvetica, without serif.
    do-size: 10px;
    }
    Th {}
    do-family: Arial, Helvetica, without serif.
    do-size: 10px;
    }
    H2 {}
    do-family: Arial, Helvetica, without serif.
    do-size: 12px;
    }
    H3 {}
    do-family: Arial, Helvetica, without serif.
    font-size: 13px;
    }
    < / style >

    < body >
    < cfoutput >
    < table border = "0" cellpadding = "3" cellspacing = "0" >
    < b >

    < td align = "center" >
    Kss Ctwye report < h3 > < / h3 > < br > < br > < table >
    < /tr >
    < b >
    < td align = "center" >
    < / h2 > report returned #getCtwyeKss.RecordCount # entries < / h2 > < table >
    < /tr >
    < b >
    < td >
    < table border = "1" cellpadding = "2" cellspacing = "0" >
    < b >

    < td width = "160" > Ks number < table >
    < td > K-date < table >
    <!-< class = 'dataField' td > address < table >
    < class td 'dataField' = > Type < table >
    < class td 'dataField' = >-> Description < table >
    < /tr >

    < cfloop query = "getCtwyeKss" >


    < tr bgcolor = "< cfif currentrow mod 2 > F8F8FF < cfelse > WHITE < / cfif >" >
    < td > #KS_NBR # < table >
    < td > #dateformat(KREATDAT,"mm/dd/yyyy") # < table >


    < /tr >
    < / cfloop >

    < /table >
    < table >
    < /tr >
    < /table >

    < / BODY >
    < / HTML >
    < / cfoutput >
    < / cfks >

    < cfks value = "CSV" >


    < NAME CFHEADER = "Content-Disposition" VALUE = "attachment; filename = ctwye.csv">
    < cfcontent type = "application/msexcel" > "Ks Number', 'K-date '.
    < cfoutput query = "getCtwyeKss" > #ltrim (KS_NBR) #, "#dateformat(KREATDAT,"mm/dd/yyyy")" # "< tr #IIF (getCtwyeKss.CurrentRow MOD 2, OF (»), DE('backgroundColor="##999"')) # >"



    <!-< tr bgcolor = "< cfif currentrow mod 2 > # 808080 < cfelse > ##ffffff < / cfif >" >-->
    < / cfoutput >


    < / cfks >
    < / cfswitch >

    There is a suggestion in your other thread

  • How to change the font size and color in the toolbar Firefox 10?

    I was switched to Mozilla Firefox 10.0 by a representative of Dell. I had been using IE8. I have the Windows 7-64 bit operating system. I can't read my toolbar on Mozilla it is so small and the police is black with gray background! Is this not a great combination. Is anyway to change the font size of toolbar and from the colour? I downloaded the module Amazon on WOW! It's clear as a Bell, but Mozilla is absolutely horrible. If I can't get the editing toolbar I need to know another browser to use cause after only 5 hours trying to customize and use Firefox 10.0 I'm all done. I can't get any telephone communication or chatline support. I was in the knowledge base up until I can recite! And Kaspersky is not compatible. More of a nightmare what I need.

    Theme font & size changer: https://addons.mozilla.org/firefox/addon/theme-font-size-changer/

  • How can I change the font size of what is on the screen? I can't find a button to change the size of the screen

    I have Windows 8 to no choice of my own & the appearance of my screen & e-mail, changes etc. without input from me. I can't read the tiny print but impossible to adjust the font size.

    I have windows vista and it does not work asthere nwhretha as

  • How change the font size screen writing only

    Thunderbird (dial) screen writing allows the choice of fonts for HTML e-mail messages, but no fonts sizes, traditional 'points '. Is there a button up/down on the screen and a configuration option for the small/medium/large, etc.

    By sending me mail and reading in other popular e-mail client, I see that 'medium' is the 12-point type, which is what I want. But when I select medium as my default, the text on the screen of the writing is too small, nowhere close to 12 points by the eyeball. If I make the font bigger on the write screen so I can read it, then it is received like 14 or 18pt.

    There must be a way to choose what you see on the screen of writing, regardless of what is actually encoded as HTML and sent. Of course, I can do Ctrl/Shift / +, and makes the text at the larger screen (leave image intact, thanks!), but it has tiny back the next time I open the program. Is it possible to make this text magnification "stick"?

    'Medium' is reflected by how the client of the recipient is configured to display as usual. Better to leave Thunderbird in this setting.

    For your own needs, however, you can set how Thunderbird displays the content for you and this applies to incoming and outgoing messages.

    Under Tools | Options of, you will find a tab labeled display and under another label formatting. This is where you define how Thunderbird displays the content. Note that it conforms to HTML standards and this sets in pixels, not points.

    Next to the tab view is a named another Composition where you can set the default font to use in your outgoing messages.

    Note that changes are not always immediately apparent. You will need to maybe deselect and re - select a message to see changes in the settings, or at worst, close and re - open Thunderbird.

    I haven't checked recently, but for a long time, Thunderbird would set some font attributes (style, size, weight, etc.), but seems to forget to actually specify the font to use. This resulted in the client of the recipient using the default font. If you are concerned about the definition of a particular font, I'd recommend the add-on of the stationery. Allows you to create templates incorporating the definitions of complete style.

    I would also add that as police in the e-mail settings are optional and can be replaced by the recipient or his mail client, don't worry too much about if it's perfect. Non-standard fonts, you can have and use do not appear on another computer where they or effective equivalents, are not installed. Stick to what is called "web-safe" fonts and colors if you do not want surprises.

    More here on the Thunderbird font settings: http://chrisramsden.vfast.co.uk/9_Type_sizes.html

Maybe you are looking for