Editable text color/size/typeface

mrhudson87 · 03-18-2010, 04:45 PM

hi,

im currently designing a website to go along with university dissertation.

i need to give the user of the site the ability to change the typeface, font size and font color.

i have a code that can currently change these features in one ID tag, however i need to be able to edit the text in multiple div tags.

my javascript looks like this:

Code:

<head>
<script language=javascript>
function changeStyle(element,property,value) {
document.getElementsById(element).style[property] = value;
}
</script>
</head>

and an example of my body looks like this:

Code:

<body>
<SELECT style="WIDTH: 100px" onchange="javascript:changeStyle('text', 'color', this.value);" size=1 name=fntcolour> 
<option style="background:#000000;color:white;" value="#000000">black</option>
<option style="background:#d60000;" value="#d60000">red</option>
<option style="background:#ec4c00;" value="#ec4c00">orange</option>
<option style="background:#eedb02;" value="#eedb02">yellow</option>
<option style="background:#00a652;" value="#00a652">green</option>
<option style="background:#00bff3;" value="#00bff3">blue</option>
<option style="background:#93268f;" value="#93268f">violet</option>
<option style="background:#FFFFFF;" value="#FFFFFF" selected>white</option>
</body>

any help would e greatly appreciated.

Thanks
John

A1ien51 · 03-19-2010, 04:43 AM

Easier solution is to have a css file attachd and change the cs className for the body tag to adjust the new settings.

Eric