Support forums - Re: Editable area background color

Support forums » Products » Cute Editor for .NET » Re: Editable area background color

Re: Editable area background color

01-05-2005, 8:30 PM

Adam
Joined on 09-23-2003
Aurora, ON
Posts 18,678

Re: Editable area background color

Reply Quote

The source code of the above example:

<%@ Page Language="C#" %>
<%@ Register TagPrefix="CE" Namespace="CuteEditor" Assembly="CuteEditor" %>
<script> 
function changeBG(color) { 
      var editor1=document.getElementById('<%=Editor1.ClientID%>'); 
      var editdoc = editor1.GetDocument(); 
      editdoc.body.style.backgroundColor=color;  
} 
</script> 
<body> 
    <form runat="server">			
        <CE:Editor id="Editor1" TemplateItemList="bold,italic,underline,InsertImage,InsertMedia" Width="400" Height="180" runat="server"></CE:Editor>
        <br>
       <table cellSpacing="0" cellPadding="3" border="1" style="WIDTH: 400px; BORDER-COLLAPSE: collapse">
          <tr>
            <td onclick="changeBG(&#39;yellow&#39;)" style="BACKGROUND-COLOR: yellow">yellow</td>
            <td onclick="changeBG(&#39;red&#39;)" style="BACKGROUND-COLOR: #ff0000">red</td>
       </tr>
       <tr>
           <td onclick="changeBG(&#39;green&#39;)" style="BACKGROUND-COLOR: #339966">green</td>
           <td onclick="changeBG(&#39;blue&#39;)" style="BACKGROUND-COLOR: #0000ff">blue</td>
       </tr>
   </tbody>
</table>

</form>

</body>
</html>

Hope it helps.

Keep me posted.

asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
asp wysiwyg html editor: http://cutesoft.net/ASP
asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
Live Support: http://cutesoft.net/live-support/default.aspx

View Complete Thread