Javascript user interfaces and graphics Provides an environment to make user interface elements using Javascript. This provides all of the programming tools available in the js object, but also exposes the mgraphics and sketch drawing routines for visual output. Cycling '74 Max none: Inlet 0 TEXT_HERE none: Outlet 0 TEXT_HERE TEXT_HERE TEXT_HERE Call the bang function Invokes the function named bang if defined. Call the msg_int function Invokes the function named msg_int if defined. Call the msg_float function Invokes the function named msg_float if defined. Evaluate and execute a function Performs the same as anything. Evaluate and execute a function Invokes the function with the message name, assigning the message arguments to the arguments to the function. For example, if the object has a function named xyz defined, the message xyz 1 2 3 would invoke the xyz function with arguments 1 2 and 3. Load a Javascript source file When a file is dragged from the File Browser to a jsui object, the file is loaded and executed. Watch for source file changes The word autowatch, followed by a 1, turns on file watching for the Javascript source file. When file watching is on, the file is recompiled automatically when it is modified. This allows you to use an external editor for your Javascript file. When you save the file, the jsui object will notice. autowatch 0 turns off file watching. Recompiles the current file Recompiles the current file. If followed by a symbol, will load, compile, and set the currently loaded Javascript file to be the Javascript file specified by the symbol argument Delete a named property The word delprop, followed by a name, deletes the named property. Change the editing window's font size Changes the font-size of the text used in the editing window which contains the object's Javascript source file. Get the value of a named property The word getprop, followed by a name, outputs the value of the property name stored in the object out the left outlet. Set the Javascript arguments Sets the current Javascript arguments to any following message arguments. Load and compile a Javascript file The word jsfile, followed by a symbol , loads, compiles, and sets the currently loaded Javascript file to be the Javascript file specified by the symbol argument. Invokes the function named loadbang if defined. Call the loadbang function Open the editing window Double-clicking on a js object opens a text window where the object's Javascript source file can be edited. When the text window is saved, the text is compiled as the object's script. Open the editing window Opens the text window where the object's Javascript source file can be edited. Set a named property The word setprop, followed by name and one or more names or numbers, sets the named property to what follows the name. For example, after sending setprop xyz 1 2 3 to a js object. the xyz property would have a value of the list 1 2 3. Set the object size The word size, followed by two int arguments, sets the width and height of the jsui object. Test Javascript functions Allows for the testing of messages passed to functions within the Javascript source file. Close the editing window Closes the text window where the object's Javascript source file is edited. Border draw flag Toggles the drawing of a border around the jsui object. The default is 1 (draw border). Javascript source file The word filename, followed by a symbol that specifies a pathname, designates the Javascript file to be loaded. Arguments for the script Specifies any arguments to be passed to the Javascript code contained in the jsui object. Toggles the drawing of the object without full-screen antialiasing. Toggle full screen anti-aliasing Enable parameter mode handling Enables use of this object with Max for Live Parameters. The jsui object is a general purpose user interface object driven by javascript. There are a number of templates already built to use (some of which are shown below). While the patcher is in edit mode, you can ctrl-click (mac) or right-click (pc) to bring up the contextual menu which will let you view and edit the currently loaded javascript file, or select one of the template files from jsui-library. If the javascript file also has a help file associated with it (as do all of the template objects contained in this patch), the associated help file will be loaded instead of jsui.maxhelp. The inspector lets you set the javascript file, javascript arguments, size, border flag, and disable full scene anti-aliasing (fsaa).

At the present time, mouse position and object redrawing will only be reported correctly in the jsui object if the patching and Presentation mode sizes of the object are the same. Numbers, lists, or symbols are sent out the jsui object's outlets when the Javascript code executing within the jsui object invokes the outlet function.