Note : It is listed at No. 25 in the article.

We may like to remind you that KISS is not just for Wordpress but the theme is available for Movable Type, Typepad, LiveJournal and Blogger.

View iGeeks entry at Web Creme.

PREVIEW, DOWNLOADS & DISCUSS

• Preview, Installation, Related Links and Notes available at the Kiss Template Page
• Download Movable Type, Wordpress or Blogger Themes
• Technical Forum Discussion

Basically AMFPHP comes with various recordset adaptors depending on what database/abstraction layer you are using, like mysqli, PDO etc. The adaptors that currently comes with it, do not convert datatypes correctly when returning the recordset to Flash. Selecting a datetime datatype returns a string date to flash as opposed to a date object.

And since the timezone offset is not included in the date string, the flash client parses the datetime with an incorrect timezone offset.

ChugsDesigns is perhaps one of the only few web development entity in India which concentrates on web standards, valid codes, emphasize on structured semantic markup. ChugsDesigns already have an impressive portfolio.

Oinam Software is extremely glad to welcome ChugsDesigns to the team. We expect to push the possibilities of giving the best of Web Standards, Effective and Accessible Designs, Valid Structured Semantics realm and to provide the best experience for our Clients and their projects.

The thing I love about our team and the people involved is that, we do what we really love to. We are very fortunate to get the best opportunity to push forward our passion for these technologies. Driven by the urge to push the envelope beyond, way beyond and to compete at the highest level of quality and standards, to be in the forefront and a precursor of the technology we are involved with, Oinam will try to strive more and more towards developing high quality Software Applications for the web, desktop and other varied medias.

Recently 23hq contacted us so they can implement the multiple file upload feature of Flash Player 8. Finally, the result is a cool way of provinding the users the ability to upload single or multiple photo uploads and at the same time allowing them to preview uploaded photos, tag them while the remaining at still being uploaded. You will be experiencing the cool combination of Flash and Ajax.

23hq have a an article describing their new feature in details, Flashy Uploads. Test out their Upload Feature or keep a tap of their discussion on the topic.

The first part in the client side of AjaxCFC is to include the javascript files.

_ajaxConfig = {'_cfscriptLocation':'echoTest.cfc', '_jsscriptFolder':'js'};

_ajaxConfig will store the location of the listener CFC and location of the “js” folder which is included in the ajax.zip file that comes with AjaxCFC. The use of _cfscriptLocation variable is optional as you may specify the CFC location directly in the Ajax call.

You will have an ajax calling function and a call-back function; however, none of them are mandatory, because depending on your needs you may not need to know the result of your call, or you may not need to enclose your ajax call in a function.

To invoke an ajax component you need to use DWREngine._execute which my colleague, Ashish has already explained.

The call-back function will always take one argument, which is the return of the method called within the CFC object.

AjaxCFC will allow you to return almost all simple or complex object to the JavaScript callback function: strings, numbers, arrays, structures and queries.

We have a preferance of structures over the other objects. The callback function will always take one argument, which is the return value of the invoked CF function.

The JavaScript function will receive the number or string just like any regular JavaScript call.

To retrieve the recordcount, you can loop your data through a built-in function, result.getRowCount(), which will return the equivalent to query.recordcount. You can always use sDumper(result) to show you exactly what is being sent back to your handler.

During the first phase, the LSD are event-based with events lined up every 30 minutes. There will be 24/7 LSDs and much more in the upcoming phases of deployment.

Currently, during the beta, all events are set to be “Gender Neutral”, so you might get paired with your own gender. Once user count grows, we will pair you with your choice mate – male-female, male-male, female-female et al.

We are looking for US-US, cross crountry, cross continent pairing test and to see how our FCS Load Balancer can balance the load/bandwidth.

Please sign up for Live Speed Dating to enjoy this unique dating experience and if you would be able to help test out and give us feedbacks, please sign up for the mailing discussion list separately at LSD Beta Mailing List.

Please remember to check your Junk Folder as we have received notifications from subscribers informing us that the confirmation mail were caught in Junk Folders.

More Details about LSD

We are open to criticism, suggestions, anything that you wish to say.

With AjaxCFC, a generic ColdFusion Component using the facade pattern was created which contains all the methods for the Messaging System. It made it so easy for me that I had to just take care of the functionality of a single method; DWREngine._execute() with the respective arguments. This is the method which handles passing of the data and also the method calls to ColdFusion. The arguments required are also quite simple and easy even for a newbie to understand.

Looking at the method signature of the function;

DWREngine._execute(_ajaxConfig.cfscriptLocation, null, ‘CFmethodName’, args, callBackFunction);

Though you can pass multiple arguments, my preference is to use a value object instead. Let us look at some points in respect to the particular Module of the RIA which I am currently working.

1. The _ajaxConfig.cfscriptLocation is the actual path to the CFC which contains the methods I need to call for my mailing system.
2. The second argument is the script name to be executed. This argument is null most of the times.
3. The CFmethodName is the name of the method you want to call from the CFC.
4. The fourth parameter to this function is the arguments you wish to pass to the CFmethod. You can pass more than one arguments or even a value object.
5. The callBackFunction is the function in JavaScript in your CFM which will always take a single argument which is the return result you get from your CFC.

Well, the bottomline is that in order to use our CFC with the AjaxCFC framework, all I had to do was extend my CFC to the ajax.cfc which comes along with the framework.

Implementing AjaxCFC into my application, not only made things faster and easier for me but also enriched the end user experience for our module, the Messaging System. Thanks to Rob Gonda, now I am looking forward to incorporate AjaxCFC with the Model-Glue framework which I have used for Live Speed Dating.

Note:
The client side part of AjaxCFC was tackled by one of my colleague, Manaswinee. She will very soon be having an article on the same. Keep an eye on her article to get an insight on the callback functions and how the data is handled at the client side.

I am a big fan of Descendant Selectors and use it rather profusely. It is made up of two or more selectors cascaded by separating them with whitespaces. It helps me to match an element that is the descendant of another element in the document tree.

#myID { }
#myID .myClass { }
.myClass { }

Here in the above code, the attributes defined in the second line will be applied to .myClass elements in the document which is a descendant of the parent ID #myID. Whereas .myClass can be applied to other totally different set of elements that are not descendant of #myID.

div * p

will match only the paragraph elements that are grandchild or later descendant of a div element.

Attribute Selectors

Attribute Selectors allows us to specify rules that match a particular attribute defined in our documents. They can be matched in the following ways;

1. [att] – Match when the element sets the att attribute, whatever the value of the attribute
2. [att=val] – Match when the element’s att attribute value is exactly val
3. [att~=val] – Match when the element’s att attribute value is a space-separated list of words, one of which is exactly val. If this selector is used, the words in the value must not contain spaces (since they are separated by spaces)
4. [att|=val] – Match when the element’s att attribute value is a hyphen-separated list of words, beginning with val. The match always starts at the beginning of the attribute value. This is primarily intended to allow language subcode matches like the lang attribute in HTML

span[class=deprecated] { color: #ccc; text-decoration: line-through; }

Here, the selector matches all span elements whose class attribute has the exact value deprecated.

span[first="you"][second="me"] { font-weight: bold; }

Here, the selector matches all span elements whose first attribute has exactly the value “you” and whose second attribute has exactly the value “me”. Thus, multiple attribute selectors can also be used to refer to several attributes of an element, or even several times the same attribute.

Sometimes, we can combine Descendant and Attribute Selectors; div p *[href]. This will match any element that has the “href” attribute set and is inside a paragraph that is itself inside a div.

Child Selectors

A child selector matches when an element is the child of some element. A child selector is made up of two or more selectors separated by “>”.

body > p { font: normal normal normal small/normal Verdana, Helvetica, Arial, sans-serif; }

will set the style of all paragraph elements that are children of the body element.

div ul>li p

combines descendant selectors and child selectors. This will match a paragraph element that is a descendant of an li, the li element must be the child of an ul element, the ul element must be a descendant of a div. Here, we have the freedom to leave that optional whitepsace in “ul>li”.

Adjacent Sibling Selectors

Adjacent sibling selectors are something like FOO + BAR, where BAR is the subject of the selector. The selector matches if FOO and BAR share the same parent in the document tree and FOO immediately precedes BAR. Sometimes, adjacent elements generate formatting objects whose presentation is handled automatically (e.g., collapsing vertical margins between adjacent boxes). The “+” selector helps us to specify additional style to adjacent elements.

h1 + h2 { margin: 0 0 10px 0; }

directs the h2 element immediately following a h1 element to avoid margins but push the bottom margin by 10px.

h1.special + h2 { margin: 10px 0; }

We can also have special requirement in the formatting by adding an attribute selector. Here, this will apply only when h1 has the class=”special”.