Today is . Page created 10/06/02, updated 12/06/11

HTML HTML and Javascript Tester Tester

We have tested the code in IE 7.0, Firefox 2.0.0.4, Opera 9.21, Netscape 9.0b1, Netscape 8.1.3, AOL Explorer 1.5 and Safari 3.0. This script worked well in all platforms with no variations observed.

Depending on your knowledge of HTML and javascripts, this is an easy one (1) part (two sections) copy and paste code with minimal reconfigurations. Just paste the code anywhere in the <BODY> section you want it to appear. See below where and howto make the reconfigurations.

First Part Of Reconfigurations

<script language="JavaScript">
function preview() {
temp = document.tester.box.value;
preWindow = open("",
"preWindow"," menubar=yes, scrollbars=yes");
preWindow.document.open();
preWindow.document.write(temp);
preWindow.document.close();
};
</script>

The way this is configured, this is the part of the code that opens the "Preview" (or as defined in the code preWindow) window for you to see the code or script functioning. The yes means those attributes are visible and if you change it to no then those attributes will "NOT" be visible.

For Your Information For your Information:     You should not change the scrollbars= to "no" for a very simple reason. If what you are testing is longer than the window itself, you will not be able to scroll to see the entire effect you are previewing. Also, the "menubar" is the one at the top of the window that looks like the below.

  • File Edit View Favorites Tools Help

Second Part Of Reconfigurations

<form name="tester">
<textarea rows="8" cols="70" wrap="physical" name="box"></textarea>

Define Above Areas Of Reconfiguration

  • rows="8" This defines how high(vertical) the form is.
  • cols="70" This defines how long (horizontal) the form is

We hope our tutorial was easy to follow and we covered everything in detail. If you would like to add this effect into your pages, grab the respective below link* and you are there. If you have any problems with this or anything else, feel free to consult our [ FAQ ] and if you can't find the answer there, [ contact us ].
[ Get Code Here  ] [ Rate This Page ]  

For Your Information For your Information:     * Since the original script site no longer archives this effect, we now are archiving this script for your convenience. The [ original site ] still has the effect in the page but the link to view the code is not functioning.

Talk Live To A Support Technician

Search Our Site By Individual letter

[ A ]  [ B ]  [ C ]  [ D ]  [ E ]  [ F ]  [ G ]  [ H ]  [ I ]  [ J-K ]  [ L ] 
[ M ]  [ N-O ]  [ P-Q ]  [ R ]  [ S ]  [ T ]  [ U-V ]  [ W ]  [ X-Y-Z ] 

Little Tips Directory

[ Page 1  ] [ Page 2 ] [ Page 3 ] [ Page 4 ] [ Page 5  ] [ Page 6  ] [ Page 7  ]

[ Index Page 1 ] [ Index Page 2 ] [ Index Page 3 ] [ Index Page 4 ] [ Index Page 5 ]
[ Index Page 6 ] [ Index Page 7 ] [ Index Page 8 ] [ Index Page 9 ] [ Index Page 10 ]
[ Index Page 11 ] [ Index Page 12 ] [ Index Page 13 ] [ Form Index ]
[ 2001 ] [ 2002 ] [ 2003 ] [ 2004 ] [ 2005 ] [ 2006 ] [ 2007 ]
[ Disclaimer ]

[ News Letter Archives ] [ Navigation Page ] [ Archives Of Published Material ]
[ Link To Us ] [ Alphabet Index ] [ Feedback ] [ On Line Support ] [ FAQ ]
[ Webmaster Utilities ] [ Casino ] [ Banner Exchange ] [  Advanced Site Search ]

If you are part of the ever growing number of webmasters who enjoy sharing your knowledge with others on web design, join The Consigliere Ltd. web ring to broaden your scope of exposure.
Join Today

This Site Was Built And Is Maintained Exclusively by
The Webmaster @ Consigliere Ltd.

Copyright © Consigliere Ltd., All Rights Reserved. 2001-