Is there a way to change the font color of text in my hta dynamically? In my hta I have a div and I'd like to change the font color of the text in that div in the code. Is there a way to do this?
example:
%26lt;div id=';myDiv';%26gt;Some text%26lt;/div%26gt;
Is there some property I can change along the lines of
Sub ChangeColor
myDiv.color = ';red';
End SubHow do I change font color dynamically using a HTA (HTML Application)?
You appear to be writing a script in vbscript. I think what you want is something like:
%26lt;!DOCTYPE html PUBLIC ';-//W3C//DTD HTML 4.01 Transitional//EN';
';http://www.w3.org/TR/html4/loose.dtd'; %26gt;
%26lt;html lang='en'%26gt;
%26lt;head%26gt;
%26lt;meta http-equiv='Content-type' content='text/html;charset=UTF-8'%26gt;
%26lt;title%26gt;Change Colour%26lt;/title%26gt;
%26lt;style type=';text/css';%26gt;
div#myDiv {
color: blue;
}
%26lt;/style%26gt;
%26lt;script type=';text/vbscript';%26gt;
Function ChangeColour(colour)
document.getElementById( ';myDiv'; ).style.color = colour
End Function
%26lt;/script%26gt;
%26lt;/head%26gt;
%26lt;body%26gt;
%26lt;h1%26gt;Change Colour%26lt;/h1%26gt;
%26lt;div id=';myDiv';%26gt;Some text%26lt;/div%26gt;
%26lt;input type=';button'; onclick=';ChangeColour('red')'; value=';Red';%26gt;
%26lt;input type=';button'; onclick=';ChangeColour('green')'; value=';Green';%26gt;
%26lt;input type=';button'; onclick=';ChangeColour('blue')'; value=';Blue';%26gt;
%26lt;/body%26gt;
%26lt;/html%26gt;
However this will only work with IE.
To work with all browsers you would need to use javascript. In the above you could replace the script with the functionally equivalent:
%26lt;script type=';text/javascript';%26gt;
function ChangeColour(colour) {
document.getElementById( ';myDiv'; ).style.color = colour;
}
%26lt;/script%26gt;
For more on the HTML script tag see: http://www.html-tags-guide.com/html-scri鈥?/a>
[Edit]
In terms of your Additional Details:
Rather than:
myDiv.innerhtml=';%26lt;font color='red'%26gt;Some text.%26lt;/font%26gt;';
You could try:
myDiv.style.color = ';red';How do I change font color dynamically using a HTA (HTML Application)?
Thanks Michael, great answer.
Report Abuse
What you would need to do is to use the style tag of the div
e.g.
%26lt;div style=';color:#00FF00';%26gt;
%26lt;h3%26gt;This is a header%26lt;/h3%26gt;
%26lt;p%26gt;This is a paragraph.%26lt;/p%26gt;
%26lt;/div%26gt;