For an online view of the working interface please visit here

The MDArrayEngine class provides several functions to create and manipulate multi-dimensional arrays like adding, update, retrieve and delete scalar or array elements, searching for values, sum the element values and display the array values in a HTML page, it should assist you with any Javascript projects incorporating multi dimensional array use.

As MDArrayEngine is a dual MIT & GPL license, please feel free to modify or extend the class. If you feel that others could benefit from your work, please include a message here and your additions to the base class will be included as appropriate.

How to Instantiate:

1. Include the file mdArrayEngine.js in your project.

1

    <script type="text/javascript" src="js/mdArrayEngine.js"></script>

2. in your javascript, instantiate the array class in the following manner:

2
3
4
5
6
7
8
9
10
11
12
13

    <script type="text/javascript">
        // instantiate the object
        var a = KROMOSOME.MDArrayEngine;
        // initialise the object
        a.init();
        // load the array with values
        a.pushValue(['test','try','alerts']);
        // get all array values as a formatted HTML table
        var html = a.arrayDump();
        // output table to document to check values
        document.write(html);
    </script>

List of KROMOSOME.MDArrayEngine functions:

• init(): Initialize the class array.
• getLength(): Return the length of the array.
• getRowLength([int] row): Return the length of the array’s row.
• pushValue([object] v): Push string or array of values onto the end of the array.
• rowPush([string] searchValue, [object] addValues): Add items to an existing row where the searchValue matches.
• indexOfValue([object] v): Return the array indices of the value (string or array) in the array.
• getValue([int] iRow, [int] iCol): Return a value from the array matching the supplied row and column numbers.
• setValue([int] iRow, [int] iCol, [object] data): Assign a value to the array matching the supplied row and column numbers.
• getRow([int] iRow): Return a row from the array matching the supplied row number.
• getAllValues(): Return the entire contents of the array as an array.
• updateItem([object] searchVal, [object] replaceVal): Replace the first occurrence of searchVal with replaceVal.
• upadteRow([object] searchVal, [object] replaceVal): Replace a row in the array on the first match of searchVal.
• deleteRow([int] row): Delete the row number corresponding to the row variable.
• updateRow_DualCondition([string] condition1, [string] condition1, [object] updateData): Updates differences in matching row with data from updateData, or inserts a new row if no match found on search condition1 & condition2, returns true for success, false for failure.
• column_Arithmetic_Sum_SingleCondition([int] conditionalColumn, [object] value, [int] columnToAdd): Sum the values of the columnToAdd WHERE conditionalColumn = x AND conditionalColumn value = y.
• getJSON(): return the multi dimensional array as a JSON data type.
• arrayDump(): Display the entire contents of the array as an html table.

Download mdArrayEngine

Example Usage

What is Reservations Manager?

Currently under development, Reservations Manager™, is a graphicaly driven, real-time, web based (SaaS), booking and reservation system with an administration interface that will be deployable both on desktop computers and the Apple iPad platform via a traditional web browser.

Whilst the administration system is web based, so too is the client interface. Customers are able to make real-time online bookings, either directly from your web site, or through www.reservations-manager.com from their computer or hand held device.

Furthermore, we are working toward partnering with other established booking and reservation providers to extend the reach of your distribution, enabling you to tap into a much larger audience.

Version 1.0 is due for release in November 2011, Reservations Manager™ is suitable for:

• Restaurant reservation systems;
• Hotel / Motel / Hostel room reservation systems;
• B&B’s / Pansiyon reservation systems;
• Campground reservation system
• Corporate conference venue reservations;
• Meeting room management & reservations;
• Training facility reservation systems;
• Private education reservation systems;
• Vehicle & Boat reservation systems;
• Service provision reservation systems;
• Event management & reservation systems;

Further details including pre-release registration details can be found at www.reservations-manager.com

When the grid z-index is toggled to the front, the designer can click the grid to get the exact “X,Y” screen coordinates for the clicked position enabling more precise positioning of elements on the screen. A demonstration of designerGrid can be seen here.

So far, the popularity of the {css} designerGrid appears to be higher than I anticipated with 1,728 unique hits to the demonstration page today (17th February 2010).

Currently {css} designerGrid does not work in Internet Explorer as it is the only browser that does not natively support the HTML 5 <canvas> element. Should the jQuery community require the plugin to function in IE, we will work toward a solution.

URL: www.oynayarakogren.com

Project Brief:

Although obtaining a high visitor count to the existing e-commerce website, our client was not successfully converting site visitors to sales of their flagship product, “What Is This?”™, an educational English language game for children.

Our brief for the project was to increase the conversion rate of site visitors to sales, build their marketing database from the ground up and expedite the sales of their educational gaming product. In consultation with Easy Go Education’s marketing department, we devised a website registration system whereby a user goes into a chance draw to win one of four games given away every month for a period of three months.

If the registrant is located within Turkey and has not yet purchased the game, they are sent a unique discount code by SMS to their cell phone, this discount code is valid for a period of 7 days from registration date and redeemable at the point of checkout, thus increasing the user’s urgency to order online.

Easy Go Education are now able to track the demographic of site visitors and purchasers, thus enabling more intelligent marketing campaigns targeted at known successful demographic groups into the future.

Technologies:

• ASP
• PHP
• Ajax with JSONP data type
• MYSQL
• Java Script
• jQuery
• XHTML
• CSS

The Client: Kromosome Pty Ltd

URL: www.kromosome.com.au/wholesale

Project Description: To develop a website for an Australian fashion brand’s b2b wholesale customers facilitating online commerce.

URL: www.birnurgarland.com

Brief: To create a portfolio site for a fashion designer to display her recent works.

Technologies:

• PHP
• XHTML;
• CSS;
• Javascript / jQuery;
• AJAX / JSONP;

The Client: Hopkins Panels Pty Ltd

URL: www.hopkinspanels.com.au

Project Description: To develop a website and an online quotation system for a motor vehicle smash repairer based in South Geelong, Victoria. Ensure a high SEO ranking in Google for selected keywords.

With our SEO expertise we were able to obtain coveted positions in Google as per our client’s request. Below are the keywords and ranking that we achieved for our client:

• South Geelong VACC repair – position # 1
• South Geelong panel repair -position # 2
• South Geelong panel shop – position # 1
• South Geelong spray painters – position # 1
• South Geelong panel beaters -position # 5

Client Testimonial: “Kromosome’s affordable website development has enabled us to expand our service offering to our customers via the web, something that we had not previously been able to do. Thank you very much Kromosome!” — Peter Garland, Managing Director

The Client: Kromosome Pty Ltd

URL: www.kromosome.com.au

Project Description: To develop a website for an Australian fashion brand that communicated the brand’s message effectively to it’s intended audience.

Implementation: To convey the racy appeal that Kromosome’s products offered to the marketplace, in consultation with the client, it was decided that a Flash based site would best serve Kromosome’s requirements, allowing images and audio to help the brand stand out from others..