PHP, MySQL, Javascript, AJAX, HTML and CSS

Distance calculator based on geo cords

webforus — Fri, 23 Jul 2010 09:12:08 +0000

Here is the function to calculate distance between two points based on geo cords( latitude and longitude)

Include html files inside another html file

webforus — Fri, 23 Jul 2010 07:02:38 +0000

Following is the way of including the html files inside some other html files.This will not work if you put it inside any server side executing files(eg., *.php,*.jsp, etc.,)

ZoomIn and ZoomOut of text on webpage

webforus — Fri, 23 Jul 2010 06:58:24 +0000

Zoom in/out options would be required in any informative website. Page would contains either article or news or any other text.
Here is the simple way to implement the same.
In this example i restricted minimum font size to 10 and max to 20. You can change as per your requirement.


 
  Zoom In / Zoom Out of an article 
 
 

 
 Zoom In |
 Zoom Out
   

 Some text goes here...

Focusing to any HTML element

webforus — Wed, 19 May 2010 12:28:34 +0000

If you want to focus to any form element you can achieve it by

document.getElementById('form_ele_id').focus();
(or)
document.form_name.form_ele_name.focus();

But in case of non form elements like div,span, etc.. You can not get it by using focus() method. You can achieve with the following statement..

document.getElementById('html_ele_id').scrollIntoView();
(or)
document.location.url += "#html_ele_id";

Sort two dimensional array with the key

webforus — Tue, 27 Apr 2010 09:27:10 +0000

Here is the code for sorting two dimensional array with the specific key.

 1,
 'Name' => 'Venu',
 'Salary' => 1000
 ),
 Array(
 'id' => 2,
 'Name' => 'Raj',
 'Salary' => 500
 ),
 Array(
 'id' => 3,
 'Name' => 'Ramesh',
 'Salary' => 1500
 ),
 Array
 (
 'id' => 4,
 'Name' => 'Siri',
 'Salary' => 1100
 ),
 Array(
 'id' => 4,
 'Name' => 'Jaya',
 'Salary' => 900
 )
 );
 $result = sortMultiArrayByKey($arr,'Salary');
 echo "";
 print_r($result);
 echo "";

 function sortMultiArrayByKey($argArray, $argKey, $argOrder=SORT_ASC){
    foreach ($argArray as $key => $row){
       $key_arr[$key] = $row[$argKey];
    }
    array_multisort($key_arr, $argOrder, $argArray);
    return $argArray;
 }

?>

Output

Array
(
    [0] => Array
        (
            [id] => 2
            [Name] => Raj
            [Salary] => 500
        )

    [1] => Array
        (
            [id] => 4
            [Name] => Jaya
            [Salary] => 900
        )

    [2] => Array
        (
            [id] => 1
            [Name] => Venu
            [Salary] => 1000
        )

    [3] => Array
        (
            [id] => 4
            [Name] => Siri
            [Salary] => 1100
        )

    [4] => Array
        (
            [id] => 3
            [Name] => Ramesh
            [Salary] => 1500
        )

)

Indian currency format

webforus — Tue, 27 Apr 2010 08:43:51 +0000

This code will helps you to get the given number in Indian currency format. We can use number_format only for US currency.

Below function may serves your purpose.

3 & strlen($num) <= 12){
 $last3digits = substr($num, -3 );
 $numexceptlastdigits = substr($num, 0, -3 );
 $formatted = makeComma($numexceptlastdigits);
 $stringtoreturn = $formatted.",".$last3digits.".".$decimalpart ;
 }elseif(strlen($num)<=3){
 $stringtoreturn = $num.".".$decimalpart ;
 }elseif(strlen($num)>12){
 $stringtoreturn = number_format($num, 2);
 }

 if(substr($stringtoreturn,0,2)=="-,"){
 $stringtoreturn = "-".substr($stringtoreturn,2 );
 }

 return $stringtoreturn;
 }

 function makeComma($input){
 // This function is written by some anonymous person - I got it from Google
 if(strlen($input)<=2)
 { return $input; }
 $length=substr($input,0,strlen($input)-2);
 $formatted_input = makeComma($length).",".substr($input,-2);
 return $formatted_input;
 }
?>

Output

25,69,87,425.44

Fetching nearest string matches

webforus — Thu, 22 Apr 2010 10:33:54 +0000

If you enter any wrong spelling while Goggling, “Did you mean:” stuff will be displayed with some nearest matches according to the given entry.

This post will help you to implement same kind of stuff in your applications.

Here is an example

$val)
	{
	   $result[$key] = $cities[$key];
	}
	print_r($result);
?>

$search = “bangaluru”;
$str_array = array(‘delhi’,'hyderabad’,'bangalore’,'bandipur’,'waynad’,'coorg’);
for($i=0; $i {
$match_val = levenshtein($search,$str_array[$i]);
$match_array[$i] = $match_val;
}
asort($match_array);
foreach ($match_array as $key=>$val)
{
$result_array[$key] = $str_array[$key];
}
print_r($result_array);
?>

There is an array named “cities”. I am trying to search city “bangaluru” which is not mentioned in $cities array. Here i have used an array. This could be database fetching in your application.

The output will be shown like below:

Array
(
    [2] => bangalore
    [3] => bandipur
    [4] => waynad
    [0] => delhi
    [5] => coorg
    [1] => hyderabad
)

Desktop applications with PHP

webforus — Fri, 22 Jan 2010 12:19:05 +0000

Yes. It is possible with PHP. We can develop desktop applications with PHP.
Here we can do most of the things which are possible in web.

Here is the useful link to know more about this.

http://gtk.php.net/

Here you can download the sample project.

http://gtk.php.net/download.php

write your own firefox extension

webforus — Sat, 02 Jan 2010 09:39:14 +0000

Learn XUL- XML Userinterface Language for building a graphical user interface with XML tags. Firefox extensions are using the XUL program to display the elements in statusbar,toolbar, etc..XUL (XML User Interface Language) is Mozilla’s XML-based language that lets you build feature-rich cross platform applications that can run connected or disconnected from the Internet. These applications are easily customized with alternative text, graphics and layout so they can be readily branded or localized for various markets. Web developers already familiar with Dynamic HTML (DHTML) will learn XUL quickly and can start building applications right away.

This Following example extension will show the Weather report in your Firefox statusbar:

The weather data (temperature; date/time and weather condition is shown as tool-tip) is fetched via AJAX from wunderground.com from the RSS feed for Rome/Italy (change the RSS Url for your own city). The RSS XML data is parsed and written to the statusbar field with javascript every 15 minutes.

The creation of such a toolbar is pretty straightforward:

First we need to create the directory-structure:

[project-directory]
[project-directory]/chrome
[project-directory]/chrome/content
[project-directory]/chrome/skin

(the directory skin is not really used here – i.e. stylesheets (CSS) and graphics/icons would be stored in this directory)

If you have created this directory-structure, copy the following files in their given locations:

[project-directory]/install.rdf



	
		{aa84ce40-4253-11da-8cd6-0800200c9a66}
		CaptainStatusBar
		0.1
		Statusbar-Addon to display various stuff
		
			
			content/
			skin/
			
		
		
			
			{ec8030f7-c20a-464f-9b0e-13a3a9e97384}
			1.0
			1.5

Notes: minVersion and maxVersion is the version information. It tells the browser, which versions of the browser this extension supports. The ID (starting with aa84ce40…) is a unique ID – use an online UUID generator (google for it) to get an own ID for your own projects).

[project-directory]/chrome/content/contents.rdf



	
	
		
	
	
		
		
	
	
		chrome://statusbar/content/statusbar.xul
	
	
		chrome://statusbar/content/statusbar.xul

[project-directory]/chrome/content/statusbar.xul