Rajesh Tandukar

Mootools Map Password Strength

admin — Sun, 06 Jun 2010 09:04:19 +0000

Mootools Map Password Strength is a simple mootools 1.11 class to check the password strength.

Easy to setup, no any extra settings required.

Print selected content from a webpage

admin — Thu, 27 May 2010 05:28:48 +0000

This is an alternate to my post Javascript Print Page Area . Try this.

Wrap your webpage content that need to be print with an id “printerContent”

This is a test print. This is a test print. This is a test print. This is a test print.

Print

Smiley Text Editor

admin — Wed, 26 May 2010 10:58:20 +0000

Smiley Text Editor is a simple text editor with a limited features. This is an inherited from Joomla JCommentes comment-editor.

Customizing Joomla Calendar Setup

admin — Thu, 29 Apr 2010 05:43:03 +0000

Joomla 1.5 has calendar-setup.js file to setup the joomla calendar as per your requirements.
You can customize jcalendar using a javascript callback functions “param_default”.
Here are some examples customizing your joomla calendar.

Disable all past dates.
Your function where your call the calendar.

function disableDate(d)
{
today = new Date();
difference = d – today;
days = Math.round(difference/(1000*60*60*24));
if( days > -1 )return false;
return true;
}
Now replace the following code from calendar-setup.js
param_default(“disableFunc“, null) ;
to

param_default(“disableFunc“, disableDate) ;

Enable Only Specific Day
function disableDate(d)
{
// Enable only Monday of all months
if( d.getDay()==1 ) return false ;
return true ;
}
Since the changes in
param_default(“disableFunc”, null);
in calendar-setup.js will reflect to all the date fields in your site pages, in order to reflect the customization in specific date field modify above callback function to

if(params.inputField==”custom_date”)
{
param_default(“disableFunc“,disableDate);
}
else
{
param_default(“disableFunc“,null);
}
custom_date is my date text filed name

Detect an AJAX Request in PHP

admin — Sun, 31 Jan 2010 08:43:21 +0000

During Ajax request , using the browser like Firefox, the rquested url can be visible thoruhg console which further can be run from the browser address bar. This can be prevent by PHP’s $_SERVER['HTTP_X_REQUESTED_WITH'] variable.

If your are using simple javascript no jQuery, Mootools or any other JavaScript API, set the ajax request header to

xmlHttp.open(“GET”,url,true); // After this set header as
xmlHttp.setRequestHeader(“X-Requested-With”, “XMLHttpRequest”);

With jQurey,Mootools no need to set this header.

With PHP set this code

define(‘IS_AJAX’, isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == ‘xmlhttprequest’);

Now in ajax call page set the code as

if(!IS_AJAX){
echo ‘ Direct Access Is not Allowed’;
exit;

}

Easy Jquery Gallery : Slideshow

admin — Fri, 27 Nov 2009 05:55:50 +0000

Easy Jquery gallery: sideshow is easy to use. This is better as many image galleries, sliders, sideshows are complex and hard to customize. A jquery library and simple css construction have made Jquery gallery: sideshow easy to use . Try Demo .

The beauty of Packing ,Unpacking of Javascript Code

admin — Fri, 20 Nov 2009 05:54:22 +0000

The main purpose of packing is to reduce the file size by compressing , minifying the code.

The most common packing algrithm by Dean Edwards packer code when packed looks like

eval(function(p,a,c,k,e,r){..

, similarly the unpacker make the extract code packed by Dean Edwards packer algorithm.

Javascript Packer
Javascript Unpacker

Codeigniter Ajax File Upload

admin — Sun, 15 Nov 2009 09:00:38 +0000

Codeignier Ajax File Upload module is easy and simple and build with Codeigniter File Uplaod Library and AjaxFileUpload – Jquery Plugin .

File: ajaxupload.php (Contorller).

function doupload(){

$uploadFile = uri_assoc(‘fld’,2);
$config['upload_path'] = ‘./uploads/’;
$config['allowed_types'] = ‘gif|jpg|png’;
$this->load->library(‘upload’, $config);

if ( ! $this->upload->do_upload($uploadFile))
{
$error = array(‘error’ => $this->upload->display_errors());

$this->load->view(‘upload_form’, $error);
}
else
{
$data = array(‘upload_data’ => $this->upload->data());

$this->load->view(‘upload_success’);
}

}

File: upload_form.php(views).

Dowmlad ajaxfileuplaod.js .

Javascript Print Page Area

admin — Fri, 16 Oct 2009 09:50:58 +0000

JavaScript Print Page Area prints the certain portion from you page.
Instead of printing the whole page , this lets you to print only the specified area form the page.

Define the section for print within the page And call the print_sample_report() function to print. Try Demo

You can define the print section with an id.

Example:

This is the print section within you HTML code

Now call DoPrintableSections function to print.

var e = document.getElementById(“print_area”); // place the id of you print section as paratmer

function DoPrintableSections(wdth,hght,stylesheets,imgsdir,heading)

{

//center(‘overlayss’,'mybox’); //load lightbix

CreateVirtualCarrier1(“ContentCarrier”);

var e = document.getElementById(“print_area”);

var content = “”;

var cc = document.getElementById(“ContentCarrier”);

cc.innerHTML = e.innerHTML;

content = cc.innerHTML;

OpenPreviewPage(content,wdth,’auto’,stylesheets,imgsdir,heading);

cc.innerHTML=”";

}

Jquery Form Builder

admin — Wed, 14 Oct 2009 11:02:22 +0000

Jquery Fomr Builer is a web application build in jquery and PHP which lets your to creae a dynamic form in run time.

Each form element are design to create with its specific properties which can be set during building the form.

As your finish to build the form you can download the HTML code of the form and paste it to your web page any where you wish.

Try demo.