
November 14, 2009 04:56 by
OMR
This article contains plugin based coding tecniques for jquery. Lets coding.
We are declaring plugin functions to jquery prototype.
jQuery.fn.MyAlert = function(message)
{
alert("Attention: " + message;
}
This code is usable pluging declaretion but not supported tecnique for cross library safety. Example of cross library supported declaretion:
(function($) {
$.fn.MyMask = function() {
$(this).val("Masked input element");
}
})(jQuery);
Examle using:
$("#input1").MyMask();
Finished first runable plugin. Plugin adding "Masked input element" to input1 element. This function is only available for an element. Selective parameter may apply to multiple elements. Be applied to all elements according to the selector parameter. Therefore we should use each function.
More...
b883a11f-eb58-486e-ab3f-cd3184bb2bac|1|1.0

November 6, 2009 19:55 by
OMR
In this article I used the cloud effect birdunyadusun.com site will explain the technique.
Some sites have similar made with Mootools. I did research in jQuery forum. No information about the coding of similar applications. This article has nothing to parallax technique. Let's start coding.
The following code will load the clouds just below is a description of the body.
<span id="spnCloudHolder"></span>
And using this javascript codes for generating clouds:
$(document).ready(function() {
for (var i = 0; i < 3; ++i) {
$("#spnCloudHolder").append("<img src=\"img/bulutcan12.png\" class=\"cloud\" />");
}
});
You can use this image file(Transparent PNG, thanks gündüzhan):

Output current screen:
More...
2b24dd0b-a1e9-4561-8c6c-790fab6e544b|0|.0

September 8, 2009 10:32 by
OMR
Powerful ajax slider script in script.aculo.us . I created new asp.net slider component using this. Orjinal script.
ScreentShots:



ce37b914-02e1-4764-97c4-b0ec4deb2135|2|1.0

September 8, 2009 10:25 by
OMR
JCrop is powerful image croper javascript tool. I created asp.net ajax control for jcrop and opened download. Follow the images. Jcrop is free software released under MIT License.

Save as croped area when clicked cropit button.

btnCropIt Click code example:
Image1.ImageUrl = “~/Uploads/Image/” + ImageCroper1.Crop(Server.MapPath(”Uploads/Image/”));

OmrCommon.rar (51,75 kb)
f94bd4e6-76bb-45a5-9780-a2776b134203|2|4.5