php ajax code

favicon .ico Online Editor & Generator Icon on Address Bar

2008-08-12T21:49:00.000-07:00

What is favicon?
A favicon (short for 'favorites icon'), are litle icons associated with a particular website or webpage, shown next to the site's name in the URL bar of most browsers. The most common sizes for favicons are: 16x16, 32x32, 48x48, 64x64, 128x128.

Would you like to display your own icon on the browser address bar and browser tabs when visitors view your web pages?

Let's make it.

Favicon Online Editor with live preview

Favicon Generator : create favicon with you own or upload your pic and there have tool automatic crop pic before upload.

Favicon Easy to create favicon on your web. Just click on the squares and paint your logo or upload picture to generate logo. simple to make animation favicon

GenFavicon : Free online Favicon Generator, Icon Generator. Create Favicon by upload and crop image

Favicon maker v1

FavIcon from Pics and Animated Favicon

DynamicDrive FavIcon Generator

Flash Gallery Slideshow

2008-08-11T06:26:00.000-07:00

Flash Gallery Slideshow
Mini Flash Gallery 3x3 picture frame total 9 pictures. when you click on thumbnails picture will sliding from left to right or top to bottom

Ajax Center all about Ajax Javascript jquery

2008-08-11T04:59:00.000-07:00

Ajax Center all about Ajax Javascript jquery
Ex : popup, tooltip, tab, auto complete, image resize, graph, library and more...

Create Beautiful HTML Form in 3 step

2008-08-10T23:11:00.000-07:00

pForm - Free HTML Form Builder - Create Web Form Template Online

Create Form in 3 step. you can choose color and design your form like web editor program.

Generate Tag Cloud with Javascript

2008-08-10T19:36:00.000-07:00

wordle.net is a toy for generating “word clouds” from text that you provide.
you can create tag Cloud by input your word or use your blog url or use bookmark from Del.icio.us create tag cloud

create you own click here

gotAPI documentation for Ajax and web2.0 Developer

2008-08-10T06:49:00.000-07:00

gotAPI.com - documentation at your fingertips. Instant search in HTML and other developer. DocumentationQuick reference search for HTML (including HTML, CSS, JavaScript, AJAX, Web2.0) and other for Developer

Color Palette Generators for Blog and Website

2008-08-07T19:36:00.000-07:00

Making it easier for web designers to pick colors with..

Kuler

Kuler is an Adobe Labs color palette generator and explorer.

Color Hunter

Color Hunter is a color palette generator that uses flickr photos to create a palette.

Color Palette Generator

The Color Palette Generator located on DeGraeve.com

ColorJack

ColorJack is an online generator that lets you hover over a color on the site's grid to see themes that use that color.

Daily Color Scheme

Daily Color Scheme is an "everyday color resource" that provides you with the color schemes used by other web sites like 9Rules

and

http://www.fisssh.com/color-palette-generators

http://www.wellstyled.com/tools/colorscheme2/index-en.html

http://www.colr.org/

http://www.colourlovers.com/

http://www.colorschemer.com/online.html

http://www.squarerocks.com/

Greased Lightbox

→←+-↻

Loading image

Click anywhere to cancel

Image unavailable

Greased Lightbox

→←+-↻

Loading image

Click anywhere to cancel

Image unavailable

Cool Charts & Graph with Ajax, jQuery, Javascript

2007-08-16T07:12:00.000-07:00

Fusion Charts
Fusion Charts use Ajax Technology and Flash animation
it's not free but FusionCharts Trial is a no-restriction evaluation of the actual component. just a "FusionCharts" and "InfoSoft Global" imprints would be present on the charts

I think is chart is very easy to use it and chart is look good. more styles with 2D and 3D chart.

Emprise javascript charts
it's not free but The free trial version is a fully functional, not-expiring version with certain limitations on series types available and the number of charts per page and series per chart

css for bar graphs
simple Bar Graph by css style

Cssplay
A definition list bar chart

Ajax mgraph
Ajax Graph based on Prototype.js

PlotKit - Javascript Chart Plotting
PlotKit is a Chart and Graph Plotting Library for Javascript

jQuery Chart Plugin version 0.1

Web 2.0 Logo Creator

2007-08-07T19:25:00.000-07:00

Easy to Create Web 2.0 logo style without photoshop. Just goto this site they have a tool to generate logo for your website. let's make you logo look pretty cool.

1. http://h-master.net/web2.0/

2. http://creatr.cc/creatr/

Javascript Visual Keyboard Eng & Thai Lang

2007-08-01T05:03:00.000-07:00

Javascript Visual Keyboard include English and Thai language with graphic style and button style : This script will help you when you keyboard is broke !!! or when you used with touchscreen monitor. It's work on IE, not work on firefox

See Example : javascript visual keyboard graphic style
See Example : javascript visual keyboard button style

Download Source code : visual_keyboard.rar
mirror : visual_keyboard.rar

( Please don’t directly link to the file… thank you )

Greased Lightbox

→←+-↻

Loading image

Click anywhere to cancel

Image unavailable

23 Best Ajax Tooltip and Balloon

2007-07-25T05:43:00.000-07:00

dhtmlgoodies.com

Tooltip for forms, Ajax tooltip, Title to note, Tooltip with transparent shadow, Balloon tooltip

jQuery plugin: Tooltip

images tooltip, transperent tooltip, balloon and more...

Bubble Tooltips

Bubble Tooltips are an easy way to add fancy tooltips with a balloon shape to any web page

Prototip

9 styles tooltips for prototype

BoxOver

BoxOver uses javascript / DHTML to show tooltips on a website

mootools Tips

clueTip

clueTip : A jQuery Plugin : tooltip with loading

CSSplay

Information balloon pop-ups

ajaxian.com

Tooltip.js: Creating simple tooltips

Animated Tooltip Javascript

SuperNote v1.0beta2

fade in fade out effect tooltip

AJAX-Powered Help Balloons/Tooltips

GLT - Good-Looking Tooltips

g-maging tipsx3

Tooltips from AJAX, DOM nodes or inline attributes contents

jTip – A jQuery Tool Tip

loading tooltip

Sweet Titles - YUI Style

Tipster v3.1 RC

texsoft.it : cool tooltip

Nice titles

Nice Titles revised : tooltips

JavaScript, DHTML Tooltips

Yahoo! UI Library: Tooltip

overLIB

hope your enjoy 23 Best Ajax Tooltip and Balloon and benefit of your website

15 Calendar & Time Script With Ajax and Javascript

2007-07-23T04:39:00.000-07:00

Ajax Calendar help users to choose one or more dates from a graphical calendar presented in a month interface. Flat Calendar Style, Pop Calendar Style, Fade Effect Calendar Style and more Style make great looking improvement to the user interface of your web application

Calendar XP

javascript calendar, calendar range, pop calendar, flat calendar, datetime, time
Ajax Planner : click on the calendar to the right to activate the week-planner and set up events

example : flat calendar , pop calendar

Fancy MooTools Date Picker

This Calendar look clean and beautiful, I Love It.

jQuery Calendar

fade in fade out effect calendar and more calendar themes

Yahoo! UI Library: Calendar

Calendar Control to be a useful and easy-to-implement enhancement to any date-selection interaction

Example : Explore examples of the Calendar Control in action

jscalendar-1.0

apple calendar style

Swazz Javascript Calendar

CSSplay A simple list calendar

Tigra Calendar

popup Javascript calendar

bmgadg Free AJAX Calendar

Unobtrusive Date-Picker Widgit Update

Transparent effect calendar

eulerian DatePicker using Prototype and Scriptaculous

Jax Calendar

php event and calendar

jCalendar a jQuery calendar by ted serbinski

jQuery date picker plug-in

A flexible unobtrusive calendar component for jQuery

ClockPick A jQuery timepicker plugin

Ajax Triple Dropdown with States Cities Database

2007-07-19T06:51:00.000-07:00

Ajax Dropdown Menu it's make easy for user to use interface. When you choose first dropdown menu data in second dropdown will be filter and data related in first dropdown will be show automatic

For This Example Code is PHP and Database is MySQL

Example : Stated and Cities

1. Create Dropdown Menu (state_dropdown.php)


 <?     
     echo "<form name=sel>\n";
     echo "States : <font id=states><select>\n";
     echo "<option value='0'>============</option> \n" ;
     echo "</select></font>\n";
     
     echo "Cities : <font id=cities><select>\n";
     echo "<option value='0'>=== none ===</option> \n" ;
     echo "</select></font>\n";
?>

<script language=Javascript>
function Inint_AJAX() {
try { return new ActiveXObject("Msxml2.XMLHTTP");  } catch(e) {} //IE
try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) {} //IE
try { return new XMLHttpRequest();          } catch(e) {} //Native Javascript
alert("XMLHttpRequest not supported");
return null;
};

function dochange(src, val) {
var req = Inint_AJAX();
req.onreadystatechange = function () {
 if (req.readyState==4) {
      if (req.status==200) {
           document.getElementById(src).innerHTML=req.responseText; //retuen value
      }
 }
};
req.open("GET", "state.php?data="+src+"&val="+val); //make connection
req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=iso-8859-1"); // set Header
req.send(null); //send value
}

window.onLoad=dochange('states', -1);         // value in first dropdown
</script>

2. Select States and Cities to Show in Dropdown (state.php)



<?
//set IE read from page only not read from cache
header ("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header ("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header ("Cache-Control: no-cache, must-revalidate");
header ("Pragma: no-cache");

header("content-type: application/x-javascript; charset=tis-620");

$data=$_GET['data'];
$val=$_GET['val'];

//set database
$dbhost = "localhost";
$dbuser = "";
$dbpass = "";
$dbname    = "test";
mysql_pconnect($dbhost,$dbuser,$dbpass) or die ("Unable to connect to MySQL server");

if ($data=='states') {  // first dropdown
  echo "<select name='states' onChange=\"dochange('cities', this.value)\">\n";
  echo "<option value='0'>==== choose state ====</option>\n";
  $result=mysql_db_query($dbname,"select `id`, `state` from states order by `state`");
  while(list($id, $name)=mysql_fetch_array($result)){
       echo "<option value=\"$id\" >$name</option> \n" ;
  }
} else if ($data=='cities') { // second dropdown
  echo "<select name='cities' >\n";
  echo "<option value='0'>====choose cities ====</option>\n";                   
  $result=mysql_db_query($dbname,"SELECT `id`, `city` FROM cities WHERE `state_id` = '$val' ORDER BY `city` ");
  while(list($id, $name)=mysql_fetch_array($result)){
       echo "<option value=\"$id\" >$name</option> \n" ;
  }
}
echo "</select>\n";
?>

See Example : States and Cities DropDown
Download Source code : ajax_dropdown.rar
mirror : ajax_dropdown.rar

( Please don’t directly link to the file… thank you )

Example 2 : This is Triple Ajax Dropdown Menu - Province - Ampher - Tumbon in Thailand

1. Create Dropdown Menu (locale_dropdown.php)


<?           echo "<form name=sel>\n";      echo "จังหวัด : <font id=province><select>\n";      echo "<option value='0'>============</option> \n" ;      echo "</select></font>\n";
           echo "อำเภอ : <font id=amper><select>\n";      echo "<option value='0'>==== ไม่มี ====</option> \n" ;      echo "</select></font>\n";            echo "ตำบล : <font id=tumbon><select>\n";      echo "<option value='0'>==== ไม่มี ====</option> \n" ;      echo "</select></font>\n"; ?>

<script language=Javascript>
function Inint_AJAX() {
try { return new ActiveXObject("Msxml2.XMLHTTP");  } catch(e) {} //IE
try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) {} //IE
try { return new XMLHttpRequest();          } catch(e) {} //Native Javascript
alert("XMLHttpRequest not supported");
return null;
};

function dochange(src, val) {
 var req = Inint_AJAX();
 req.onreadystatechange = function () {
      if (req.readyState==4) {
           if (req.status==200) {
                document.getElementById(src).innerHTML=req.responseText; //รับค่ากลับมา
           }
      }
 };
 req.open("GET", "locale.php?data="+src+"&val="+val); //สร้าง connection
 req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=tis-620"); // set Header
 req.send(null); //ส่งค่า
}

window.onLoad=dochange('province', -1); 
</script>

2. Select Province Ampher Tumbon to Show in Dropdown (locale.php)


<?
 //กำหนดให้ IE อ่าน page นี้ทุกครั้ง ไม่ไปเอาจาก cache
 header ("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
 header ("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
 header ("Cache-Control: no-cache, must-revalidate");
 header ("Pragma: no-cache");

 header("content-type: application/x-javascript; charset=tis-620");

 $data=$_GET['data'];
 $val=$_GET['val'];

 //ค่ากำหนดของ ฐานข้อมูล
$dbhost = "localhost";
$dbuser = "";
$dbpass = "";
$dbname    = "test";
mysql_pconnect($dbhost,$dbuser,$dbpass) or die ("Unable to connect to MySQL server");

 if ($data=='province') {
      echo "<select name='province' onChange=\"dochange('amper', this.value)\">\n";
      echo "<option value='0'>==== เลือก สังกัด ====</option>\n";
      $result=mysql_db_query($dbname,"select loc_code,loc_abbr from location where loc_name = location_name and loc_code != '000000' and flag_disaster is null order by loc_abbr");
      while(list($id, $name)=mysql_fetch_array($result)){
           echo "<option value=\"$id\" >$name</option> \n" ;
      }
 } else if ($data=='amper') {
      echo "<select name='amper' onChange=\"dochange('tumbon', this.value)\">\n";
      echo "<option value='0'>======== เลือก ========</option>\n";
      $val2=$val;
      $val = substr($val,0,2);                             
      $result=mysql_db_query($dbname,"SELECT loc_code, loc_abbr FROM location WHERE loc_code != '000000' and loc_code != '$val2' AND loc_code LIKE '$val%'  AND flag_disaster IS NULL ORDER BY loc_code, loc_abbr ");
      while(list($id, $name)=mysql_fetch_array($result)){   
           echo "<option value=\"$id\" >$name</option> \n" ;
      }
 } else if ($data=='tumbon') {
      echo "<select  name='tumbon' >\n";
      echo "<option value='0'>======== เลือก ========</option>\n";
      $val2=$val;
      $val = substr($val,0,4);
      $result=mysql_db_query($dbname,"SELECT loc_code, loc_abbr, loc_name, location_name FROM location WHERE loc_code != '000000' and loc_code != '$val2' AND loc_code LIKE '$val%' AND flag_disaster IS NULL ORDER BY loc_code, loc_abbr");
      while(list($id, $name)=mysql_fetch_array($result)){
           echo "<option value=\"$id\" >$name</option> \n" ;
      }
 }
 echo "</select>\n";
?>

Download Source code : ajax_dropdown.rar
mirror : ajax_dropdown.rar

( Please don’t directly link to the file… thank you )

PS. In ajax-dropdown.rar file Include
for states and cities (america)
state.php
state_dropdown.php
state.sql (MySQL)

for province ampher tumon (thailand)
locale.php
locale_dropdown.php
location.sql (MySQL)

Web 2.0 Layer Layout Badges Gradients by Photoshop

2007-07-16T08:21:00.000-07:00

Create your Web look great in Web 2.0 Styles with Photoshop (.PSD, .ASL, .PNG, .grd)

1. Ultimate Web 2.0 Layer Styles

131 Photoshop Layer Styles created in .ASL ( Photoshop Layer Style ) format.

2. 10 Web Layout Design Elements

3. Web 2.0 Badges

Badges are a key requirement for any basic website too. Here is a set of very cool Web 2.0 Badges for you in .PSD and .PNG formats.

4. Ultimate Web 2.0 Gradients

Gradients are one of the most important aspects to be considered while designing a Web 2.0 Site.

The Best PHP Editor or PHP IDE

2007-07-14T21:30:00.000-07:00

First time i wrote PHP script i used text editor like a pico and nano on linux

After that I used EditPlus to created my PHP script. EditPlus is good Editor it's fast and small but it's not enough for me because if you write PHP in advance you need tool to help.

Now i found the best PHP Editor for me it is NuSphere PhpEd Version 5. NuSphere PhpEd is Integrated Development Environment for PHP and complete PHP platform for developing PHP-based web applications

NuSphere PhpEd Version 5

Features:
- Code highlighter for PHP, XML, XHTML, HTML, CSS and JavaScript.
- Advanced code-completion. PhpED supports object-oriented coding for PHP, as well as HTML or CSS code.
- Code templates allow to type whole code fragments at once by a single key press.
- Hints show arguments, returning value, and a short description for a typed function.
- Fast functions reference shows all the PHP functions as they are available from PHP extensions.
- Project-wide code analyzer shows all php classes, methods, properties, functions and variables in every detail and facilitates object-oriented programming.
- Advanced PHP profiler. PhpED profiler shows executing time for each line, function or module of the code with tenth millisecond`s precision. You can locate all the bottlenecks quickly and efficiently.
- Support for FTPS (TLS/SSL) and WebDAV/HTTPS (SSL) protocols make deployment and data transfer secure now.
- Support for international character sets, including UTF-8. PhpED IDE can be used to create web sites in different encodings.
- Integrated MySQL and UltraSQL/PostgreSQL clients allow connecting to a database from one IDE.
- And more... let's see screenshort

1. Interfact

2. Debug like Visual Basic

3. Connect Database & Show Database

4. Include Terminals

5. Find Help & PHP Function anytime !

6. Code Explorer (Just Click you will go to your function or your class)

7. Slide menu (just point mouse over menu then menu will show, I love it because it make me have a more workspace)

NuSphere PhpEd is support many language. inluce thai language ^__^

Another PHP IDE

- phpDesigner 2007 Professional
phpDesigner 2007 Professional is very good PHP IDE. It's small and fast but It's problems with thai language T__T.

Features :
PHP, HTML, XHTML, CSS and SQL (Ingres, Interbase, MSSQL, MySQL, Oracle, Sybase and Standard SQL) packed in one single program with build-in dialogs/wizards, access to common code/script libraries, utilities and procedures in a nice and elegant design.

- Zend Studio
(support English language, German language, Frence language, Spain language, Italy language, China language and not support thai language)

jQuery new type of JavaScript library

2007-07-12T23:22:00.000-07:00

jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. jQuery is designed to change the way that you write JavaScript.

"You start with 10 lines of jQuery that would have been 20 lines of tedious DOM JavaScript. By the time you are done it's down to two or three lines and it couldn't get any shorter unless it read your mind."

Let's see cool!!! jQuery

- jQuery Portlets : easy to make drag & drop in your site, Example

- Innerfade with jQuery : It's designed to fade you any element inside a container in and out

- jqUploader : Upload file with progressbar and percentage display, Example

- jQuery Tooltip

- jTip Tooptip : another tooltip style

- jModel : tool to help you display notices, dialogs, and modal windows on your webpage

Easy Way to Build Hosting By AppServ

2007-07-12T21:25:00.000-07:00

AppServ it is Easy to install Apache, PHP, MySQL in 1 minute. Many people in this world have problem when Install Apache, PHP, MySQL becuase use long time to configure and some time can make dizzy

AppServ is a full-featured of Apache, MySQL, PHP, phpMyAdmin. You can setup in 1 minite.
Package of AppServ
- Apache
- PHP
- MySQL
- phpMyAdmin

I think is great software to buile your server or your visual server to run PHP and MySQL.Very Easy !!!
Lastest Version is AppServ 2.4.8 and AppServ 2.5.8

source from : www.appservnetwork.com

Easy way to create XLS Excel file from PHP

2007-07-12T21:06:00.000-07:00

Everybody knows phpMyAdmin can export file to Excel format but phpMyAdmin just export .csv file,not real Excel file format. If you are interest in PHP programming and need to export to the real Excel format please check it out !

Example PHP export to XLS file format.

1. Create Function for XLS

2. Send Header to Browser in download format.

// Query Database
$result=mysql_db_query($dbname,"select id,prename,name,sname,grade from appdata where course='$courseid' and sec='$section'")

// Send Header
header("Pragma: public");
header("Expires: 0");
header("Cache-Control: must-revalidate, post-check=0, pre-check=0");
header("Content-Type: application/force-download");
header("Content-Type: application/octet-stream");
header("Content-Type: application/download");;
header("Content-Disposition: attachment;filename=$courseid-$sec.xls ");
header("Content-Transfer-Encoding: binary ");

// XLS Data Cell

xlsBOF();
xlsWriteLabel(1,0,"Student Register $semester/$year");
xlsWriteLabel(2,0,"COURSENO : ");
xlsWriteLabel(2,1,"$courseid");
xlsWriteLabel(3,0,"TITLE : ");
xlsWriteLabel(3,1,"$title");
xlsWriteLabel(4,0,"SETION : ");
xlsWriteLabel(4,1,"$sec");
xlsWriteLabel(6,0,"NO");
xlsWriteLabel(6,1,"ID");
xlsWriteLabel(6,2,"Gender");
xlsWriteLabel(6,3,"Name");
xlsWriteLabel(6,4,"Lastname");
$xlsRow = 7;
while(list($id,$prename,$name,$sname,$grade)=mysql_fetch_row($result)) {
++$i;
xlsWriteNumber($xlsRow,0,"$i");
xlsWriteNumber($xlsRow,1,"$id");
xlsWriteLabel($xlsRow,2,"$prename");
xlsWriteLabel($xlsRow,3,"$name");
xlsWriteLabel($xlsRow,4,"$sname");
$xlsRow++;
}
xlsEOF();
exit();

source from www.appservnetwork.com

Generate Ajax Load

2007-07-12T20:45:00.001-07:00

Today many people use Ajax Technology in your website. first ajax you will see in website I think it's a Ajax Loading. I found this website It's easy to create Ajax Load on your style in 3 Step

Ajax Loading example :

Let's go to create Ajax Loading !! at www.ajaxload.info

85 AJAX Solutions For Professional Coding

2007-07-12T19:42:00.000-07:00

85 AJAX Solutions For Professional Coding from www.smashingmagazine.com

AJAX AutoSuggest, AJAX AutoCompleter, Ajax dynamic list, AJAX Instant Edit, AJAX Menus, Tabs AJAX Date, Time, Calendars AJAX Interactive Elements AJAX Developer’s Suite Enhanced AJAX Solutions Ajax Forms AJAX Lightboxes, Galleries, Showcases Visual Effects, Animation Useful Basic JavaScripts and more ...

click here !!!

I really want to apologize Vitaly Friedman, smashingmagazine