Learn and Share PHP Code

ajax jquery : php multiple delete item with check box

robi ilham — Mon, 21 Dec 2009 11:14:08 +0000

this tutorial will show you how to delete more than one data with ajax methode using jquery..

first create file, just named it index.php in this file we create a list of category with check box and a link to delete the category.

you can download the sample here

index.php





Multipele Delete






delete

category a


category b


category c


category d


category e

delete
	category a
	category b
	category c
	category d
	category e

the above code contain jquery code to populate the checked value of check box.

ids=new Array()
 a=0;
 $("input.chk:checked").each(function(){
 ids[a]=$(this).val();
 a++;
 })

after that we sent that value via ajax to php file that run a delete query;

delete.php

// in this file we will run  aquery code. to delete the category by getting the unique id.
//$id=$_GET['id'].
echo 1;

you can download the sample here

Add New Row on Table with jquery

robi ilham — Fri, 11 Dec 2009 09:47:05 +0000

with jquery we can simply add new row in top or in bottom using append and prepend method.

html

Add row In the bottom | Add row In the Top



Text 1 text 2

then add this jquery function to html code

try it out, and you will see the row will append when you click the link.

full code







Untitled Document



Add row In the bottom | Add row In the Top



Text 1 text 2

Download the sample here

Ajax Create, update and delete data with jquery and php

robi ilham — Sat, 21 Nov 2009 18:55:04 +0000

now we will make a simple add, edit ,delete data with jquery, php and mysql

first we create a table called ‘tbl_barang’

CREATE TABLE `tbl_barang` (
 `kode_barang` varchar(10) collate latin1_general_ci NOT NULL,
 `nama_barang` varchar(100) collate latin1_general_ci NOT NULL,
 `harga` double(16,2) NOT NULL,
 PRIMARY KEY  (`kode_barang`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci;

after that we create a file called ‘koneksi.php’ and put ths code into the file

then let’s create a file to view a list of inserted data give the file name “listbarang.php” and put this code into the file.





Kode barang Nama barang Harga Edit delete





edit delete

Kode barang	Nama barang	Harga	Edit	delete
			edit	delete

now let’s add some jquery code for edit and delete into the file. the code will do ajax for delete and edit. add this code into listbarang.php.

now create new file and named formbarang.php. this file is used to add new item.





Kode Barang  value="" />


Nama Barang 


Harga

to make it work as ajax. add this jquery code in the file.

now create a new file to handle the add, edit and delete named proses.php and write this code into the file

finaly create an index.php file to wrap all the code.





Sample Add Edit Delete ajax With Jquery







masukkan barang baru

you can download the file here

php and google map

robi ilham — Fri, 06 Nov 2009 06:06:45 +0000

this is a simple tutorial how we get address from database and then view the address location using google map.

first create a company company

CREATE  TABLE  `address` (

`id` INT NOT  NULL  AUTO_INCREMENT  PRIMARY  KEY ,
 `company_name` VARCHAR( 100  )  NOT  NULL ,
 `address` VARCHAR( 255  )  NOT  NULL ,
 `city` VARCHAR( 100  )  NOT  NULL

) ENGINE  =  MYISAM ;

let’s insert some data;

INSERT  INTO  `address` (  `id` ,  `nama_perusahaan` ,  `alamat` ,  `kota`  )
VALUES (

NULL ,  'akatsuki corp',  'sudirman',  'jakarta'

), (

NULL ,  'konoha corp',  'kuningan',  'jakarta'

);

and this is the code for view the company location on the map.


 
 

Untitled Document

download map.zip file

Jquery Built In functions : animations

robi ilham — Mon, 02 Nov 2009 08:03:54 +0000

today i will introduce you with jquery animations built in functions.

Slide Up ( slideUp() )

slide up function will make a selector sliding up. you can add parameter to this function and callback function

$(".slide").slideUp("slow")
$(".slide").slideUp("fast")
$(".slide").slideUp(3000)  // 3000 ms
$(".slide").slideUp(3000,function(){ callback();}) // using callback function

Slide Down( slideDown())

Reverse function of Slide UP

$(".slide").slideDown("slow")
$(".slide").slideDown("fast")
$(".slide").slideDown(3000)  // 3000 ms
$(".slide").slideDown(3000,function(){ callback();}) // using callback function

Toogle Slide

toogle betwen slide up and slide down

$(".slide").slideToggle(3000)

Fade out

make a seletor fading out. take same parameter as slide

$(".fade").fadeOut(3000);

Fade In

make a seletor fading In. take same parameter as slide

$(".fade").fadeIn(3000);

Download file here

What you need to learn php..

robi ilham — Tue, 27 Oct 2009 06:38:21 +0000

if you are some one that want to learn website programing php is one of the best choice. because its easy and ofcourse it is open source which it’s mean free for you to use ..

first thing of all you need to have is willing to learn and keep your spirit, DON’T GIVE UP..

after that you need a set of computer. if you don’t have then borrow it

maybe you will also need a softdrink or some snack .

ok if you ready now let’s get started.

creating a local server

To run php code we need php apache server and mysql for database. you can install apache and mysql one by one, or you can install WAMP,XAMPP which already included php and mysql.

for download and how to install xampp on you can read on http://www.apachefriends.org/en/xampp.html

if you done with the installations then test your local server by typing http://localhost in your web browser.

if you server is running you will see welcome page from xampp

now let’s try to create our first php code.

create new folder in your server folder ( xamp/htdocs/) and give it name sample.

now open your text editor, you can use notepad or notepad++ or other php editor. create a with your text editor and type the code below.

save your file as hello.php in sample folder. and run it with your browser type http://localhost/sampple.hello.php.

that’s it you create your first php code.

common method used in website using jquery

robi ilham — Mon, 26 Oct 2009 04:56:25 +0000

These are common methods that usually used in my websites using jquery

Get value of an id or class

$("#someid").val(); // to get value of an id
$(".someclass").val; // to get value of a class

Set value of an id or class

$("#someid").val("test"); // gving value test for an id
$(".someclass").val("class value"); // giving value for  class

Load page inside a div

$("#somediv").load("page.html"); // load page.html into a div with id somediv

Insert HTML text into div

$("#somediv").html("this text will appear bold");

Using Animation

$(".someclass").fadeOut(3000); // someclass will fade out in 3 seconds
$(".someclass").fadeIn(3000); // someclass will fade in in 3 seconds
$(".someclass").slideDown(3000);
$(".someclass").slideUp(3000);

Get value of tags attibute

$("a.someclass").attr("href"); // get value of href attribute

jquery for beginner (2)

robi ilham — Thu, 22 Oct 2009 08:49:19 +0000

setelah sebelumnya kita belajar menampilkan alert jika sebuah link di klik. sekarang kita akan mencoba membuat aplikasi yang lebih kompleks.

Menampilkan halaman web tanpa meload seluruh halaman (ajax method).

pertama kita buat file dengan nama index.php dengan kode html sebagai berikut

jquery sample page 1 | page 2

lalu buat file dengan nama 1.html dan 2 html yang berisi

1.html :

Halaman 1

isi dari halaman 1

2.html

Halaman 2

isi dari halaman 2

coba jalankan file index.php dan klik link dan perhatikan yang terjadi. 1.html dan 2.html akan di load tanpa merefresh seluruh halaman webpage anda.

Penjelasan kode jquery

koding di atas digunakan untuk meload jquery library anda. ubah src value menjadi tempat dimana anda menyimpan jquery libraary anda.

$("a.loadpage")

memilih selector link (a) dengan class loadpage(.loadpage)

$("a.loadpage").click(function(){

melakukan even cilck pada slector kemudian menjalankan fungsi.

page=$(this).attr("href");

mengambil nilai atribut href dari selector dan memasukkan nya ke dalam variable page (page=). dalam hal ini apabila yang di klik link page 1 maka nilai hrefnya adalah 1.html

$("#pageContent").load(page);

memilih selector dengan id pagecontent (#pageContent). kemudiaan memuat hasil dari href ke dalam selector tersebut.

that’s it.. qita sudah melakukan ajax sederhana dengan jquery.

next kita akan menggabungkan php dengan jquery

jquery for beginner (1)

robi ilham — Thu, 22 Oct 2009 06:39:20 +0000

jquery merupakan library javascript yang memudahkan kita dalam membuat aplikasi ajax.

library jquery terbaru dapat anda download do http://www.jquery.com/

berikut adalah contoh2 kode javascript menggunakan jquery.

pertama buat file dengan nama contoh1. html lalu ketik koding di bawah ini

ubah attribut src pada script tag sesuai dengan lokasi jquery library anda. pada contoh di atas file jquery.js berada pada 1 folder dengan file yang anda buat.

Menampilkan alert pada ssat link di klik

untuk menampilkan alert pada saat link di klik, coba anda tambahkan koding di bawah ini

$(document).ready menandakan bahwa script di atas akan di jalankan setelah seluruh halaman page berhasil di load oleh browser.

sehingga file contoh1.html anda akan menjadi

 
 
 
   
   
   
 
 
   http://jquery.com/">jQuery

coba anda jalankan filte tersebut pada browser anda dan klik link Jquery dan perhatikan yang terjadi.

continue..

Who’s Blog Is This?

robi ilham — Thu, 22 Oct 2009 03:30:26 +0000

Nama saya Robi Ilham lahir di Jakarta pada 9 Agustus 1983. saat menuslis tulisan ini saya bekerja sebagai programmer PHP pada perusahaan PT. TRISTIT INDONESIA.

saya menulis Blog ini untuk membagi pengalaman saya selama menjadi programmer PHP. jadi bagi rekan-rekan yang ingin belajar atau baru ingin belajar menjadi programmer PHP. silahkan memberi komentar ataupun usulan tentang topik yang ingin di bahas di dalam blog ini.

jadi MARI KITA BELAJAR BERSAMA..