TinyMCE
TinyMCE: also known as the Tiny Moxiecode Content Editor, is a platform-independent web-based JavaScript/HTML WYSIWYG editor control.
It has the ability to convert HTML textarea fields or other HTML elements to editor instances.
TinyMCE is designed to easily integrate with content management systems. main features of TinyMCE:
* Browser Compatibility: TinyMCE is compatible with multiple browers across multiple Operating Systems including Internet Explorer, Mozilla Firefox, Safari, and Google Chrome.
* API: TinyMCE v3.0 includes an extensive API for custom integration.
* Plugins: TinyMCE ships with an assortment of plugins. Since TinyMCE is meant to be a client side application it does not include native file managers for various server technologies.
* Language Support: o 44 different translations are available for TinyMCE 2.x.x.
o 46 different translations are available for TinyMCE 3.x.x.
* Themes / Skins: TinyMCE offers various ways to customize the look and feel of the editor. TinyMCE is packaged with two themes, simple and advanced, as well as 2 skins for each theme, default and o2k7.
* Compressor: TinyMCE also has an optional compressor pack to reduce the overall script download footprint as well as the time it takes the script to initialize.
Example: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr"> <head> <link rel="stylesheet" type="text/css" href="/css/compress.php" media="screen" /> <!--[if lte IE 7]><link rel="stylesheet" href="/css/ie_fixes.css" media="screen" /><![endif]--> <script src="jscripts/tiny_mce/tiny_mce.js"></script> <link rel="alternate" type="application/rss+xml" title="TinyMCE News RSS" href="http://tinymce.moxiecode.com/forum_news_rss.php" /> <title>TinyMCE - Full featured example</title> </head> <body> <script src="jscripts/tiny_mce/tiny_mce.js"></script> <script> tinyMCE.tinymce({ theme : "advanced", mode : "textareas", plugins : "fullpage", content_css : "css/content.css", theme_advanced_buttons3_add : "fullpage", theme_advanced_resizing : true', });</script> <form method="get" action="page1"> <textarea name="content" style="width:150%"> Hello world, this is an example </textarea> </form> </body> </html>
jQuery 1.3
In jQuery 1.3 release, there have been lots of changes; the following are the major changes:
Sizzle Selector Engine: new Css selector engine has been branded – called ‘Sizzle’, which is faster than the previous one for the most commonly used selector, fully extensible, and completely standalone.
Live Events: jQuery 1.3 supports “live events” – event that can be bound to all current and future elements. Using a seamless jQuery-style API, and event delegation, for bothe easy and very fast result.
Example: this is a code example to Click a paragraph to add another:
$(“p”).live(“click”, function(){
$(this).after(“Another paragraph!”); });
Changes in The Feature: A number of new features, performance improvements, and method changes have come in this release.
* New queueing methods which you can use to manage existing queues (such as the animation queue) or construct new ones to manage completely separate workflows.
* Two new properties .selector and .context exist on every jQuery object, pointing back to the original selector and context used in the first jQuery() call.
* Attributes: .toggleclass(“className”, state) – toggle a class base upon a boolean value.
* Traversing: .closest( selector ) – located the nearest ancestor element that matches the specified selector. Extremely useful for event delegation.
* Manipulatio: HTML Injection Rewrite All of the code related to injecting HTML into a document (such as the append, prepend, before, and after methods) has been overhauled.
* CSS:Offset Rewrite * Effect: Default animations have been smoothed. Traditionally show/hide and slideUp/slideDown have only animated width, height, and/or opacity.
* Ajax: dataFilter: A function that can filter and/or parse Ajax responses.And xhr: A callback for creating the XMLHttpRequest object. It can be overriden to provide a different implementation. All of the code related to injecting HTML into a document (such as the append, prepend, before, and after methods) has been overhauled.
resource: http://docs.jquery.com/Release:jQuery_1.3#Upgrading
jQuery
jQuery is a JavaScript library that emphasizes interaction between JavaScript and HTML
It allows users to develop client-side application easily with a friendly syntax.
jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.
jQuery is java script and can be used with JSP, Servlets, ASP, PHP, CGI and almost all the web programming languages.
Here are the features of jQuery
- DOM element selections functions, using the cross-browser open source selector engine Sizzle
- DOM traversal and modification
- Events
- CSS manipulation
- Effects and animations
- Ajax
- Extensibility
- Utilities – such as browser version and the each function.
- JavaScript Plugins
The jQuery library is providing many easy to use functions and methods to make rich applications.
These functions are very easy to learn and even a designer can learn it fast.
Resources: http://en.wikipedia.org/wiki/JQuery#See_also
