Showing posts with label javascript. Show all posts
Showing posts with label javascript. Show all posts

Sunday, July 3, 2011

jQuery ajax function template

Example

$.ajax({
url: "/Home/Index",
data: { email: email, username: username, etc: etc },
success: function (data) {
debugger; // remove debugger before check-in.
$("#somelabel").text(data.SomeText);
},
type: "POST",
dataType: 'json'
});

Another example

$.ajax(
{
url: "/Account/LogOn",
type: "POST",
dataType: 'json',
data: {
username: $("txtUserName").val(),
password: $("txtPassword").val(),
rememberMe: $("#chkRememberMe").is(':checked')
},
success: function (mydata) {
if(mydata.Success) {
alert(mydata.WelcomeMessage);
}
else{
alert(mydata.Error);
}
}
});

Friday, June 3, 2011

Javascript Function Objects

Having:

function validateFields() {
// a lot of cool and interesting code goes here.
var a = 1;
var b = 2;
var c = a + b;
}

the following

$('#submit').bind('click', function() {
validateFields();
});

is similar to this:

$('#submit').bind('click', validateFields);

and, to this as well:

$('#submit').bind('click', function() {
var a = 1;
var b = 2;
var c = a + b;
});

So you could say that

function validateFields() {
// a lot of cool and interesting code goes here.
var a = 1;
var b = 2;
var c = a + b;
}

is essentially the same as

var validateFields = function() {
// a lot of cool and interesting code goes here.
var a = 1;
var b = 2;
var c = a + b;
}

i.e. validateFields is not a function/method but an object. Therefore I conclude "Javascript is a different language in disguise."

Tuesday, October 12, 2010

jeditable maxlength

In jquery.jeditable.js add:
if (settings.maxlength) { input.attr('maxlength', settings.maxlength); }

right below:
if (settings.height != 'none') { input.height(settings.height); }



Then set maxlength
$('.loremipsum').editable('http://www.example.com/save.php', {
    ...
    maxlength: 20
});

reference: http://www.appelsiini.net/projects/jeditable (user Sasi's comment)

Friday, September 10, 2010

Remove JSON object from array/list

JavaScript



Code

// list of objects where the 'number' property is unique
var _numbers = [{number: 4589, name: "lorem"}, {number: 2554, name: "ipsum"}, {number: 9880, name: "siamet"}];

// find index for the object we want to remove from the list
var idx = -1;
var num = 9880;
for (var i = 0; i < _numbers.length; i++) {
if (num == _numbers[i].number) {
idx = i;
break;
}
}
// remove object from the list
if (idx != -1)
_numbers.splice(idx, 1);

Tuesday, August 31, 2010

jQuery checkbox state

Markup (html)

< id="chkMatchedSets" type="checkbox">

Javascript (jQuery)

var ischecked = $("#chkMatchedSets").is(':checked');

markup:



javascript:



firebug:



end

Saturday, February 23, 2008

Wednesday, December 12, 2007

Prevent a form from being saved

Javascript - OnSaved() event



Actually it's:

event.returnValue = false;
return false;

What aborts the Save operation.
.