Simple script problem

Discussion in 'Javascript' started by Alex Kouzemtchenko, Jul 12, 2003.

  1. I have a very simple piece of Javascript code which generates some
    code, but the code it generates does not display properly but if
    pasted into another docmuent it shows properly.

    the code is:

    <html>

    <head>
    <title>IE Scroll Bars</title>
    <script>
    function create(){

    var dlight = document.spell.dlight.value
    var arrow = document.spell.arrow.value
    var face = document.spell.face.value
    var highlight = document.spell.highlight.value
    var shadow = document.spell.shadow.value
    var darkshadow = document.spell.darkshadow.value
    var track = document.spell.track.value
    document.write ("<html><head><title>n00bVi11e</title></head>");
    document.write ("<body text=\"#666666\" BGCOLOR=\"#000000\">");
    document.write ("<form>");
    document.write (" <table width=\"921\" border=\"0\" cellspacing=\"1\"
    cellpadding=\"1\" height=\"106\">");
    document.write (" <tr>");
    document.write (" <td width=\"236\"> </td>");
    document.write (" <td width=\"678\">");
    document.write (" <table width=\"521\" border=\"0\" cellspacing=\"1\"
    cellpadding=\"1\" height=\"73\" bgcolor=\"#f8f8f8\">");
    document.write (" <tr> ");
    document.write (" <td class=\"bdr2\"><font face=\"verdana, arial,
    helvetica, sans-serif\" size=\"2\" color=\"#003068\">the ");
    document.write (" scrollbars on this page are an example of how yours
    will look.</font></td>");
    document.write (" </tr>");
    document.write (" </table>");
    document.write (" </td>");
    document.write (" </tr>");
    document.write (" </table>");
    document.write (" <table border=\"0\" cellpadding=\"0\"
    cellspacing=\"0\" bgcolor=\"#999999\" align=\"center\">");
    document.write (" <tr><td>");
    document.write (" <table border=\"0\" cellpadding=\"3\"
    cellspacing=\"1\" bgcolor=\"#006699\" width=\"543\"
    align=\"center\">");
    document.write (" <tr> ");
    document.write (" <td bgcolor=\"#ffffff\" align=\"center\"> <font
    size=\"2\" face=\"verdana, arial, helvetica, sans-serif\"
    color=\"#003366\">here ");
    document.write (" is your custom scrollbar code:</font><br>");
    document.write ("<textarea name=\"cpcode1\" cols=\"60\" rows=\"11\"
    contenteditable=\"false\"
    style=\"color:#000080;background-color:#fafafa\" wrap=\"VIRTUAL\"> ");
    document.write ("BODY {");
    document.write ("scrollbar-face-color: " + face + ";");
    document.write ("scrollbar-shadow-color: " + shadow + ";");
    document.write ("scrollbar-highlight-color: " + highlight + ";");
    document.write ("scrollbar-3dlight-color: " + dlight + ";");
    document.write ("scrollbar-darkshadow-color: " + darkshadow + ";");
    document.write ("scrollbar-track-color: " + track + ";");
    document.write ("scrollbar-arrow-color: " + arrow + "; ");
    document.write ("}");
    document.write ("</textarea>");
    document.write ("</form>");
    document.write ("</body></html>");
    }
    </script>
    </head>

    <body text="#666666" bgcolor="#000000">

    <form name="spell" method="post" action="">
    <table width="328" border="0" cellspacing="0" cellpadding="1"
    align="left" height="193">
    <tr>
    <td width="131">3D Light Colour:</td>
    <td width="193"> <input type="text" name="dlight"> </td>
    </tr>
    <tr>
    <td width="131">Arrow Colour:</td>
    <td width="193"> <input type="text" name="arrow"> </td>
    </tr>
    <tr>
    <td width="131">Face Colour:</td>
    <td width="193"> <input type="text" name="face"> </td>
    </tr>
    <tr>
    <td width="131">Highlight Colour:</td>
    <td width="193"> <input type="text" name="highlight"> </td>
    </tr>
    <tr>
    <td width="131">Shadow Colour:</td>
    <td width="193"> <input type="text" name="shadow"> </td>
    </tr>
    <tr>
    <td width="131">Darkshadow Colour:</td>
    <td width="193"> <input type="text" name="darkshadow"> </td>
    </tr>
    <tr>
    <td width="131" height="16">Track Colour:</td>
    <td width="193" height="16"> <input type="text" name="track"> </td>
    </tr>
    <tr>
    <td width="131"> </td>
    <td width="193" align="left">
    <input onClick="create()" type="submit" value="Submit" name="B1">
    <input type="reset" value="Reset" name="B2"> </td>
    </tr>
    </table>
    </form>

    </body>
    </html>

    PLease help
     
    Alex Kouzemtchenko, Jul 12, 2003
    #1
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. geoffbache
    Replies:
    5
    Views:
    912
    geoffbache
    Jun 13, 2008
  2. Rajat
    Replies:
    3
    Views:
    705
    Jorgen Grahn
    Jan 8, 2010
  3. VYAS ASHISH M-NTB837
    Replies:
    2
    Views:
    565
    Jan Kaliszewski
    Jan 7, 2010
  4. dillon
    Replies:
    1
    Views:
    180
    higabe
    Nov 17, 2003
  5. Wladimir Borsov
    Replies:
    4
    Views:
    304
    Tintin
    May 11, 2006
Loading...

Share This Page