input colored text?

**jwisneski2003** · 09-07-2005 08:24 PM

hello all,

i need a script prompting a user for choice of color (red, blue, green) and then when text is entered into a textbox it is displayed in that color,
(and also BOLD)

thanks john

**bathurst_guy** · 09-07-2005 10:43 PM

Code:

<html>
<head>
<title>Untitled Document</title>
</head>

<body>
<script type="text/javascript">
function doit(selection){
var color = selection.value;
document.getElementById('input').style.color = color;
}
</script>
<form name="form1" method="post" action="">
  <p> 
    <label> 
    <input type="radio" name="RadioGroup1" value="#f00" onChange="doit(this);">
    Red</label>
    <br>
    <label> 
    <input type="radio" name="RadioGroup1" value="#0f0" onChange="doit(this);">
    Green</label>
    <br>
    <label> 
    <input type="radio" name="RadioGroup1" value="#00f" onChange="doit(this);">
    Blue</label>
    <br>
    <input name="text" type="text" id="input">
  </p>
</form>
</body>
</html>

**herodote92** · 09-08-2005 01:56 AM

If the input text has to be bold all the time, you can use this (for ex) in the <head>:

Code:

<style>
.my_input {
  font-family: cursive;
  font-weight: 900;
  font-size: 12pt;
}
</style>

and then in the <body>:

Code:

    <input name="text" type="text" id="input" class="my_input">

**muneepenee** · 09-08-2005 08:26 AM

<html>
<head>
</head>
<body bgcolor="#aaffbb" text="black">
<pre>
c:\web\jtest54.htm.htm Thursdae 08 Sep 05 at 0815
select radio button tu set koler av input text
<script language="JavaScript">

</script>
<!******************** html ********************>
<form name="inputf">
select the koler for text input
<input type="radio" value="red" name="chek1"
onMousedown="setkoler('red')">red
<input type="radio" value="blue" name="chek1"
onMousedown="setkoler('blue')">blue
<input type="radio" value="green" name="chek1"
onMousedown="setkoler('green')">green
<!******>
input text heer
<textarea name="intext1" colms=60 rows=6
style="font-weight:bold">
start stuff</textarea>
<!******>
<input type=text value="submit" size=8
style="cursor

ointer;cursor:hand"
onClick="gettext(document.inputf)">
</form>
</body>
</html>

**bathurst_guy** · 09-08-2005 08:28 AM

oh yeh thats like heaps different to mine

Thread: input colored text?

Thread Tools

Display

input colored text (BOLD)?

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions