Group items tagged

The idea of JDojo is to bring JavaScript and Dojo to Java. To achieve this, JDojo provides Java stubs for existing Dojo and JavaScript types a compiler participant to the Eclipse Java compiler that emits JavaScript files for each Java file compiled The programmer does not program against the Java JDK classes, but against Dojo and JavaScript stubs that JDojo provides. The compiler participant only allows a subset of the existing JDK classes and also limits the Java language constructs that can be used. To support important features that exist in JavaScript but are not available in Java, JDojo provides Java annotations that the programmer can use to instruct the compiler how to translate code. While the compiler still produces class files, what is of interest is the JavaScript code. Only the generated JavaScript code is executable, the Java code is not. Contrary to Java-JavaScript cross compilers, JDojo does not add anything on top of the JavaScript and Dojo types. JDojo programmers program against the DOM, Dojo widget and other existing Dojo classes the same way as they would do it when programming JavaScript. Therefore, the Java code a JDojo programmer writes looks very similar to the JavaScript code he would have written. However, the programmer now can take advantage of a typed programming environment and benefit from the Eclipse Java Tooling. The translator produces JavaScript that looks as similar as possible to the Java code (without the types), and matches what a JavaScript programmer would have written. This is important when executing and debugging the generated JavaScript; it is still easy to understand the JavaScript code and map a bug back to the Java code. JDojo also fits nicely in the existing Jazz web bundles. JDojo code is placed in a new Java source folder, while the generated JavaScript is inserted in 'resources' folder that also holds existing JavaScript code. To use existing JavaScript code in JDojo, 'Stub' classes can be added, containing only th

When used effectively, JavaScript debuggers help find and squash errors in your JavaScript code. To become an advanced JavaScript debugger, you'll need to know about the debuggers available to you, the typical JavaScript debugging workflow, and code requirements for effective debugging. In this article, we'll discuss advanced debugging techniques for diagnosing and treating bugs using a sample web application.

According to Yahoo!'s Exceptional Performance Team, 40% to 60% of Yahoo!'s users have an empty cache experience and about 20% of all page views are done with an empty cache (see this article by Tenni Theurer on the YUIBlog for more information on browser cache usage). This fact outlines the importance of keeping web pages as lightweight as possible. Improving the engineering design of a page or a web application usually yields the biggest savings and that should always be a primary strategy. With the right design in place, there are many secondary strategies for improving performance such as minification of the code, HTTP compression, using CSS sprites, etc. In terms of code minification, the most widely used tools to minify JavaScript code are Douglas Crockford's JSMIN, the Dojo compressor and Dean Edwards' Packer. Each of these tools, however, has drawbacks. JSMIN, for example, does not yield optimal savings (due to its simple algorithm, it must leave many line feed characters in the code in order not to introduce any new bugs). The goal of JavaScript and CSS minification is always to preserve the operational qualities of the code while reducing its overall byte footprint (both in raw terms and after gzipping, as most JavaScript and CSS served from production web servers is gzipped as part of the HTTP protocol). The YUI Compressor is JavaScript minifier designed to be 100% safe and yield a higher compression ratio than most other tools. Tests on the YUI Library have shown savings of over 20% compared to JSMin (becoming 10% after HTTP compression). Starting with version 2.0, the YUI Compressor is also able to compress CSS files by using a port of Isaac Schlueter's regular-expression-based CSS minifier.

At the start of this year, I sat down to write the "Errors and Debugging" chapter of Simply JavaScript. I cracked my fingers, dove into the landscape of JavaScript debugging tools, and emerged very disappointed several hours later. At the time, Firefox was the only browser with a JavaScript debugging tool worth writing about: Firebug. Less than a year later, the landscape has changed dramatically. Every major browser has introduced new development tools that make it easier to diagnose problems with your HTML, CSS, and JavaScript code right inside the browser in question. But can any of these tools stack up against the slick and effortlessly powerful tools provided by Firebug? Let's take a look.

SoundManager 2 lets web developers load, play and control sounds via Javascript. SM2 is an attempt at providing the sound API which Javascript has been missing. It's a library which wraps and extends Flash's sound capabilities, bringing cross-platform audio functionality to Javascript.

"SHJS is a JavaScript program which highlights source code passages in HTML documents. Documents using SHJS are highlighted on the client side by the web browser. SHJS uses language definitions from GNU Source-highlight. This gives SHJS the ability to highlight source code written in many different languages: Bison C C++ C# ChangeLog CSS Desktop files Diff Flex GLSL Haxe HTML Java Java properties files JavaScript JavaScript with DOM LaTeX LDAP files Log files LSM (Linux Software Map) files M4 Makefile Objective Caml Oracle SQL Pascal Perl PHP Prolog Python RPM spec files Ruby S-Lang Scala Shell SQL Standard ML Tcl XML Xorg configuration files SHJS comes with themes taken from the Highlight program. SHJS is distributed under the GNU General Public License version 3. "

Welcome! In this tutorial, we're going to create a breakout clone that you can play in your browser, using javascript and the element. In order to use this tutorial, you'll need to have a relatively recent version of Firefox, Safari, or Opera. You cannot use Internet Explorer, because Microsoft hss decided not to implement the element in it. Before you read any further, click on the "run code" button on the left to play the game that we'll end up creating. On every page, you'll be able to click the "run code" button to run the code we've developed so far. Every page besides this one has an editor in it containing the javascript code that will be run in the same box as the game as soon as you click the button. You can make changes to the code, and see the results instantly by clicking the "run code" button. In order to make our lives easier, I've included the jQuery framework in every page, which extends javascript in your browser with some useful methods. If you have any comments or questions, feel free to leave a comment on the "comments" tab.

Javascript is a scripting language(supports scripts) for Web pages but it is also used in non-browser environments as well. Here you can find 100+ Latest JavaScript Interview Questions

SmartMarkUP is a lightweight and powerful JavaScript library that allows you to turn any textarea into a fancy markup editor. HTML, CSS, XML, Wiki syntax, BBCode or any other desired markup language can be implemented and/or adjusted to your preferences and business needs. SmartMarkUP doesn't depend on any other JavaScript library and can be integrated with any already existing JavaScript library or code.

Now using HTML-JavaScript Adder plugin you can add HTML and JavaScript to your wordpress sidebsr. The other important thing is you can do this without editing sidebar.php.This allows user to add embed ad codes from major advertisements sites including Google dsense, Adbrite,Bidvertiser and even you can add flash videos.

Get Technical Support on javaScript Development Technologies Online Technical Support at endtrace, Get Job Support to Solve Difficulties on JavaScript meet your Client's Deadline Our On-Job Support objective is to upskill the beginners in IT Industry with the ability to solve their complex issues in their real-time project requirements.

"DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table. Key features: Variable length pagination On-the-fly filtering Multi-column sorting with data type detection Smart handling of column widths Display data from almost any data source DOM, Javascript array, Ajax file and server-side processing (PHP, C#, Perl, Ruby, AIR, Gears etc) Scrolling options for table viewport Fully internationalisable jQuery UI ThemeRoller support Rock solid - backed by a suite of 2800 unit tests Wide variety of plug-ins inc. Editor, TableTools, FixedColumns and more It's free! State saving Hidden columns Dynamic creation of tables Ajax auto loading of data Custom DOM positioning Single column filtering Alternative pagination types Non-destructive DOM interaction Sorting column(s) highlighting Advanced data source options Commercial support available Fully accessible for screenreaders / keyboard access Sensible file size: 68K minified, 20K gzip'd Extensive plug-in support Sorting, type detection, API functions, pagination and filtering Fully themeable by CSS Solid documentation 130+ pre-built examples"

If you're looking to execute javascript code whenever someone finishes (or stops temporary) scrolling, moving the mouse, or resizing the page, you may find the following segment of code useful.

WireIt is an open-source javascript library to create web wirable interfaces for dataflow applications, visual programming languages or graphical modeling.

jQuery loading remote/external javascript files using getScript()

"The session presented by Andy Idsinga (@pithy_uji) and Ujwal Paidipathi (@andyidsinga) seems like pure wizardry. The idea being you get your web code HTML, CSS, JavaScript, Web API calls, embeddable code etc and then convert it to an application through programmable API's for MeeGo and AppUp."