Simple JavaScript problem

Message Topic Search Topic Options Post Reply Create New Topic Printable Version Translate Topic


   Hi guys,


I got this simple javascript, works fine in Mozilla/Firefox, however in
IE it seems to only work when you make one change, then not any from
then on.  If anyone could shed any light, I would be thankful:


<form name="form1">

    <select  name="selFont"
onChange="document.getElementById('paragraph ').style.fontFamily=form1.selFont.value"> 

        <option >Arial

        <option >Courier

        <option >Georgia

        <option >Lucida Sans Unicode

        <option >MS Sans Serif

        <option selected>Tahoma

        <option >Verdana

    </select>


    OR type in your own:


     <input
onChange="document.getElementById('paragraph').st yle.fontFamily=form1.customfont.value"
type="text"  name="customfont" size="20" maxlength="80" >

    <BR><BR>


    <table cellpadding="1" cellspacing="1" bgcolor="#004080" width="45%">

        <tr>

            <Td bgcolor="#ffffff" align="center">

           
    <p  style="font-family:arial;font-size:12px;"
id="paragraph"> ;This is what your text currently looks like.</p>

            </td>

        </tr>

    </table>


    <Br>

</form>