Using two styles to format text, formatting text Options

[nsuave116]

I am trying to find out if/how i can apply two different styles to text. I have radio buttons set up to select the font style(such as arial...) and a textbox to get the user input for a background color. However, it seems after i select arial and go to apply the background color, the first style changes back to normal and accepts the second style which is the background color. How can I get to accept the first, save that and then apply the second with that.

[Christian J]

Can you post a link to sample page?

[nsuave116]

I have included the sample file with this post. As you can see, i can select for instance Arial but when I enter blue for the background color arial changes back to the regular font and the background is blue. I am somewhat new to web design so you might have to break it down for me to understand.

[pandy]

Your JS changes the value of the class attribute. If you choose a blue backgrount JS will change the HTML like this.

HTML

<form name = "form1" action ="" class="blueBackground">

Then when you choose Georgia as the font, you'll get this.

HTML

<form name = "form1" action ="" class="georgiaTex">

So as the script is written the classes are mutually exclusive and you can't have a font and a color choice at the same time.

[Christian J]

You might try combining multiple classes, like

CODE

<form class="georgia blue">

However the current script complicates things by using separate "change" controls for the radio buttons (onclick) and the text field (a button). If you used a single button for changing everything you could reset the classes each time.