• 
  JavaScript Primer
• 
  Creating alert, confirm, and prompt boxes
• 
  Understanding "event handlers" in JavaScript
• 
  One event handler, many actions
• 
  Adding more than one JavaScript to a page
• 
  The Type and Language attributes of JavaScript
• 
  How I learned JavaScript

A decision matrix can help when analyzing the factors to tested. The parameters in the matrix are the values to be converted in testing (browsers X, Y and Z; operating systems A, B and C; and further influencing factors) and the estimated risk for combination of values. In essence, the risk for any combination of values can be calculated as the product of the probability that a failure will occur and the costs associated with that failure. The result is a matrix with weighted pairs of values which can be used as a basis for decisions on test case specification and the repeated execution of tests.
Functional test cases, for example, are repeatedly executed on different platforms of the Internet application with different browsers. This places increased demands on test automation.

Flexible test tools lend a helping hand here. Many capture-playback tools now allow a test to be recorded using one browser (e.g. Internet Explorer) and replayed in other browsers (e.g. various versions of Netscape Navigator).

jQuery Sliders

1) Slider Gallery- A similar effect used to showcase the products on the Apple web site. This ‘product slider’ is similar to a straight forward gallery, except that there is a slider to navigate the items, i.e. the bit the user controls to view the items. Simple stuff.

• Live Demo: Here

• Live Demo: Here

jQuery Manipulating Images

3) crop, labelOver and pluck-Crop-Gives your visitors the power to crop any image on the fly using JavaScript only. Also there are 2 other plugins: LabelOver and Pluck.

• Live Demo Of Crop: Here
• Live Demo of LabelOver: Here

• Live Demo Of Crop: Here

• Live Demo: Here

jQuery Navigation Menus

6) Digg Header- This is a replica of the Digg header. Fluid width (but only to a point!), drop down menus, attractive search, easy to change colors… There is a lot of smarts in a small place in this example!

• Live Demo: Here
• Download Code: From Here

• Live Demo: Here
• Download Code: From Here

jQuery Accordions

8 ) Horizontal Accordion- This plugin provides some simple options to alter the accordion look and behavior.

jQuery Image Viewer

10) Step Carousel Viewer- Displays images or even rich HTML by side scrolling them left or right. Users can step to any specific content on demand.

jQuery Charts

12) jQuery + jFlot - Plots, Canvas and Charts.

• Live Demo: Here

jQuery Editors

14) Small Rich Text Editor - Small footprint, Cross-browser, Ajax Image upload, HTML Cleanup with PHP back-end rich text editor with all basic Rich Text functionality included.

• Live Demo: Here
• Download Code: From Here

• Live Demo: Here
• Download Code: From Here

jQuery Flash Plugins

16) jQuery Flash Plugin- A jQuery plugin for embedding Flash movies.

using the sleek Flash Single MP3 Player & jQuery.

jQuery Tabs

You can use the a href=”http://docs.jquery.com/UI/Tabs”>jUI/Tabsto create more dynamic tab functionality.

19) jQuery Tabs- Typical tabbing structure which degrade nicely without JavaScript enabled.

• Live Demo: Here

jQuery LightBox

20) Fancy Box- Kinda different image zooming script for those who want something fresh. Features: Automatically scales large images to fit in window, adds a nice drop shadow under the full-size image, image sets to group related images and navigate through them

• Live Demo: Here
• Download Code: From Here

jQuery Datagrid plugins

22) Flexi Grid- Lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content. Similar in concept with the Ext Grid only its pure jQuery love, which makes it light weight and follows the jQuery mantra of running with the least amount of configuration.

• Live Demo: Here
• Download Code: From Here

• Live Demo: Here
• Download Code: From Here

jQuery Field Manipulation

24) FaceBook Like - jQuery and autosuggest Search Engine- This autosuggest search engine is inspired from facebook for design,

use jQuery as ajax framework and BSN Autosuggest libs.

• Live Demo: Here

jQuery with cool animation Effects

26) jQuery Enchant- Devoted to rich effects. It already features all effects you know from scriptaculous/interface, as well as many more great additions: color animations, class animations and highly configurable effects.

• Live Demo: Here

jQuery Worth Checking Plugins

30) crop, labelOver and pluck- How to create a drop cap and apply it to every paragraph in a DIV.

• Live Demo: Here

• Live Demo: Here

• Live Demo: Here

• Live Demo: Here

jQuery Web Applications

36) GenFavicon- A cool online generator that creats little favicons used throughout the web. You have the option of either specifying a URL for the image you’d like to convert or uploading it to the site for processing.

Posted by: Expertz Web

jQuery Sliders

1) Slider Gallery- A similar effect used to showcase the products on the Apple web site. This ‘product slider’ is similar to a straight forward gallery, except that there is a slider to navigate the items, i.e. the bit the user controls to view the items. Simple stuff.

• Live Demo: Here

• Live Demo: Here

jQuery Manipulating Images

3) crop, labelOver and pluck-Crop-Gives your visitors the power to crop any image on the fly using JavaScript only. Also there are 2 other plugins: LabelOver and Pluck.

• Live Demo Of Crop: Here
• Live Demo of LabelOver: Here

• Live Demo Of Crop: Here

• Live Demo: Here

jQuery Navigation Menus

6) Digg Header- This is a replica of the Digg header. Fluid width (but only to a point!), drop down menus, attractive search, easy to change colors… There is a lot of smarts in a small place in this example!

• Live Demo: Here
• Download Code: From Here

• Live Demo: Here
• Download Code: From Here

jQuery Accordions

8 ) Horizontal Accordion- This plugin provides some simple options to alter the accordion look and behavior.

jQuery Image Viewer

10) Step Carousel Viewer- Displays images or even rich HTML by side scrolling them left or right. Users can step to any specific content on demand.

jQuery Charts

12) jQuery + jFlot - Plots, Canvas and Charts.

• Live Demo: Here

jQuery Editors

14) Small Rich Text Editor - Small footprint, Cross-browser, Ajax Image upload, HTML Cleanup with PHP back-end rich text editor with all basic Rich Text functionality included.

• Live Demo: Here
• Download Code: From Here

• Live Demo: Here
• Download Code: From Here

jQuery Flash Plugins

16) jQuery Flash Plugin- A jQuery plugin for embedding Flash movies.

using the sleek Flash Single MP3 Player & jQuery.

jQuery Tabs

You can use the a href=”http://docs.jquery.com/UI/Tabs”>jUI/Tabsto create more dynamic tab functionality.

19) jQuery Tabs- Typical tabbing structure which degrade nicely without JavaScript enabled.

• Live Demo: Here

jQuery LightBox

20) Fancy Box- Kinda different image zooming script for those who want something fresh. Features: Automatically scales large images to fit in window, adds a nice drop shadow under the full-size image, image sets to group related images and navigate through them

• Live Demo: Here
• Download Code: From Here

jQuery Datagrid plugins

22) Flexi Grid- Lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content. Similar in concept with the Ext Grid only its pure jQuery love, which makes it light weight and follows the jQuery mantra of running with the least amount of configuration.

• Live Demo: Here
• Download Code: From Here

• Live Demo: Here
• Download Code: From Here

jQuery Field Manipulation

24) FaceBook Like - jQuery and autosuggest Search Engine- This autosuggest search engine is inspired from facebook for design,

use jQuery as ajax framework and BSN Autosuggest libs.

• Live Demo: Here

jQuery with cool animation Effects

26) jQuery Enchant- Devoted to rich effects. It already features all effects you know from scriptaculous/interface, as well as many more great additions: color animations, class animations and highly configurable effects.

• Live Demo: Here

jQuery Worth Checking Plugins

30) crop, labelOver and pluck- How to create a drop cap and apply it to every paragraph in a DIV.

• Live Demo: Here

• Live Demo: Here

• Live Demo: Here

• Live Demo: Here

jQuery Web Applications

36) GenFavicon- A cool online generator that creats little favicons used throughout the web. You have the option of either specifying a URL for the image you’d like to convert or uploading it to the site for processing.

Posted by: MiracleStudios.us

Image SlideShows and Galleries

1) Galleria -Is a javascript image gallery written in jQuery. It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. It will create thumbnails for you if you choose so, scaled or unscaled, centered and cropped inside a fixed thumbnail box defined by CSS.

Tag Clouds

4) Hover Sub Tags- Using jQuery to reduce the size of the tag cloud that you have on your sites, for example if you have Ajax as a tag, you can have jquery, mootools, etc… as sub-tags. A Sub Tag Cloud will appear when hovering over the main Tag links.

Pagination

5) Pagination- Create navigational elements, when you have a a large list of items you can display them grouped in pages and present navigational elements to move from one page to another.

Navigation

6) Accordion Menu -In this Accordion menu example, the menu headers are H3 tags, with each sub menu being UL tags that expand/ contract.

Tables and Grids

10) TableRowCheckboxToggle - It generically adds the toggle function to any table rows you specify based on the css class names. It will by default toggle any checkboxes within the table row.

Forms

13) jQuery Nice Form - Create custom looking form elements, that function like normal form elements.

Scrolling

16) jQuery.SerialScroll - This plugin allows you to easily animate any series of elements, by sequentially scrolling them. You can use it as a section slider, text scroller, slideshows, and news ticker.

Form Elements

19) jWYSIWYG - This plugin is an inline content editor to allow editing rich HTML content on the fly.

Toggling

23) jTruncate in Action - jTruncate provides simple yet customizable truncation for text entities in your web page.

Gradients and Shadows

25) Drop Shadows - Interesting Drop shadow effect generated by a jQuery Plugin.

Lightbox

28) Facebox -Is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages.

Color Picker

30) jQueryColorPicker - A simple jquery color picker plugin that can make user change the color of the background of the page easily.

This is worth checking out

31) Animated InnerFade- Full w3c compliant animated slideshow with sliding effect on large images.

Check out their demo page

Check out their demo page

Check out their demo page

Posted by: Expertz Web

Image SlideShows and Galleries

1) Galleria -Is a javascript image gallery written in jQuery. It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. It will create thumbnails for you if you choose so, scaled or unscaled, centered and cropped inside a fixed thumbnail box defined by CSS.

Tag Clouds

4) Hover Sub Tags- Using jQuery to reduce the size of the tag cloud that you have on your sites, for example if you have Ajax as a tag, you can have jquery, mootools, etc… as sub-tags. A Sub Tag Cloud will appear when hovering over the main Tag links.

Pagination

5) Pagination- Create navigational elements, when you have a a large list of items you can display them grouped in pages and present navigational elements to move from one page to another.

Navigation

6) Accordion Menu -In this Accordion menu example, the menu headers are H3 tags, with each sub menu being UL tags that expand/ contract.

Tables and Grids

10) TableRowCheckboxToggle - It generically adds the toggle function to any table rows you specify based on the css class names. It will by default toggle any checkboxes within the table row.

Forms

13) jQuery Nice Form - Create custom looking form elements, that function like normal form elements.

Scrolling

16) jQuery.SerialScroll - This plugin allows you to easily animate any series of elements, by sequentially scrolling them. You can use it as a section slider, text scroller, slideshows, and news ticker.

Form Elements

19) jWYSIWYG - This plugin is an inline content editor to allow editing rich HTML content on the fly.

Toggling

23) jTruncate in Action - jTruncate provides simple yet customizable truncation for text entities in your web page.

Gradients and Shadows

25) Drop Shadows - Interesting Drop shadow effect generated by a jQuery Plugin.

Lightbox

28) Facebox -Is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages.

Color Picker

30) jQueryColorPicker - A simple jquery color picker plugin that can make user change the color of the background of the page easily.

This is worth checking out

31) Animated InnerFade- Full w3c compliant animated slideshow with sliding effect on large images.

Check out their demo page

Check out their demo page

Check out their demo page

Posted by: MiracleStudios.us

Javascript is truly a powerful and easy language to learn. It can be used to perform simple, aesthetic functions like toggling an element. It can be used to power a dynamic email client, and even send data instantaneously. Javascript can be as simple or advanced as you want it to be.

Javascript Frameworks

A great place to find Javascript techniques that can improve your site’s functionality is by browsing Javascript frameworks and their plugins and documentation. Here are a few frameworks that have lots of resources, plugins, and communities behind them:

• Dojo
• Prototype + Scriptaculous
• jQuery
• MooTools

Frameworks are a blessing to any developer or designer who wants to quickly add Javascript effects to their layouts, without having to make raw code. Many of the techniques that we use below will run on Javascript frameworks like JQuery or MooTools.

Simple Javascript Techniques that Make Happy Users

It’s important to note that many of these features aren’t big and obnoxious, but rather small and subtle. Too often developers get carried away when it comes to adding Javascript. These are small but very useful techniques that can be used by almost any developer. You’ll also note that most of these features deal with cleverly hiding and showing important information in non-traditional ways.

1. jQuery Hover Sub Tag Cloud

The jQuery hover sub tag cloud is an excellent example of a simple piece of Javascript that really adds a nice, subtle touch to tag clouds. As the user hovers over a specific tag and it has sub-tags associated with it, a pop-up box appears and shows the sub-tags. Simple, yet effective.

2. Opacity Change

Opacity Change is a little tutorial on how to use Scriptaculous to make an opacity change for an element.

Opacity changes are great for many different reasons: showing hovered content, showing content that has been clicked on, and many other useful functions.

3. Image Upload and Auto Crop

Being able to crop photos after you upload them is a feature that more web applications could use. That’s why the jQuery image upload and crop is such an under-used Javascript technique. Cropping images is a much-needed function when it comes to uploading images, and many web applications could benefit from adding this useful feature.

Honestly, I think that nearly all image uploads could use a basic crop function. However, image cropping isn’t the easiest Javascript function to add to a form. It’s a somewhat involved process, using image libraries and Javascript. Using this script built on the jQuery framework can add a lot to the user’s experience without a bunch of extra code.

4. Password Strength Meter

As hackers become smarter and larger in numbers, it’s becoming more and more important for site users to pick strong, non-guessable passwords that contain a combination of letters (upper and lower case), numbers and special characters. However, this task is easier said than done. Users typically don’t read directions if they can help it.

Visually showing password strength in registration forms is an excellent way to encourage users to make the passwords more challenging. While this is slowly becoming more common this simple technique is not used anywhere near as much as it should be.

The Password Strength Meter works off of prototype/scriptaculous and is a handy little script that shows the strength of the password with a colored meter in real-time. More sites need to implement this type of “safety” script to help users see the dangers of inputting weak passwords.

5. Magic Zoom

Magic Zoom is a highly-useful script for eCommerce sites, as well as other sites that have detailed images. Instead of having the user making an extra click to a much larger picture and use up bandwidth, Magic Zoom allows you to essentially look through a magnifying glass at each picture.

Magic Zoom is a paid script, but well worth the $47 if you have an eCommerce store or any other site that has very detailed photographs. You can download the trial version below.

6. JQuery Autotab

Every single form on the Internet should have this feature. It might just be the perfectionist in me, but having multiple input forms that autotab to the next input automatically seems like it should be commonplace. It’s such a relief when filling out items like social security numbers when the input automatically tabs to the next input.

The jQuery Autotab script is self-explanatory, and does what the name implies: adds autotabs to forms with jQuery.

Sometimes it’s the small things in development that can really make a difference.

7. Incredible Javascript Login Form

While we typically don’t like to toot our own horn at NETTUTS, how can we talk about clever and useful Javascripts without bringing up Connor Zwick’s awesome tutorial on how to build a useful login form?

The Javascript login form is an elegant combination of jQuery and a beautiful Photoshop layout to achieve the effect of being able to show a login form without having the box take up a bulk of the page. Digg is another great example of a site using Javascript to show and hide the login form.

8. Context Highlighting Web Forms

Forms are some of the hardest parts of web design. Make a form too long and you might scare away a potential user or customer. If a form’s design is unattractive, that might scare away a potential user as well. Any way that we can make our web forms more appealing to the eye will yield a higher sign-up conversion rate.

The context highlighting web forms script is an excellent attribute to add to a signup form. It’s surprising that more forms don’t offer this functionality. Being able to quickly see the progress on a form can noticeably improve the user experience.

9. Sliding Top Panel

The Sliding Top Panel script is a lot like the Incredible Javascript Login Form. Hiding/Showing important information is a key to beautiful, usable designs. Any time we can use Javascript to help keep unneeded information neatly packed away, we should be striving to do that.

10. Social History

Site promotion buttons and links can quickly clutter a site or blog’s layout. It seems that if you want to promote your blog posts and other content on sites like Digg and Delicious, you have to add a long list of buttons to your template so that you don’t exclude anyone’s favorite social bookmarking or news site.

Social History comes in handy because it runs a test to see where the user has been recently, and loads images to those sites, and only those sites. Essentially, it’s only showing the visitor the buttons that they would want to see.

How does SocialHistory.js know? By using a cute information leak introduced by CSS. The browser colors visited links differently than non-visited links. All you have to do is load up a whole bunch of URLs for the most popular social bookmarking sites in an iframe and see which of those links are purple and which are blue.

Posted by: MiracleStudios.us

<script type="text/javascript"><!--
function Encrypt(theText) {
output = new String;
Temp = new Array();
Temp2 = new Array();
TextSize = theText.length;
for (i = 0; i < TextSize; i++) {
rnd = Math.round(Math.random() * 122) + 68;
Temp[i] = theText.charCodeAt(i) + rnd;
Temp2[i] = rnd;
}
for (i = 0; i < TextSize; i++) {
output += String.fromCharCode(Temp[i], Temp2[i]);
}
return output;
}
function unEncrypt(theText) {
output = new String;
Temp = new Array();
Temp2 = new Array();
TextSize = theText.length;
for (i = 0; i < TextSize; i++) {
Temp[i] = theText.charCodeAt(i);
Temp2[i] = theText.charCodeAt(i + 1);
}
for (i = 0; i < TextSize; i = i+2) {
output += String.fromCharCode(Temp[i] - Temp2[i]);
}
return output;
}
// --></script>

The quick brown fox jumps over the lazy dog

Posted by: MiracleStudios.us

Beside rich possibilities of editing scripts (JavaScript, HTML, CSS, VBScript, PHP and ASP(Net) syntax highlighting, etc) and the built-in preview, the program offers large snippets library with full collection of HTML tags, HTML attributes, HTML events, JavaScript events and JavaScript functions, attributes, statements and operators (such as window, document, frame, history, location, navigator, date, math, string, etc - at whole over 1200), allowing you to insert them into web page by click.

Built-in JavaScript Debugger will allow you run and debug JavaScript Code.

1st JavaScript Editor is used for professionally editing JavaScript code and creating animations and other special effects for Web pages using DOM, DHTML, CSS, Ajax (Asynchronous JavaScript and XML) and JavaScript.

AJAX developers can easily use this program as advanced Ajax Editor.

This advanced JavaScript Editor can help you navigate through code using built-in “Functions and Variables” navigator.

First JavaScript Editor uses Intellisense to simplify writing of code and make it more error-free.

 IntelliSense provides an array of options that make language
references easily accessible.

 It works by monitoring your keystrokes and offering pick-lists with
member functions, methods and properties.

 When coding, you do not need to leave the code editor to perform
searches on language elements. You can keep your context, find the
information you need, insert language elements directly into your code,
and even have IntelliSense complete your typing for you.

The special effects are pre-made for your use. Yaldex advanced JavaScript Editor makes it easy to insert them into your Web pages automatically or manually.

First JavaScript Editor Pro allows you to input parameters and properties for the different special effects and then creates the HTML and JavaScript code with a click of a button! The HTML and JavaScript code can be then inserted into your document automatically! It’s that simple!

As Ajax Editor the program can assist you with unique tools and Intellisense for Ajax objects.

Moreover, First JavaScript Editor Pro contains JavaScript tutorial, Ajax tutorial, HTML tutorial, CSS tutorial, CSS reference, JavaScript reference and HTML reference.

The program is designed for beginning and advanced WWW page creators. Beginners will find invaluable source of attractive and ready-to-use special effects there and will be able to place them on a page easily. Professionals, however, have at last the first specialized tool allowing them to create, edit and test DHTML scripts.

Context help (Shift+F1) gives you access to over 2000 methods, properties, events etc. of DHTML! Just place cursor on any word in the advanced JavaScript Editor then press Shift+F1 and get description (with examples) of almost any object of JavaScript, HTML, CSS and DHTML.

One of the most important features is a unique library containing over 200 ready-to-use controlled scripts and in addition, over 700 not controlled scripts for professionals!

Features that make JavaScript editing in 1st JavaScript Editor very flexible:

Built-in JavaScript Debugger will allow you run and debug the code, one line at a time, and each time, either adding extra code on the fly (without editing the original file), or checking how variables change in the run of the program.
You can debug JavaScript files, Web pages which contain embedded scripts or even selected text (if it is JavaScript).

Unified color-coded syntax - for JavaScript, HTML, PHP, VBScript, CSS, ASP(Net). You can immediately identify comments, functions, object, methods and other elements. Color also helps you with potential problems, for example Alert(’hi’) and alert(’hi’) is not the same thing in JavaScript.

Ability to experiment - unlimited (customizable) Undo and Redo are only one click away.

Save time by loading your recent files automatically next time you run the program.

Single-click navigation between documents using document tabs.

Go to declaration:

Navigation to a declaration has been extended in First JavaScript Editor, and now (in addition to functions, variables, etc.) it is also supported for JavaScript labels.

Use the Ctrl + Click combination and this will immediately navigate you to the line of code where the label, function or variable is declared.

Line numbers and word-wrap. Optionally, you can have line numbers and word-wrap displayed

Highlighting matching curly braces. There are two ways to highlight:
by placing caret before brace
by placing mouse over curly brace
So you are able to highlight two pairs of matching curly braces at the same time!!!

Block Comments. You can comment a section of JavaScript code by selecting the code in the Code Editor and pressing CTRL+/ (slash). Each line of the selected code is prefixed with //.
Pressing CTRL+/ will add or remove the slashes, based on whether the first line of the code is prefixed with //.

Press [CTRL+/] to comment selected text

or uncomment selected text

1st JavaScript Editor uses Intellisense to simplify writing of code and make it more error-free.
IntelliSense provides an array of options that make language references easily accessible. It works by monitoring your keystrokes and offering pick-lists with member functions, methods and properties. When coding, you do not need to leave the code editor to perform searches on language elements.

You can keep your context, find the information you need, insert language elements directly into your code, and even have IntelliSense complete your typing for you.

There are three patterns of IntelliSense in First JavaScript Editor:

CSS IntelliSense

There are two ways to use Intellisense in CSS section of HTML document (beetween
and

tags) or in CSS document:

1. Press SPACE or ENTER to get IntelliSense.
2. Place cursor on ready property and press Ctrl+SPACE.

HTML IntelliSense

There are five ways to use Intellisense in HTML document:

1. Press “< ” to produce IntelliSense for HTML tags.
2. Place cursor on HTML tag and press Ctrl+SPACE.
3. Press SPACE to produce IntelliSense for HTML properties or events.
4. Place cursor on HTML property or event and press Ctrl+SPACE.
5. Place cursor on Value and press Ctrl+SPACE.

Note, each HTML tag and attribute has own IntelliSense!

JavaScript IntelliSense

There are twelve ways to use Intellisense in JavaScript section of HTML document (beetween tags) or in JavaScript document:

1. Press Ctrl+SPACE to get IntelliSense.
2. After entering a property or object, type dot ” . “.
3. Place cursor on ready property, object or method and press Ctrl+SPACE.
4. Write method, which has some parameters, and type bracket “(“.
5. To get IntelliSense for functions and statements press Ctrl+J.
   To get autocompletion, type the first letters of statement (for example for function type func) and press Ctrl+J.
6. Intellisense removes now the need to memorize thousands of functions, objects, members, and properties.
   It constantly monitors your keystrokes (no longer waits for ‘.‘ to be typed) to assist you with pick-lists of JavaScript and user-created objects.

   Just type

   the first two letters of your object to get IntelliSense. You can disable this feature by unchecking the “AutoIntellisense” option in then Preferences dialog.

7. JavaScript Editor can now recognize user-created objects and give you Intellisense for only this type of object.
8. Place mouse over a method or object, which has some parameters and First JavaScript Editor gives you hint with description of this method.



9. Now you can create your own classes and program can recognize properties and methods for your classes.
10. Each time you use the “getElementById” method, you must check the HTML file to see what the exact ID is. JavaScript Editor helps in this task by inspecting HTML file and suggesting a list of ID’s.



11. When you use “getElementById” method, JavaScript Editor can recognize HTML tag and propose exact IntelliSenses for that tag.
12. And even more! You can now create variable, which is assigned to some ID element and use it with exact IntelliSenses for that tag.

Context-sensitive help : just press Shift + F1 to receive help on the function, method, property or any word under the cursor. Without this, you would have an impossible task of memorizing hundreds of functions you can call and the parameters you can pass to them.

Bookmarking for easy and fast navigation.

Find functions and variables in your documents easily - they are automatically listed.
The application finds the function or variable, scrolls to it and marks it.
There are three ways to sort functions and variables: ascending, descending and none.

Code formatter. If you use some codes from external sources with different coding styles and standards you probably know how it is hard to read and maintain these codes.

To help you in this matter, 1st JavaScript Editor has an excellent source code formatter / beautifier, which allows you to customize and apply any style you want.

You can format embedded JavaScript code (any web file), pure JavaScript (JS file) or selected text (don’t forget to select only JavaScript!).

Add files tab.
This tab allows you to add any file(s) to any project.

What is it used for?

When you edit, for example, JavaScript file you have not access to functions, variables, classes and so on, located in other files.

So you cannot get all power of IntelliSense, dynamic hints and “go to declaration” feature.

By adding files to project you have all access to content of checked files.

You can remove any file from project by clicking Remove button.
You can also temporary exclude any file(s) by unchecking corresponding checkbox.
Note, adding of files can cause significant slowing down of IntelliSense!

Clipboard panel allows you to get all clipboard copy actions (up to 30).
You can define the limit from Preferences dialog.
To insert a clipboard content double-click or drag & drop to active window.

Usages highlighting.

If you are interested in usages of any JavaScript word in the current document, try the Ctrl + Shift + F11 shortcut. All usages will be highlighted.

Using F11 and Shift + F11 you can quickly navigate highlighted usages back and forth. Pressing ESC you can unhighlight highlighted usages.
You can access all these actions via menu EDIT –> USAGES.

Now you can use First JavaScript Editor with other HTML editors (f.e. Dreamweaver or Front Page) You simply open your document with both tools. Whenever you save the page in Dreamweaver, 1st JavaScript Editor proposes you to re-load it. This makes it easy to switch between visual editing and writing code.

Have your script error-free code in record time. Unless your code is very simple, it usually has typing and other errors. How to you find them and correct them? Without the right tools, this is a doubting task that can take up most of your time. It is not uncommon to spend 10% of time coding new features, and 90% chasing errors !

1st JavaScript Editor includes unique tools that allow you to avoid the bug-finding frustration and focus on development instead of wasting your time:

Up until now the only way to hunt errors in your code was to run it in a web browser, then navigate to the offending line number. You no longer need to waste your time:

Click on the HTML Syntax Check button
It will check html syntax for current document and displays the result in the “Output window”.

Click on the JavaScript Syntax Check button
It will check JavaScript syntax for current document and displays the result in the “Output window”.

In addition, you can easily check “JavaScript islands” in your HTML code: just use the mouse to highlight the code, and click on JavaScript Syntax Check.

Run any piece of JavaScript code with one click
How does it work? This is a case when an example goes a long way:
Have a look at a simple example below:

When you click on the Execute button (or press F2), the interpreter built into 1st JavaScript Editor runs the code and raises some messages or displays the result of the write function in the “Output window”:

Calling any JavaScript functions either from document or from browser.

This feature allows you to:
- Call any JavaScript function straight from 1st JavaScript Editor
- Pass parameters to it, and
- Observe the result in “Output window” or by getting messages.

Type-in templates, for JavaScript functions and statements, are reusable chunks of code which at least double your coding speed . Just type the first few letters of the template and press Ctrl+J : this will pop a list with all the matching templates:

Publish your colored code with ease.

When you publish your code on the Internet or elsewhere, it is a good idea to preserve the color coding and formatting. It makes your JavaScript code much easier to read and understand.

To this aim, use First JavaScript Editor to export your files:
As web pages, for placing them on the Internet, or as RTF files, for use in Microsoft Word or other text processors.

Previewing using multiple browsers: Now you can add or remove any (quantity of) browser located in your computer to “Browser List”, to preview an HTML page from First JavaScript Editor.

Editing a source code outside First JavaScript Editor using multiple editors: Now you can add or remove any (quantity of) editors located in your computer to “Editors List”, to edit code outside 1st JavaScript Editor.

  Note!!! The 1st JavaScript Editor "Demo" is the same for lite and
professional versions and this is 1st JavaScript Editor Pro "Demo".

  But if you buy the lite (not professional) version of
1st JavaScript Editor and enter received registration code,
the IntelliSense will not be available and you cannot use this feature.

  So, if you want to use all possibilities of 1st JavaScript Editor you
should buy the Pro (professional) version . 

   Attention for Vista users!
   If you have installing or running problems you have to turn off
the DEP (Data Execution Protection) for 1st JavaScript Editor.

   This is done in Vista's 'Advanced System Settings' by clicking the Performance
Settings button followed by the 'Data Execution Protection' tab and selecting
'Turn on DEP for all programs and services exept those I select'.
Next click the 'Add' button and browse to fJSE.exe.
After this the system has to be re-booted.

Download:

Compatibility:
Any windows.

Download 1st JavaScript Editor Pro (Zip 7.02 MB)

Buy 1st JavaScript Editor Pro Now! (only $49.90)

Posted by: MiracleStudios.us

<a href="javascript:self.close();">Text del Link</a>

espero les sirva!!

To walk arround this issue I added the attribute this way:

txt1.Attributes.Add("ReadOnly", "ReadOnly");