Last modified onFriday, 21-Jan-2005 08:27:06 EST
Teach yourself JavaScript: http://carladler.org/eastcarolina/jsworksp/index.htm
Learn about Forms: http://carladler.org/eastcarolina/formForm.html
Try out JScriptEdit1.5 for 14 days
Version 1.5 has several bug fixes especially for 2000/XP.
A JavaScript Text Editor with automated JavaScript commands. The pull down Script menu allows you to insert JavaScript code, such as, 'if else ' . The Editor allows you to style these commands, which greatly aids in debugging if that becomes necessary.
For Example, if you are using nested 'if' statements, make the first one red, the initial nested one green and then orange, and so on.
You can make function calls bold so that they stand out. New in version 1.4 are hot keys, hold down the control key before selecting a command and the results will in red, the alt key produced blue and the shift key, green.
The Macro pull down includes blocks of code for special purposes.
'Set Cookie' opens the Cookie Maker constructor (screen shot).
To use 'Read Cookie' highlight the name of the cookie and then select this option. The cookie value will be in a variable called 'result'. It is as simple as that.
'Browser Redirection' opens the Redirection Constructor (screen shot) to automatically configures your page to redirect a browser, depending on its name, version and/or platform, to a different URL or code segment.
'Hide Show' opens the Show Constructor (screen shot) which allows you to display diggerent text at different times of the day.
'Insert Time' produces code that can be placed anywhere in the body to display the time at that location.
'Insert Date' produces code that can be placed anywhere in the body to display the current date at that location.
'Form Validation' opens the Validator Constructor (screen shot) which allows you to require that specified fields be completed, and that the a email address has the proper characters before and after the @ (different rules on both sides). It also constructs the form for you in the process.
'Grep Constructor' (new in 1.4) (screen shot) allows you to take advantage of the power of Grep search and replace technology without having to learn how to use 'regular expressions'. There are many ways to use it. For example, you can use it to respond to words or patterns of word patterns that a user has entered into a form field. Variant spelling is not a problem, if you are looking for the 'color gray' it will also respond to the 'colour grey'. Another example would be if you have a 50 page document which has many American style dates scattered through out it and you want to change them to the European style. Copy the document, paste it into a text box and use Grep to change all patterns in the form MM/DD/YY to the form DD/MM/YY.
There are six options available:
REPLACE (and REPLACE ALL) does pretty much what it says, it replaces a word pattern with a predetermined expression.
(REARRANGE and) REARRANGE ALL is what you would use to rearrange the dates as mentioned above or to replace all occurrences of 'color' and 'colour' with 'Hue'.
ALERT searches for a pattern and if found displays apredetermined alert message.
FUNCTION searches for a pattern and if found passes the users found response to a function of your choice.
The first column of buttons on the right side insert common Math commands. To use the first six , highlight the text you want to use, and click the button.
- PF turns a string of numerals into a number.
- EV evaluates a numerical expression.
- ^P raises a number to a power.
- RD rounds a number.
- FR rounds a number down.
- CL rounds a number up.
- RN inserts a random number between 0 and 1
- PI inserts pi.
The buttons in the right column are the basic html tags needed to test your javascript in JScriptEdit.
- 'text' inserts a text form field, any highlighted text will be its name.
- 'BOX' inserts a text box, any highlighted text will be its name.
- 'hide' inserts a hidden field, any highlighted text will be its name.
- 'rabn' inserts a radio button, any highlighted text will be its name.
- 'ckbx' insert a checkbox, any highlighted text will be its name.
- 'SEL' insert a selection list, any highlighted text will be its name.
- 'jsbn' inserts a script button.
- 'sbbn' inserts a submit button.
- 'BRK' inserts a line break tag.
- 'imag' inserts an image tag. Any highlighted text will be used as the source.
The Blue button allows you to configure your own command that pastes code around highlighted material. The first time you click on it you will get the setup.
The Red button allows you to insert text of your choice whenever and wherever you choose.
If you have many functions the 'func' pulldown menu dynamically keeps a list of all functions in your project as you create them and allows you to jump to anyone of them by selecting it in the menu.
When you 'Preview', a file called Preview.html is created in the same folder as the application and your preferred browser opens it for testing. The preview file is a plain text file. To preview you DO NOT have to first save the document each time.
You can save your work and the styling will be preserved. On a WindowsOS machine use the .doc extension to preserve the style. On a Mac opening the file with another text/html editor will probably destroy the styling. On a Mac the styled file can be viewed with a browser without a problem, this is not true on a pc. For a pc it is better to use your last preview.html by changing its name to what you want or use the 'Done' button (see below).
When you are satisfied with what you have, press the 'Done' button and a unstyled version of you work will be in the clipboard for pasting into a full featured HTML editor.