Posts Tagged ‘AJAX’

Sep
6
Live Validation - Custom Validator


Posted: 6th September 2007
Tags: , , , ,
Posted in Javascript
Comments: 3 Comments »

Following my article earlier today on Live Validation, I have had a response from Alec regarding how to create a custom validator to use with his Live Validation framework.

Having asked if a custom Validator could be passed in the .Now() function Alec had the following to say:

In regards to passing a custom validation method into the .now method, it will not \’91create\’92 the validation method as such, but will accept one you have made, as long as your custom validation method takes a value as the first argument, and throws a Validate.Error exception when it fails (in order to pass on the failure message made easier by using Validate.fail), and true if it passes. For example:

  1. Validate.Example = function(value, paramsObj)\{
  2. // the following sets up default options and overides them with those passed in
  3. var params = Object.extend(\{
  4. failureMessage: Default failre message goes in here!
  5. \}, paramsObj || \{\});
  6. // here you would check the value you wish to validate (the one passed in), against some expected value
  7. // if it fails then use the Validate.fail method will throw an exception containing the failure message
  8. if(value != My expected value) Validate.fail(params.failureMessage);
  9. // if the script reaches this far then no exception has been thrown, so the validation passed
  10. return true;
  11. \}

Alec clarified: “…if you take a look at some of the included validation methods they contain calls to some of the other ones internally, as they will throw exceptions and halt proceedings if they fail, so act in much the same way as the simple one we have above. Validate.Email is a simple example of this and can be easily adapted to make a reusable postcode format validation for instance.”

Following Alec’s example above, you can easily then use the validator using the following:

  1. Validate.now(Validate.Example(), value_to_validate, \{options\})

Using a custom validator opens up many possibilities such as making an AJAX call to the server to check the uniqueness of a username or password.

For more information:

Live Validation

Documentation for Validate.now()





Sep
5
Tktit.com - Running on Ruby on Rails


Posted: 5th September 2007
Tags: , ,
Posted in Ruby on Rails
Comments: No Comments »

TktIt.com is a self service ticketing solution for the social networking generation. It allows bands, clubs, companies etc to sell tickets, places to any event or activity they may run, for example gigs, training events, sports activities, festivals, exhibitions etc. Tickets can be sold directly from the users websites and payment is made directly to PayPal, in addition users can track their ticket sales directly from TktIt.

 

This was my first full development outing into the realms of Ruby on Rails which has been an inspirational and educating experience and I will be posting several articles in the near future on some of the techniques I used such as using script.aculo.us to produce a similar color selector to the one I did in .Net/JQuery.





Apr
26
Using ASP.Net / AJAX slide extender to create a color selector


Posted: 26th April 2007
Tags: , , ,
Posted in .Net, Javascript
Comments: 1 Comment »

Using the MS AJAX ASP.Net Extensions and the Ajax Control Toolkit (available through codeplex) You can easily make a colour selector using the Ajax Control Toolkits Slider Extender control.

The Slider Extender included in the Ajax control toolkit renders on the screen as a control that allows the user to click and drag to adjust a numerical value. Out of the box the slider extender is given an ASP:TextBox as it’s Target Control ID, the slider extender automatically hides these textboxes. We can use three slider controls to create a Red, Green and Blue sliders to set a colour. When working in RGB we can set a value of 0 to 255 for each of Red, Green or Blue. So the first thing we need is the three sliders on our HTML page.

 

ASP.Net MVC Diagram

Read the rest of this article »





Apr
24
Tip: ASP.Net/AJAX - Javascript in Label/Textbox Text


Posted: 24th April 2007
Tags: , , , ,
Posted in .Net
Comments: No Comments »

Hi All,

I though I would share a problem that I had (and resolved) using ASP.Net AJAX. The problem occurs if you want to output some Javascript to a Textbox (for example: for a user to copy and paste into their own page), which is nested in an UpdatePanel. AJAX returns an HTTP 500 error.

The reason seems to be that the Javascript in the textbox interferes with the javascript generated by MS AJAX to handle the partial page updates of the UpdatePanel.

So if like me you need to output some Javascript to the page for a user to cut and paste, a work around is to use a literal control and the HTMLEncode function of the Server object as follows:

  1. Literal1.Text = Server.HTMLEncode(<Script src=’example.js’ type=’text/javascript’></script>)

I hope that helps anyone that has been puzzled by this error.





Mar
29
Tim Shankarian’s MS Ajax Autocomplete Patch (and how to use)


Posted: 29th March 2007
Tags: , , ,
Posted in .Net
Comments: No Comments »

Contrary to the advise I have received from several fellow developers (and never being one to miss a challenge), I have decided to ignore all advise and attempt to use the Microsoft Ajax framework with my current .Net project for TktIt.com. The MS Ajax Frawework is extended to provide functionality such as Autocomplete etc using the AjaxToolKit. Although a lot of these are excellent, (like the pop-up calendar control) the Autocomplete feature is poor compared to many others out there. However, thanks to Tim Shankarian, it has got a little better!

Read the rest of this article »





Mar
22
JQuery Interface Autocomplete with .Net


Posted: 22nd March 2007
Tags: , , ,
Posted in .Net, Javascript
Comments: 1 Comment »

JQuery is an excellent easy to use Javascript Framework and has several excellent plugins, one of which is the Interface plug-in by Stefan Petre which provides lots of effects and features. One such feature is the autocomplete feature, which provides suggestions as the user types into a text box. Unfortunately the Interface plugin’s documentation does not cover how to implement the server side, which I will cover in this article.

Read the rest of this article »