background preloader

Javascript

Facebook Twitter

jQuery. Svgweb - Scalable Vector Graphics for Web Browsers using Flash. Overview SVG Web is a JavaScript library which provides SVG support on many browsers, including Internet Explorer, Firefox, and Safari.

svgweb - Scalable Vector Graphics for Web Browsers using Flash

Using the library plus native SVG support you can instantly target ~95% of the existing installed web base. Once dropped in you get partial support for SVG 1.1, SVG Animation (SMIL), Fonts, Video and Audio, DOM and style scripting through JavaScript, and more in a small library. Your SVG content can be embedded directly into normal HTML 5 or through the OBJECT tag. If native SVG support is already present in the browser then that is used, though you can override this and have the SVG Web toolkit handle things instead. This project is currently in Beta stage development. It should also be noted that while Google has contributed to this project, Google is not providing support for this project.

One Minute Intro Demos More demos can be seen with the demo viewer; keep in mind that not all of the demos in the demo viewer work. Getting Started Videos What's New. Batik SVG Toolkit. Overview Batik is a Java-based toolkit for applications or applets that want to use images in the Scalable Vector Graphics (SVG) format for various purposes, such as display, generation or manipulation.

Batik SVG Toolkit

The project’s ambition is to give developers a set of core modules that can be used together or individually to support specific SVG solutions. Examples of modules are the SVG Parser, the SVG Generator and the SVG DOM. Another ambition for the Batik project is to make it highly extensible —for example, Batik allows the developer to handle custom SVG elements. Even though the goal of the project is to provide a set of core modules, one of the deliverables is a full fledged SVG browser implementation which validates the various modules and their inter-operability. What Batik can be used for With Batik, you can manipulate SVG documents anywhere Java is available. Batik makes it easy for Java based applications or applets to deal with SVG content. jQuery: The Write Less, Do More, JavaScript Library.

Tutorials:How jQuery Works. This is a basic tutorial, designed to help you get started using jQuery.

Tutorials:How jQuery Works

If you don't have a test page setup yet, start by creating the following HTML page: The src attribute in the <script> element must point to a copy of jQuery. Download a copy of jQuery from the Downloading jQuery page and store the jquery.js file in the same directory as your HTML file. To ensure that their code runs after the browser finishes loading the document, many JavaScript programmers wrap their code in an onload function: Unfortunately, the code doesn't run until all images are finished downloading, including banner ads.

For example, inside the ready event, you can add a click handler to the link: Save your HTML file and reload the test page in your browser. For click and most other events, you can prevent the default behavior by calling event.preventDefault() in the event handler: The following example illustrates the click handling code discussed above, embedded directly in the HTML <body>. The JavaScript Source: Time and Date. Paste Events Calendar. 5 Amazing JavaScript Image Zoom Scripts. New to the HotScripts Blog?

5 Amazing JavaScript Image Zoom Scripts

Subscribe to our blog via RSS feed or email alert and receive updates, tips and tutorials on web development & design. Usability research shows that the quality of images is a weakness of many web sites, especially in e-commerce applications. Potential customers should be able to view large and detailed product images to evaluate what they’re after. By providing them a way to zoom in your images, you can greatly increase your conversion. Here are some JavaScript image zoom scripts to consider. Rvolve Zoompics Rvolve Zoompics Rvolve Zoompics is a smooth zooming Javascript tool, that works by animating a camera lens zoom when you click on the image. MojoZoom MojoZoom MojoZoom is a free JavaScript Image Zoom script that works by moving your mouse over an image to see an zoomed version of it. Magic Zoom Magic Zoom is a commercial JavaScript zoom tool with its price starting at $25 for a single license.

JQZoom JQZoom Evolution TJPzoom TJPzoom. JavaScript Course - Free lessons. JavaScript - Table of Contents. Beginners JavaScript Tutorial - Javascript Training CD - JS Tuition. NicEdit Is A Javascript/AJAX Micro Inline WYSIWYG Content Editor To Allow Easy Editing Of Web Site Content On The Fly In The Browser.

By AN Jay on February 6, 2008 NicEdit Is A Javascript/AJAX Micro Inline WYSIWYG Content Editor To Allow Easy Editing Of Web Site Content On The Fly In The Browser Don't Forget to participate in a contest where you can win an amazing e-Commerce template from TemplateMonster.

NicEdit Is A Javascript/AJAX Micro Inline WYSIWYG Content Editor To Allow Easy Editing Of Web Site Content On The Fly In The Browser

NicEdit is a Javascript/AJAX inline content editor to allow easy editing of web site content on the fly in the browser. It integrates into any site in seconds to make any element/div editable or convert standard textareas to rich text editing. You can try it right now by clicking on this! In addition NicEdit instances are more flexible than some other editors and can expand to fit content added. An alternative for the complexity, many files and large download size (> 200KB) of popular WYSIWYG editors such as TinyMCE and FCKEditor.

“<script src=” type=”text/javascript”></script> <script type=”text/javascript”> bkLib.onDomLoaded(nicEditors.allTextAreas); </script>”