Lastest JavaScripts: Utility http://www.javascriptbank.com/rss/utility/ Lastest JavaScripts: Utility en Copyright (C) JavaScriptBank.com 60 jsB@nk.com RSS 2D Boids in JavaScript <img src="http://www.javascriptbank.com/javascript.images/utility/2d-boids-javascript.jpg" width="100" height="100" align="left" style="margin: 5px;" />This JavaScript Boids effect is a simulation of flocking/schooling behavior (e.g. birds, fish). A very helpful <a href="http://www.javascriptbank.com/">JavaScript code</a> to practice yourself. http://www.javascriptbank.com/2d-boids-javascript.html 1376945505 Simple 3D Graphics Animation in JavaScript <img src="http://www.javascriptbank.com/javascript.images/utility/simple-3d-graphics-animation-javascript.jpg" width="100" height="100" align="left" style="margin: 5px;" />Here are some 3D graphics made with just JavaScript, let teach yourself by this <a href="http://www.javascriptbank.com/awesome-advance-javascript-tutorials.html">advance JavaScript code & tutorial</a>. We have a TIE fighter rotating, and moving left and right; we may change axises, drawing modes, viewing styles and scenes. http://www.javascriptbank.com/simple-3d-graphics-animation-javascript.html 1370892164 JavaScript Percentage Loading Bar: Code & Tutorial <img src="http://www.javascriptbank.com/javascript.images/utility/javascript-percentage-loading-bar-code-tutorial.jpg" width="100" height="100" align="left" style="margin: 5px;" />According to jsB@nk's own rating thoughts, this JavaScript example code is very useful, awesome and realistic in some code lines of JavaScript; we may show this <a href="http://www.javascriptbank.com/=JavaScript percentage loading bar">JavaScript percentage loading bar</a> for some querying request from users on the web page. This JavaScript percentage loading bar will start from 0 and end when it comes 100%. Because this is plain-JavaScript source code without any <a href="http://www.javascriptbank.com/javascript/framework/">JavaScript framework</a>, then we have to edit it if want to use for your needs. Let write your request in comments of this JavaScript code example, jsB@nk will help you. http://www.javascriptbank.com/javascript-percentage-loading-bar-code-tutorial.html 1317884018 Simple JavaScript RegEx to Parse Domain Name <img src="http://www.javascriptbank.com/javascript.images/utility/simple-javascript-regex-parse-domain-name.jpg" width="100" height="100" align="left" style="margin: 5px;" />There are many <a href="http://www.javascriptbank.com/">JavaScript resources</a> to parse an URL in JavaScript RegEx. And parsing the domain main is easy since there's a lot of trick. This is useful for checking whether there is a third party domain involved in a page. Today, jsB@nk would like to present you another JavaScript example code to parse an URL address using JavaScript RegEx. This JavaScript object is built into 2 JavaScript public methods, we can use them to get domain root of an URL address, or check if whether domain is exist. Other JavaScript RegEx example codes you should try: - <a href="http://www.javascriptbank.com/getelementsbyclassname-simple-shorthand-way-to-get-html-element-by-classname-with-regexp.html">getElementsByClassName: Simple Shorthand Way to Get HTML Element by className with RegExp</a> - <a href="http://www.javascriptbank.com/javascript-regex-example-code-text-input-limitations.html">JavaScript RegEx Example Code for Text Input Limitations</a> - <a href="http://www.javascriptbank.com/built-in-javascript-regex-apis.html">Built-in JavaScript RegEx APIs</a> - <a href="http://www.javascriptbank.com/regexp-validation.html">RegExp Validation</a> http://www.javascriptbank.com/simple-javascript-regex-parse-domain-name.html 1308035491 Simple Programming Language Code Syntax Highlighter with JavaScript <img src="http://www.javascriptbank.com/javascript.images/utility/simple-programming-language-code-syntax-highlighter-with-javascript.jpg" width="100" height="100" align="left" style="margin: 5px;" />Highlighting the source codes is one very great and important functions for the website/blog that mainly shows source codes on the web pages, jsB@nk also presented you many source code <a href="http://www.javascriptbank.com/=syntax highlighting" title="syntax highlighting">syntax highlighting</a> tools, web applications, <a href="http://www.javascriptbank.com/=code syntax highlighter" title="code syntax highlighter">code syntax highlighters</a> through two JavaScript article tutorial: - <a href="http://www.javascriptbank.com/highlight-your-php-javascript-codes-php-highlight-string.html">Highlight your PHP and JavaScript codes with PHP highlight_string</a> - <a href="http://www.javascriptbank.com/16-free-code-syntax-highlighters-by-javascript-for-better-programming.html">16 Free Code Syntax Highlighters by Javascript For Better Programming</a> Really I also had the plan to apply this cool and amazing feature to jsB@nk since two years ago, however I still could not do this intent cause of many objective reasons. But now, I'm pleasure and happy to show you new <a href="http://www.javascriptbank.com/" title="JavaScript code example">JavaScript code example</a> for highlighting your source codes. Although it's quite simple (just compared with other highlighting tools above) but they can still work very well for all programming languages. http://www.javascriptbank.com/simple-programming-language-code-syntax-highlighter-with-javascript.html 1303366294 Simple JavaScript Page-Note Glossary <img src="http://www.javascriptbank.com/javascript.images/utility/simple-javascript-page-note-glossary.jpg" width="100" height="100" align="left" style="margin: 5px;" />If you ever seen many web pages, posts of professional knowledges, specialized in skills or researches; perhaps you would see many specialized in words that they're explained after each post/page. As a content publisher, when you have to work with specialized in articles, you'll have to spend more time to make more explanations by your hand if they're very long ones. This is reason <i>Aaron Gustafson</i> build this <a href="http://www.javascriptbank.com/" title="JavaScript code example">JavaScript code example</a>, it helps us spend less than time for this job, all we have to do now is concentrate on our content, all glossaries will be done automatically. There's another very useful JavaScript code example to content publishers: <a href="http://www.javascriptbank.com/javascript-content-auto-indexing-using-dom.html">JavaScript Content Auto-Indexing using DOM</a>. http://www.javascriptbank.com/simple-javascript-page-note-glossary.html 1303109455 XMLWriter: Simple JavaScript XML Creator <img src="http://www.javascriptbank.com/javascript.images/utility/xmlwriter-simple-javascript-xml-creator.jpg" width="100" height="100" align="left" style="margin: 5px;" /><a href="http://www.javascriptbank.com/=XML">XML</a> - a type of data defining - becoming more popular at present because of its flexibility and convenience, data defined by XML become more visual and clear to query with any platform. XML is being used by more and more web platforms/utilities such as: JavaScript, PHP, .NET, Java, Flash, etc. Almost web development tools, web applications have exclusive libraries (functions, objects) to process XML data; besides; many famous platforms: WordPress, Zend, Joomla, etc also built its own libraries for XML; this is stable proof to proven above things jsB@nk said. However, the field of XML is too big to discuss in this short post, because there was many <a href="http://www.javascriptbank.com/forum/free-javascript-ebook-downloads-t850.html">professional books/e-books research</a> it. Now in this post, jsB@nk like only to show you a simple JavaScript application for generating data in XML. Please go to the live demo of this <a href="http://www.javascriptbank.com/" title="JavaScript code example">JavaScript code example</a> for short review. Try more JavaScript XML parse scripts if you like: - <a href="http://www.javascriptbank.com/random-testimonial-bubbles-xml-jquery.html">Random of Testimonial Bubbles with XML and jQuery</a> - <a href="http://www.javascriptbank.com/getxml.html">getXML</a> http://www.javascriptbank.com/xmlwriter-simple-javascript-xml-creator.html 1302678201 JavaScript Virtual Keyboard Interface with Many Languages <img src="http://www.javascriptbank.com/javascript.images/utility/javascript-virtual-keyboard-interface-with-many-languages.jpg" width="100" height="100" align="left" style="margin: 5px;" />This JavaScript code example is a cool reusable script to add a graphical virtual keyboard interface to text fields, password fields, and textareas so they can be filled with mouse only for better security issues. This <a href="/=JavaScript keyboard input">JavaScript keyboard input</a> script also supports to enter special characters easily. Besides, this script comes with full keyboards for Arabic, Belgian, Dutch, Dvorak, French, German, Greek, Hebrew, Hungarian, Italian, Lithuanian, Norwegian, Number Pad, Polish Programmers, Portuguese, Russian, Slovenian, Spanish (Spain), Turkish-F, Turkish-QWERTY, UK, US Standard and US International keyboard layouts, dynamically selectable. Add additional layouts is simple. Easily implemented on any Web site. Try more other <a href="/=JavaScript virtual keyboard">JavaScript virtual keyboard</a> interface scripts on jsB@nk: - <a href="/virtualkeyboard-index.html">Virtual Keyboard</a> - <a href="/virtual-keyboard-tool.html">Virtual Keyboard tool</a> - <a href="/real-user-keyboard.html">Real User Keyboard</a> http://www.javascriptbank.com/javascript-virtual-keyboard-interface-with-many-languages.html 1298873416 JavaScript Filename Array Maker <img src="http://www.javascriptbank.com/javascript.images/utility/javascript-filename-array-maker.jpg" width="100" height="100" align="left" style="margin: 5px;" />During coding JavaScript applications, we usually have to work with many JavaScript arrays; and sometimes declare/initiate them is the time-consuming tasks. For this reason, I would like to present you this <a href="http://www.javascriptbank.com/" title="JavaScript code example">JavaScript code example</a>. We can use this script to generate many arrays as you need with a lot of options: <a href="/=JavaScript array length" title="JavaScript array length">JavaScript array length</a>, JavaScript string array, names, style to display, etct; that will help speed up your jobs. Easy to use and implement! http://www.javascriptbank.com/javascript-filename-array-maker.html 1297749207 Marking your Sheet Music Notation with JavaScript <img src="http://www.javascriptbank.com/javascript.images/utility/marking-your-sheet-music-notation-with-javascript.jpg" width="100" height="100" align="left" style="margin: 5px;" />One more wonderful <a href="/tag=JavaScript web application">JavaScript web application</a> created by JavaScript developers, web developers. That is <a href="/tag=sheet music notation">sheet music notation</a> application from <a href="http://verens.com/" target="_blank" rel="nofollow">klog</a>, the idea is build an JavaScript application, where people with <a href="/tag=MIDI">MIDI</a> keyboards can test their sight-reading online. The <a href="/tag=JavaScript web program">JavaScript web program</a> will judge your playing objectively, according to whether you hit the right notes, what your timing was like, whether you got the dynamics right, etc. Although this free <a href="/tag=music notation JavaScript">music notation JavaScript</a> is still in developing, coming with features: render two staves (bass and treble) to show left and right hands, render semi-breves, show fingering on notes, dotted notes, quavers, tied quavers. But its demo is a miracle, jsB@nk.com's pleasure to present the demo of sheet music notation with JavaScript. http://www.javascriptbank.com/marking-your-sheet-music-notation-with-javascript.html 1291097950