Projects tagged ‘javascript’ and ‘simple’

This project has grown in the past years and became the most advanced web cms for clan and esport related pages. It features modul management, template and language switching and so on. It supports a wide range of php versions and database drivers.

ZoneIdeas is a tool intended to help organize and rate Ideas in you company, group or your self.

jscolor is a JavaScript component extending standard form controls of a smooth color picker dialog. All you need to pickerize your text fields is to include script jscolor.js into your HTML page and ... [More] turn all related INPUT elements into INPUT CLASS="color" [Less]

SpinetailA rapid-web-application-prototyping framework in javascript DocumentationAboutPlease read the README Spinetail is a lightweight javascript framework designed to help developers quickly ... [More] and easily create working prototypes of web applications. Unlike other javascript frameworks Spinetail is not designed to be secure, robust or comprehensive. Instead Spinetail has no external dependencies, is small, fast, easy to learn, easy to use and easy to setup. With Spinetail you don't need to spend time configuring a server or otherwise setting up a development environment. Spinetail requires no server configuration or setup of any kind and can run in any browser that supports javascript and AJAX (active internet connection not required). Simply download spinetail to a web-accessible local directory, or upload it to a public-facing web server then get started prototyping your application using an MVC architectural pattern, javascript and HTML. When to Use SpinetailUse spinetail when you want to prototype a web-application before you start on the production or development builds, and possibly before you even decide on what technologies the web application will use. You may have some static wireframes to work off of or a written specification, but in either case you need to see the program in action at an early stage. Strengths and WeaknessesStrengthsSpinetail FrameworkWritten entirely in javascript 72K uncompressed including all third-party code Global abatement to prevent clashing Exception handling No server setup Extremely simple templating URL parameters automatically mapped to global object Spinetail ApplicationsMVC architectural pattern Simple CRUD Interface (Create, Read, Update, Delete) Views are plain HTML Controllers are javascript Applications can be distributed easily (e.g. zip your app and e-mail it) WeaknessesSpinetail FrameworkNo POST support Spinetail ApplicationsModel data is not persistant SetupBasic setup consists of three simple stepsUnarchive spinetail into a web-accessible directory (e.g. ~/Sites/spinetail on Mac OS X) Open index.xml in an editor of your choice and set the base href tag to point to your root spinetail directory Open index.xml in a web browser If you want to use a model there are two additional stepsFamiliarize yourself with Taffy DB (http://www.taffydb.com) Create collections in /_model/collections.js Getting StartedCreate a new view file named "hello_world.html" and place it in the /_view directory. Edit hello_world.html to include only the following text: %%replaceMe%% Next create a new controller file named "hello_world.json" (views and controllers always have the same file name) and place it in the /_controllers directory. Edit the hello_world.json file to include the following code: { /* If you want to use comments in your controller they must be of multi-line type, not // */ documentTitle: "Hello World!", main: function() { document.title = this.documentTitle; return spinetail.replaceInView(arguments[0], "foo", spinetail.currentParameters.replaceWith); } }Ask spinetail to dispatch your new view, and deserialize your new controller by visiting: http://yourdomain/path/to/spinetail/index.xml?view=hello_world&replaceWith=Hello%20World! Your controller's methods and properties are now mapped to the spinetail.currentController object All of the parameters you passed in the URL string are now mapped to the spinetail.currentParameters object Properties and methods defined in globals.js are now mapped to the spinetail.globals object Your model is mapped to spinetail.model For basic functionality, that is all there is to it. If you want to work with a model, read the "Working with Model" section below. Note: Controllers can of course contain any number of properties and methods, but only the main method is executed when a view is dispatched. If you want a specific method within your controller to be executed when you dispatch a view (AKA onLoad), make sure to call it from main. Working with ModelsOnce you familiarize yourself with Taffy DB (http://www.taffydb.com), working with models in spinetail is really very simple and intuitive. Data can be created, read, updated and deleted from "collections" by creating simple methods in your controllers. The important thing to remember though is that in spinetail, data is not persistent. Meaning any changes made to a collection's data revert during the next page load. The exception to this is data that is defined in the collections.js file, when a collection itself is defined.If you need data to persist you can modify spinetail to write cookies or use some sort of server-side data store. What's a "Spinetail"It's a bird. Try a google search for "spinetail bird photos." [Less]

A small guestbook in developement - formerly known as dsGuestbook (dsGB) or phGuestbook (phGB). New delevopement!

Cezar's Calculator is a Gadget Application, started after Google Calculator failed to work. For simple expressions like 1+1 or (5*10 + 20)/10 works directly in your browser, for more complicated expressions calls into Google Search.

This project is stopped. see the new project simple-javascript please.

sprintf() for JavaScriptsprintf() for JavaScript is a lightweight yet powerful JavaScript implementation of the famous sprintf() function. It is based on the PHP specification. It's prototype is ... [More] simple: string sprintf(string format[mixed arg1[, mixed arg2[,...]]])The placeholders in the format string are marked by "%" and are followed by one or more of these elements, in this order: An optional "+" sign that forces to preceed the result with a plus or minus sign on numeric values. By default, only the "-" sign is used on negative numbers. An optional padding specifier that says what character to use for padding (if specified). Possible values are 0 or any other character precedeed by a '. The default is to pad with spaces. An optional "-" sign, that causes sprintf to left-align the result of this placeholder. The default is to right-align the result. An optional number, that says how many characters the result should have. If the value to be returned is shorter than this number, the result will be padded. An optional precision modifier, consisting of a "." (dot) followed by a number, that says how many digits should be displayed for floating point numbers. When used on a string, it causes the result to be truncated. A type specifier that can be any of: % - print a literal "%" character b - print an integer as a binary number c - print an integer as the character with that ASCII value d - print an integer as a signed decimal number e - print a float as scientific notation u - print an integer as an unsigned decimal number f - print a float as is o - print an integer as an octal number s - print a string as is x - print an integer as a hexadecimal number (lower-case) X - print an integer as a hexadecimal number (upper-case) sprintf() for JavaScript now supports argument swappingYou can also swap the arguments. That is, the order of the placeholders doesn't have to match the order of the arguments. You can do that by simply indicating in the format string which arguments the placeholders refer to: sprintf("The first 4 letters of the english alphabet are: %4$s, %3$s, %1$s and %2$s", 'c', 'd', 'b', 'a');And, of course, you can repeat the placeholders without having to increase the number of arguments. [Less]

Light rtf editor plugin for jQuery.Some examples: 1. Use with default settings: $("#textareaID").LightEditor();2. Configure with options parameter: var options = { tbImage: ... [More] "images/buttons.gif", buttons: "bold,italic,underline,strikethrough,|,justifycenter,|,removeformat", tbPozition: "top", //"bottom" width: "400px", height: "200px", css: "style.css" //css for edited text }; $("textarea").LightEditor(options);3. Getting html text: var html = $("#area2").LEhtml();4. Setting text $("#area2").LEhtml("Light Editor Plugin"); [Less]