jQuery Autocomplete Example Demo

Autocomplete an input field to enable users quickly finding and selecting some value, leveraging searching and filtering.

By giving an autocompleted field focus or entering something into it, the plugin starts searching for matching entries and displays a list of values to choose from. By entering more characters, the user can filter down the list to better matches.

This can be used to enter previous selected values, eg. for tags, to complete an address, eg. enter a city name and get the zip code, or maybe enter email addresses from an addressbook.

DEMO | DOWNLAOD

We will divide this tutorial in 4 step, so it will more easy to understand and create.

STEP 1: Create Database

First of we need to create country database, and will insert all country with id.
You can simple import demo.sql file with this article zip file.

CREATE TABLE IF NOT EXISTS `countries` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `code` varchar(2) NOT NULL DEFAULT '',
  `name` varchar(200) NOT NULL DEFAULT '',
  PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=utf8 AUTO_INCREMENT=247 ;

STEP  2:  Create config.php

Now, we need to create db connection.

STEP 3: Create search.php

Out db is create and connected also, now we need to create php code that can search input query using ajax call.

STEP 4: Create index.html

In last, create HTMl file with jQuery Ajax call which will call seach.php file and fact searched query from mysql db.
We will includ css & jQuery files in this.

jQuery Autocomplete Example PHP AJAX Demo




			Single Bird (remote):



	

DEMO | DOWNLAOD

Jquery autocomplete php mysql example
Cheers !  Isn’t is so easy, Let me know you have still facing any issue or suggestions.

Related posts:

1. Create Ajax Search Using PHP MYSQL and jQuery
2. How to Create Custom RSS Feed Using MySQL and PHP
3. Getting Start With CakePHP and jQuery

The post Jquery autocomplete php mysql example appeared first on WebDesignerGeeks - Web Designer, Web Developer blog.

A RSS (Really Simple Syndication) feed is a XML-based format for your content. Most blogging platforms, for example, will have an RSS feed built in. Whenever you start publishing posts, your latest posts will be updated in the RSS feed. Visitors to your website can subscribe to your blog’s RSS feed in an RSS reader such as Google Reader.

Tutorial Details

• Program: Notepad / Notepad++
• Version (if applicable): PHP , MYSQL
• Difficulty: Beginner
• Estimated Completion Time: 30-50 Minutes

Defining a Goal

Our goal is to create RSS Feed System with a database.

Download

Lets split the processes we are going to do in this tutorial.

1. Create the database
2. Create the index page for the RSS items
3. Create the connector for the database connection
4. Create the class for getting information of the RSS items

Step 1: Create the database.

We will create two database tables, the first is called rss_details, which contains the details for the feed and the second is called rss_info, which contains all of the items.

Note: Make sure you have created a database to be used with our RSS System and put the configuration parameters in step 3 of the tutorial.

Create a table in the database and name it rss_details. Then give the table the fields shown in Table-Img.

Create this simple table with this MySQL table query by the following CREATE TABLES statement:

CREATE TABLE IF NOT EXISTS `rss_details` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `title` text NOT NULL,
  `descr` text NOT NULL,
  `url` text NOT NULL,
  `image_info` text NOT NULL,
  `image_url` text NOT NULL,
  `image_source` text NOT NULL,
  `image_width` text NOT NULL,
  `image_height` text NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=latin1 AUTO_INCREMENT=8 ;

We need to create a second table in the database and name it rss_info. Then give the table the fields shown in  Table-Img.

Create this simple table with this MySQL table query by the following CREATE TABLES statement:

CREATE TABLE IF NOT EXISTS `rss_info` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `title` text NOT NULL,
  `descr` text NOT NULL,
  `url` text NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=latin1 AUTO_INCREMENT=8 ;

Step 2: Create the index page

In the index.php file, we start by adding a header that will configure the content type of the document as valid XML and choose the charset that you need.
Include the class.php, instantiate the object and trigger a method called GetFeed.
The GetFeed method of a table delegate class or application delegate class returns an associative array of parameters to configure the RSS feed.

Create this simple index page with my write source:

     <?
      header("Content-Type: application/xml; charset=ISO-8859-1");
      include("class.php");
      $rss = new RSS();
      echo $rss->GetFeed();
     ?>

Step 3: Create connector for the database.

The connector.php file defines our database connection information, makes the initial connection and selects the defined database.

     <?
      DEFINE ('DB_USER', 'your_name');
      DEFINE ('DB_PASSWORD', 'your_password');
      DEFINE ('DB_HOST', 'localhost');
      DEFINE ('DB_NAME', 'your_databasename');
      //connection to the database
      $dbc = @mysql_connect (DB_HOST, DB_USER, DB_PASSWORD) OR die ('Could not connect to MySQL: ' . mysql_error() );
      mysql_select_db (DB_NAME) OR die ('Could not select the database: ' . mysql_error() );
    ?>

Step 4: Create the class for getting information of the RSS items

The RSS class constructor is a public method that requires the connector.php file. Remember to put this file in a safe location on your server so it’s not exposed to hackers. Once the file’s in place change the path in the file index.php on line 3.

<?
  class RSS
  {
    public function RSS()
    {
        require_once ('connector.php');
    }
    public function GetFeed()
    {
        return $this->getDetails() . $this->getItems();
    }
    private function dbConnect()
    {
        DEFINE ('LINK', mysql_connect (DB_HOST, DB_USER, DB_PASSWORD));
    }
    private function getDetails()
    {
        $detailsTable = "rss_details";
        $this->dbConnect($detailsTable);
        $query = "SELECT * FROM ". $detailsTable;
        $result = mysql_db_query (DB_NAME, $query, LINK);
        while($row = mysql_fetch_array($result))
        {
            $details = '<?xml version="1.0" encoding="ISO-8859-1" ?>
                <rss version="2.0">
                    <channel>
                        <title>'. $row['title'] .'</title>
                        <link>'. $row['link'] .'</link>
                        <description>'. $row['description'] .'</description>
                        <language>'. $row['language'] .'</language>
                        <image>
                            <title>'. $row['image_title'] .'</title>
                            <url>'. $row['image_url'] .'</url>
                            <link>'. $row['image_link'] .'</link>
                            <width>'. $row['image_width'] .'</width>
                            <height>'. $row['image_height'] .'</height>
                        </image>';
        }
        return $details;
    }
    private function getItems()
    {
        $itemsTable = "rss_info";
        $this->dbConnect($itemsTable);
        $query = "SELECT * FROM ". $itemsTable;
        $result = mysql_db_query (DB_NAME, $query, LINK);
        $items = '';
        while($row = mysql_fetch_array($result))
        {
            $items .= '<item>
                <title>'. $row["title"] .'</title>
                <link>'. $row["link"] .'</link>
                <description><![CDATA['. $row["description"] .']]></description>
            </item>';
        }
        $items .= '</channel>
                </rss>';
        return $items;
    }
}
?>

Download

Congratulations, you finished your Custom RSS Feed.

Related posts:

1. Create Ajax Search Using PHP MYSQL and jQuery
2. How To Export MySql To CSV ?
3. Create simple wordpress plugin From Scratch Part-2

The post How to Create Custom RSS Feed Using MySQL and PHP appeared first on WebDesignerGeeks - Web Designer, Web Developer blog.

When I stuck with some problem Stack Overflow helps me a lot to find answer for my question.Stack Overflow is collaboratively built and maintained by your fellow programmers.

In this post I have listed some Funny questions with funny answers on stackoverflow seen in my programming life.

1. What are some funny loading statements to keep users amused?

Answer

2. Don’t close questions where the user has requested that it not be closed

Answer

3.What’s the difference between JavaScript and Java?

Answer

4 .Disclaimer | Privacy | Terms & Condition

Answer

5. RegEx match open tags except XHTML self-contained tags

Answer

6. What is the best comment in source code you have ever encountered?

Answer

Bonus funny question on Yahoo !

Please help us via sharing this post if you like, and do not forget to comment if you found even more funny question with answer

No related posts.

The post Funny questions with funny answers – stackoverflow appeared first on WebDesignerGeeks - Web Designer, Web Developer blog.

In this article, I will explain you How To Export MySql To CSV ? very easily.

STEP 1:Assigning  the Mysql database & table.

• $host: Hostname or an ip adress. it is usualy localhost.
• $db: Mysql user account used to access the database.
• $user: this is the password for the Mysql user account.It is usualy root.
• $pass: this is the name of the Mysql database used.It is usualy blank.
• $table: The name of the table that you want from Mysql to csv.

[adsense]

STEP2: Creating the connection to the Mysql database-export.php

In this function, I will create a simple MySql database connection using the above assigning variable.

Now as you can see we are calling here exportMysqlToCsv($table) function and passing the name of table. In Next step we will create this function.

<?php

$host = 'localhost'; // MYSQL database host adress
$db = ''; // MYSQL database name
$user = ''; // Mysql Datbase user
$pass = ''; // Mysql Datbase password

// Connect to the database
$link = mysql_connect($host, $user, $pass);
mysql_select_db($db);

require 'exportMysqlToCsv.inc.php';

$table=""; // this is the tablename that you want to export to csv from mysql.

exportMysqlToCsv($table);

?>

STEP3: Creating ‘exportMysqlToCsv’ function-exportMysqlToCsv.inc.php

Create a php file and named it as ‘exportMysqlToCsv.inc.php’.

<?php

function exportMysqlToCsv($table,$filename = 'export.csv')
{
	$csv_terminated = "\n";
	$csv_separator = ",";
	$csv_enclosed = '"';
	$csv_escaped = "\\";
	$sql_query = "select * from $table";

	// Gets the data from the database
	$result = mysql_query($sql_query);
	$fields_cnt = mysql_num_fields($result);

	$schema_insert = '';

	for ($i = 0; $i < $fields_cnt; $i++)
	{
		$l = $csv_enclosed . str_replace($csv_enclosed, $csv_escaped . $csv_enclosed,
			stripslashes(mysql_field_name($result, $i))) . $csv_enclosed;
		$schema_insert .= $l;
		$schema_insert .= $csv_separator;
	} // end for

	$out = trim(substr($schema_insert, 0, -1));
	$out .= $csv_terminated;

	// Format the data
	while ($row = mysql_fetch_array($result))
	{
		$schema_insert = '';
		for ($j = 0; $j < $fields_cnt; $j++)
		{
			if ($row[$j] == '0' || $row[$j] != '')
			{

				if ($csv_enclosed == '')
				{
					$schema_insert .= $row[$j];
				} else
				{
					$schema_insert .= $csv_enclosed .
					str_replace($csv_enclosed, $csv_escaped . $csv_enclosed, $row[$j]) . $csv_enclosed;
				}
			} else
			{
				$schema_insert .= '';
			}

			if ($j < $fields_cnt - 1)
			{
				$schema_insert .= $csv_separator;
			}
		} // end for

		$out .= $schema_insert;
		$out .= $csv_terminated;
	} // end while

	header("Cache-Control: must-revalidate, post-check=0, pre-check=0");
	header("Content-Length: " . strlen($out));
	// Output to browser with appropriate mime type, you choose 
	header("Content-type: text/x-csv");
	//header("Content-type: text/csv");
	//header("Content-type: application/csv");
	header("Content-Disposition: attachment; filename=$filename");
	echo $out;
	exit;

}

?>

As you can see the code in this function we are passing the table name using $table variable.

In this example default filename of the exported file is export.csv. you can change it as you like to append date.(ex.export-18-06-2012.csv)

Related posts:

1. Create Ajax Search Using PHP MYSQL and jQuery
2. Android login authentication with remote (MySql)database
3. Getting Start With CakePHP and jQuery

The post How To Export MySql To CSV ? appeared first on WebDesignerGeeks - Web Designer, Web Developer blog.

CakePHP is a rapid development framework for PHP that provides an extensible architecture for developing, maintaining, and deploying applications. Using commonly known design patterns like MVC and ORM within the convention over configuration paradigm, CakePHP reduces development costs and helps developers write less code.
In this tutorial i have explained basics of CakePHP. How to Getting Start With CakePHP.

MVC architecture

Model–view–controller (MVC) is a software architecture, currently considered an architectural pattern used in software engineering. The pattern isolates “domain logic” (the application logic for the user) from the user interface (input and presentation), permitting independent development, testing and maintenance of each.

Model View Controller (MVC) pattern creates applications that separate the different aspects of the application (input logic, business logic, and UI logic), while providing a loose coupling between these elements

Basics of CakePhp

Folder Structure

Naming conventions

View–Class name :MyFirstClass | filename: my_first_name.php
Model–Classname: Book | tablename: books
Controller–Classname: BooksController
Ex:
Database table : books
Model class : Book
Controller class : BooksController
View found at : /app/views/books/index.ctp

Steps

Getting Start With CakePHP

1. Creating the database
2. Creating a model
3. Creating a controller
4. Creating the views

1. Creating the database

• Create a new table (name should be according to the naming conventions)
• Enter the data.
• (Using phpmyadmin)

2. Creating a model

• Separates the domain logic from presentation isolating the application logic.
• Extends AppModel(extends Model)
• Contains data validation rules, association information and methods specific to the table it uses.
• For complete reference http://api.cakephp.org
• Cakephpdynamically creates a model object


class Book extends AppModel{
var$name = ‘Book';
}


• We do can add some behaviors to each model.

3. Creating a controller

• Manages the logic for a part of our application
• Can access the model object by $this->Book


class BooksControllerextends AppController{
var$name = 'Books';
function index() {
$this->set('books', $this->Book->find('all'));
}
}
$this->loadModel(‘Article'); loads a different model


• Components (packages of logic that are shared between controllers)

4. Creating the views

• Layouts (placed in /app/views/layouts)
• Elements (reusable parts)

Helpers

(var$helpers = array('Form', 'Html', 'Javascript', 'Time');)


Sample model

 array(
'rule' => 'notEmpty'
),
'author' => array(
'rule' => 'notEmpty'
)
);
}
?>

Sample Controller

set('books', $this->Book->find('all'));
}
function view($id = null) {
$this->Book->id = $id;
$this->set('book', $this->Book->read());
print_r($this->viewVars);
}
}

Sample view
Books

Id
Title
Author



link($book*‘Book+*'title'+,
array('controller' => ‘books’, 'action' => 'view', $book*‘Book+*'id'+)); ?>

References : http://book.cakephp.org/view/4/Beginning-With-CakePHP
Getting Start With CakePHP.

Related posts:

1. Getting Start With CakePHP and jQuery
2. Getting Start With BlackBerry WebWorks JavaScript Extension
3. Top 10 iPhone App Development Tutorial blogs

The post Getting Start With CakePHP – Beginner Tutorial appeared first on WebDesignerGeeks - Web Designer, Web Developer blog.

Tutorial Details

Program: CakePHP
Version (if applicable): 1.3.14 Stable +
Difficulty: Intermediate
Estimated Completion Time: 30 – 45 minutes

In this Tutorial, i will teach how to use JQuery in CakePHP to do ajax save. The final task is to save a record through Ajax using JQuery.

Table Of Content

1. Creating Database
2. Creating View File
3. Creating Controller Action
4. Setup jQuery AJAX call
5. Final code

1. Creating Database

Create a simple database table:

CREATE TABLE IF NOT EXISTS `employee` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`name` varchar(250) COLLATE latin1_general_ci NOT NULL,
`email` varchar(250) COLLATE latin1_general_ci NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci AUTO_INCREMENT=61 ;

Give correct database information at app/config/database.php and make sure that CakePHP is able to connect to your database.

2. Creating View File

Setting up view is very straightforward, what we need to do is simply create a form using CakePHP form helper, assign the form an unique id and point its action to “/Employee/add”, open “app/views/employee/index.ctp” and add codes below:

Form->create('Employee',array('action'=>'add','id'=>'saveForm'));
echo $this->Form->input('name',array('id'=>'name'));
echo $this->Form->input('email',array('id'=>'email'));
echo $this->Form->submit('Save',array('id'=>'show_hide'));
echo $this->Form->end();

?>

3. Creating Controller Action

Create “app/controllers/employee_controller.php”, take note we included RequestHandler here because we need it later to detect ajax request:
layout='default';
}

}

?>
We have point the form action to “employee/add”, so we need to set up the controller action for it here. Open “app/controllers/employee_controller.php”, and add function add() as below. Firstly, we set autoRender to false, because we don’t need a view for this action. Then we detect if it is an ajax request using RequestHandler, if so, we set debug to 0, so CakePHP will not append any message to it even you turn debug level higher than 0 from global config. At last, we save the record by calling model function, and output status string.public
function add()
{
$this->autoRender=false;if($this->RequestHandler->isAjax())
{
Configure::write('debug', 0);
}if(!empty($this->data))
{
if($this->Employee->save($this->data))
{
echo 'Record has been added';
}
else
{
echo 'Error while adding record';
}
}
}


4. Setup jQuery AJAX call

Finally we come to use JQuery to do ajax submit from view to controller, we have decided to put JQuery codes in layout file, just to make it easier to organize. Open “app/views/layouts/default.ctp”, and add JQuery codes inside header section of the document as below. What we did here is, firstly we serialize the form data and get form action url. Then we call $.ajax() function to do the magic.

5. Final Code

Completed codes for view, controller and layout:

“app/views/employee/index.ctp”
Form->create('Employee',array('action'=>'add','id'=>'saveForm'));
echo $this->Form->input('name',array('id'=>'name'));
echo $this->Form->input('email',array('id'=>'email'));
echo $this->Form->submit('Save',array('id'=>'show_hide'));
echo $this->Form->end();

?>
“app/controllers/employee_controller.php”
layout='default';
}

public function add()
{
$this->autoRender=false;

if($this->RequestHandler->isAjax())
{
Configure::write(‘debug’, 0);
}

if(!empty($this->data))
{
if($this->Employee->save($this->data))
{
echo ‘Record has been added’;
}
else
{
echo ‘Error while adding record’;
}
}
}
}

?>
If you like our Employeeial, please share this post and help me spread the word. I need your support to continue.

Related posts:

1. Create Ajax Search Using PHP MYSQL and jQuery
2. Getting Start With BlackBerry WebWorks JavaScript Extension
3. Top 10 Jquery Tutorials you should know

The post Getting Start With CakePHP and jQuery appeared first on WebDesignerGeeks - Web Designer, Web Developer blog.

First of all create database ajax_demo , then create table ajax_search.

CREATE TABLE `ajax_search` (
  `id` int(11) NOT NULL auto_increment,
  `FirstName` varchar(50) NOT NULL,
  `LastName` varchar(50) NOT NULL,
  `Age` int(11) NOT NULL,
  `Hometown` varchar(50) NOT NULL,
  `Job` varchar(50) NOT NULL,
  PRIMARY KEY  (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=5 ;

HTML Code: index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Ajax Tutorial: How to Create Ajax Search Using PHP jQuery and MYSQL.  Demos: 99Points.info</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>

<link rel="stylesheet" type="text/css" media="screen" href="css.css" />

</head>

<script language="javascript">

$(document).ready(function(){

	//show loading bar

	function showLoader(){

		$('.search-background').fadeIn(200);

	}

	//hide loading bar

	function hideLoader(){

		$('#sub_cont').fadeIn(1500);

		$('.search-background').fadeOut(200);

	};

	$('#search').keyup(function(e) {

      if(e.keyCode == 13) {

      	showLoader();

		$('#sub_cont').fadeIn(1500);

		$("#content #sub_cont").load("search.php?val=" + $("#search").val(), hideLoader());

      }

      });

	$(".searchBtn").click(function(){

		//show the loading bar

		showLoader();

		$('#sub_cont').fadeIn(1500);
		$("#content #sub_cont").load("search.php?val=" + $("#search").val(), hideLoader());
	});

});

</script>

<body>

<h1>Ajax Tutorial: How to Create Ajax Search Using PHP jQuery and MYSQL</h1>

	<div class="textBox">

        <input type="text" value="" maxlength="100" name="searchBox" id="search">

		<div class="searchBtn">

		&nbsp;

		</div>

    </div>

	<br clear="all" />

	<div id="content">

		<div class="search-background">

			<label><img src="loader.gif" alt="" /></label>

		</div>

		<div id="sub_cont">

		</div>

	</div>

</body>
</html>

DB Connect : dbcon.php

<?php

	$link = mysql_connect('localhost', 'root', '');

	mysql_select_db('ajax_demo',$link);
?>

PHP Code for Search Result : search.php

<?php

function checkValues($value)
{
	 // Use this function on all those values where you want to check for both sql injection and cross site scripting
	 //Trim the value
	 $value = trim($value);

	// Stripslashes
	if (get_magic_quotes_gpc()) {
		$value = stripslashes($value);
	}

	 // Convert all &lt;, &gt; etc. to normal html and then strip these
	 $value = strtr($value,array_flip(get_html_translation_table(HTML_ENTITIES)));

	 // Strip HTML Tags
	 $value = strip_tags($value);

	// Quote the value
	$value = mysql_real_escape_string($value);
	return $value;

}
include("dbcon.php");

$rec = checkValues($_REQUEST['val']);
//get table contents

if($rec)
{
	$sql = "select * from ajax_search where FirstName like '%$rec%' or LastName like '%$rec%' or Age like '%$rec%' or Hometown like '%$rec%'";
	}

else

{
	$sql = "select * from ajax_search";
}

$rsd = mysql_query($sql);
$total =  mysql_num_rows($rsd);

?>

<?php
echo "<h2>Search Result</h2>";
echo "<table border='0'  id='content' cellspacing='0' cellpadding='0'>
<tr bgcolor='#FFFFCC'>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
<th>Hometown</th>
<th>Job</th>
</tr>";
while ($row = mysql_fetch_assoc($rsd))

{
  echo "<tr class='each_rec'>";
  echo "<td>" . $row['FirstName'] . "</td>";
  echo "<td>" . $row['LastName'] . "</td>";
  echo "<td>" . $row['Age'] . "</td>";
  echo "<td>" . $row['Hometown'] . "</td>";
  echo "<td>" . $row['Job'] . "</td>";
  echo "</tr>";
  }
echo "</table>";

if($total==0){ echo '<div class="no-rec">No Record Found !</div>';}?>

Related posts:

1. Create simple wordpress plugin From Scratch Part-2
2. Top 10 Jquery Tutorials you should know
3. Create simple wordpress plugin From Scratch Part-1

The post Create Ajax Search Using PHP MYSQL and jQuery appeared first on WebDesignerGeeks - Web Designer, Web Developer blog.