Text color

**tom13** · 03-12-2013 01:39 AM

Hi,
I need to add a color palette to my form so the user could select specific text inside a normal text box then choose a color from the palette.Please tell me how to do this.

**tom13** · 03-14-2013 02:20 AM

Please tell me how to make the color palette generating dynamically by using the div tags.

**rnd me** · 03-14-2013 12:50 PM

come on guy, stop asking and start searching...

**tom13** · 03-14-2013 11:43 PM

Ok I'd searched some code for the color palette. Now my issue is i want to show the color palette by clicking a image.Please tell me how to do this.

**JMRKER** · 03-15-2013 10:00 PM

If you really want some help, show what you have attempted thus far.
This is a help forum, not a coding service.

**tom13** · 03-17-2013 11:07 PM

Code:

<html>
<head>

<script type="text/javascript">
function getColor1() { 
      var img = document.createElement("img");
      img.src = "img/palette.gif"; 
      //img.height = 75; 
      //img.width = 113;
      //img.style.top=800;
      //img.style.right=100;
      document.body.appendChild(img);
	//getColor();
    }
function getColor(block)
{
var s_url=block.href;
var pColor=s_url.substr(s_url.indexOf("#"));
document.getElementById("colorPalDemo").style.fontColor=pColor;
getColor1();
}



</script>
</head>
<body>
        <img  src="img/supst.png" usemap="#color_pallete" onClick="getColor1();" />
<map name="color_pallete" id="color_pallete">
    <area shape="rect" coords="7,7,31,30" href="#FF0000" onclick="getColor(this);" />
    <area shape="rect" coords="35,7,59,30" href="#00FF00" onclick="getColor(this);" />
    <area shape="rect" coords="63,7,87,31" href="#0000FF"  onclick="getColor(this);" />
    <area shape="rect" coords="92,7,115,31" href="#8B008B" onclick="getColor(this);" />
    <area shape="rect" coords="7,33,30,58" href="#00FFFF"  onclick="getColor(this);"/>
    <area shape="rect" coords="36,34,59,57" href="#006400" onclick="getColor(this);" />
    <area shape="rect" coords="63,34,86,58" href="#6B8E23" onclick="getColor(this);" />
    <area shape="rect" coords="92,35,115,57" href="#00FF7F" onclick="getColor(this);" />
    <area shape="rect" coords="8,61,31,85" href="#32CD32"  onclick="getColor(this);" />
    <area shape="rect" coords="35,62,59,85" href="#7FFFD4" onclick="getColor(this);" />
    <area shape="rect" coords="64,61,86,85" href="#7FFF00" onclick="getColor(this);" />
    <area shape="rect" coords="92,61,115,85" href="#008B8B"  onclick="getColor(this);" />
    <area shape="rect" coords="91,88,115,111" href="#9932CC" onclick="getColor(this);" />
    <area shape="rect" coords="64,88,87,111" href="#00BFFF" onclick="getColor(this);" />
    <area shape="rect" coords="36,88,59,112" href="#1E90FF" onclick="getColor(this);" />
    <area shape="rect" coords="8,88,30,111" href="#FF4500" onclick="getColor(this);" />
   </map>
<span id="colorPalDemo"></span> 
  
</body>
</html>

The above is my code. It doesn't works when the color is clicked.

**JMRKER** · 03-18-2013 09:12 AM

We would need to have access to the 'supst.png' image to test your code.

And, although I cannot test the premise, the 'href=#colors' assignments you make in the <area> tags
is probably not valid as it normally would point to an HTML file to link to.
Also the use of this in the onclick probably (???) needs to be something like this.color or something like that.

Finally, you are changing the text of the font color in the id="colorPalDemo" element
but you have no text to change color to, so nothing would visibly change.

**tom13** · 03-18-2013 10:58 PM

Actually no for text i'm trying to change the color. I am having a form ang i'm trying to include all these such as font name,size color etc to my form. If i click font name as times new roman and size as 10 and color as red and after selecting all these my tags will seen like <font name=times new roman size=10 color=#FF0000>hai<font>. The hai is my selected text in my textarea.

**tom13** · 03-18-2013 11:13 PM

Actually not for text i'm trying to change the color. I am having a form and i'm trying to include all these such as font name,size color etc to my form. If i click font name as times new roman and size as 10 and color as red and after selecting all these my tags will seen like <font name=times new roman size=10 color=#FF0000>hai<font>. The hai is my selected text in my textarea. Please tell me how to do that

**tom13** · 03-22-2013 03:45 AM

Thanks for the help. I have done what i expect. Now my problem is solved. Thanks again.

Thread: Text color

Thread Tools

Display

Text color

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions