Today in this tutorial I shall teach you how to change the values of select menu with the change in textbox.  For example if we type “a” in the textbox than the select menu should show all the names starting from “a” without loading the page and continue as the change in textbox.

Ok so let us start. First make the input form and call it “form.php”

<script language=”javascript” type=”text/javascript” src=”search.js”></script>

<form name=’myForm’ style=’padding-top: 10px; padding-bottom: 7px;’>

Type Value here:

<input type=’text’ name=’searchQuery’ id=’searchQuery’ onkeyup=”ajaxSearch();” />&nbsp;

</form>

<div id=’ajaxDiv’><?php include(’search.php’); ?></div>

In the above form we first link the JavaScript file that will have the action for our job. The next part we create a form with textbox and assign an action on to it on “onkeyup” event. This will do the action when any new letter is typed in the textbox. And lastly we create a division where we will show the result.

Now, moving on to the JavaScript file. Name it “search.js”

function ajaxSearch() {

var ajax;

try {

ajax = new XMLHttpRequest();

} catch (e) {

try {

ajax = new ActiveXObject (“Msxml2.XMLHTTP”);

} catch (e) {

try {

ajax = new ActiveXObject (“Microsoft.XMLHTTP”);

} catch (e) {

alert (“ERROR: Your browser does not support AJAX.”);

return false;

}

}

}

ajax.onreadystatechange = function () {

if (ajax.readyState == 4) { // when the action is complete.

var ajaxSearchResults = document.getElementById(“ajaxDiv”); // the place holder of the result.

ajaxSearchResults.innerHTML = ajax.responseText;

}

}

var searchQuery = document.getElementById(“searchQuery”).value; // get the value from the textbox.

var queryString = “?searchQuery=” + searchQuery; //add the string with the variable to pass to the file.

ajax.open (“GET”, “Search.php” + queryString, true); // set the method to send the variable and the filename attached with the variable.

ajax.send (null);

}

I have written what a specific line of code does along the line itself. Well the basic concept is we take the value from the textbox and attach it to the string and pass it to the file. And we specify the path to show the result.

Now creating the PHP file to find the result. Name it as “search.php”.

<?php

$conn=mysql_connect(‘localhost’,'root’,”) or die(“<h5 align=center>Could Not Connect to the Server</h5>”);  // Connect to the Local server. Replace the values in the bracket with your server name, database username and password.

$db=mysql_select_db(“recess1″,$conn) or die(“<h5 align=center>Could Not Find the Databassse</h5>”);

// Connects to the db. replace “recess1” with your database name

$searchQuery = $_GET['searchQuery']; // Get the value from the variable.

$resultDiv = “”;

if ($searchQuery != “” || $searchQuery != null) { //check if value is null

$result = mysql_query(“SELECT * FROM category WHERE name like ‘$searchQuery%’ ORDER BY id desc”);  // Replace category with your tablename. And make modifications as your need.

$resultDiv = “<div style =’padding-bottom: 10px;’>”;

$resultDiv .= mysql_num_rows($result); // count the number of rows returned by the query

$resultDiv .= ” entries found for “;

$resultDiv .= ‘”‘ . $searchQuery . ‘”‘;

$resultDiv .= “</div>”;

if ($result != false || $result || (mysql_num_rows ($result)> 0)) { //if more than 0 results are found then display them in select menu.

$i = 1;

?><select> //start the select box.

<?php

while ($row = mysql_fetch_array ($result)) {  // while there are rows

?>

<option>

<?php

echo $row['name'];  // display the data.

?>

</option>

<?php

$str = “”;

$i++;

}

?>

</select>

<?php

}

echo $resultDiv;

}

?>

So what we do in this PHP file is that collect the value passed by the Get method and search for it in the database, and show it in the select menu.  So at the end of this you have a Ajax powered Page that updates its select menu with the change in textbox.

Well here is the code that you can use to create pagination. I have explained the code with the help of comments for each line, so won’t be explaining too much here.

But remember to replace the fields in the connection parameter with your values.

<?php

// code for connecting to database. Replace with your connection parameters.

$conn=mysql_connect(‘localhost’,'username’,'password’) or die(“Could Not Connect to server”);

$db=mysql_select_db(“database name”,$conn) or die(“Database not found.”);

$sql=”select * from tablename”;

$result1=mysql_query($sql);

$rows = mysql_num_rows($result1);

// Get the current Pagenumber

if(isset($_GET['pagenum']))

{

$pagenum = $_GET['pagenum'];

}

else

{

$pagenum = 1; // if pagenumber is not set, then set it to 1.

}

//This is the number of results displayed per page

$page_rows = 4;

//This tells us the page number of our last page

$last = ceil($rows/$page_rows);

//this makes sure the page number isn’t below one, or more than our maximum pages

if ($pagenum < 1)

{

$pagenum = 1;

}

elseif ($pagenum > $last)

{

$pagenum = $last;

}

// set the limit for search as how many search from which record. and query again.

$offset = ($pagenum – 1) * $page_rows;

$data_p = mysql_query(“SELECT * FROM tablename”.”  LIMIT $offset, $page_rows”) or die(“No data found!!”);

// Show Records.

while($res=mysql_fetch_array($data_p))

{

echo $res["columnname"].”</br>”;

}

// showing pagination links.

echo “<div><ul>”;

echo “<font face=’verdana’ size = ‘2′ > –You are currently at page $pagenum of $last– </font><p>”;

// First we check if we are on page one. If we are then we don’t need a link to the previous page or the first page so we do nothing. If we aren’t then we generate links to the first page, and to the previous page.

if ($pagenum == 1)

{

}

else

{

echo “<li> <a href=’{$_SERVER['PHP_SELF']}? pagenum=1′><font face=’verdana’ size = ‘2′ >  First </font></a> </li>”;

echo ” “;

$previous = $pagenum-1;

echo “<li> <a href=’{$_SERVER['PHP_SELF']}?pagenum=$previous’><font face=’verdana’ size = ‘2′ >  Previous </font></a> </li>”;

echo ” “;

}

//just a spacer

echo ”  ”;

//This does the same as above, only checking if we are on the last page, and then generating the Next and Last links

if ($pagenum == $last)

{

}

else {

$next = $pagenum+1;

echo “<li> <a href=’{$_SERVER['PHP_SELF']}? pagenum=$next’><font face=’verdana’ size = ‘2′ >  Next </font></a></li> “;

echo ” “;

echo “<li> <a href=’{$_SERVER['PHP_SELF']}? pagenum=$last’><font face=’verdana’ size = ‘2′ >  Last </font></a></li> “;

}

echo “</ul></div>”;

?>

There must have been times when you needed to encrypt your data while using c# (…obviously that’s why you are reading this tutorial.) but didn’t know how to. Well this had been a question for me when I was doing my minor project for college and had to search a lot for it. And believe me it was very hard to find a good tutorial on it. So now I am going to provide you with the code and method to encrypt your data using md5 in C#.

To start off, open a project in C# (a new one or your existing one). Now Right click on the project name and add a new class on to it, name it “function.cs”.

Part1. Creating the Function.

To use md5 class you first need to call the Security namespace. So call it as:

[sourcecode language="c#"]using System.Security;

using System.Security.Cryptography;

Along with other previously called namespaces.

Now in the function class insert this code.

class functions

{

public static string getMd5Hash(string input)

{

// Create a new instance of the MD5CryptoServiceProvider object.

MD5 md5Hasher = MD5.Create();

// Convert the input string to a byte array and compute the hash.

byte[] data = md5Hasher.ComputeHash(Encoding.Default.GetBytes(input));

// Create a new Stringbuilder to collect the bytes

// and create a string.

StringBuilder sBuilder = new StringBuilder();

// Loop through each byte of the hashed data

// and format each one as a hexadecimal string.

for (int i = 0; i < data.Length; i++)

{

sBuilder.Append(data[i].ToString(“x2″));

}

// Return the hexadecimal string.

return sBuilder.ToString();

}

}

[/sourcecode]

So now you have created the function to encrypt the given data. Now you can call this from anywhere in your project to encrypt the data.

Part2. Calling the Function.

Now, for encrypting the data. Add a new form in the project. Add two text fields, two labels and a button on to the form.

Double click on the button to go to its Code window. Now call the function you created as.

string source = textBox1.Text; // get the value of textbox1

string hash = functions.getMd5Hash(source); // Pass the data to the function and store the encrypted value at new variable

MessageBox.Show(hash); //show the encrypted value

This shall give you output as follows.

So now you are done with the encryption technique. Now you can encrypt your password and other things and store it more securely in the database.

I hope this article was helpful to you. I shall be back with more tutorials till then have a nice time.