Ilmu Dasar PHP, JQuery, HTML, AJAX Dll: September 2012

Kamis, 27 September 2012

Aplikasi Web Forum Diskusi part4

ok sekarang saya akan memberikan kelamjuta dari aplikasi web forum diskusi ok, langsung saja kita ke TKP..
bubat script dengan nama topik.php
<?php
include"koneksi.php";
include"header.php";

//query untuk menampilkan topik
$sql="select * from topik where id_topik='".$_GET['id']."'";
$hasil=mysql_query($sql);

while($row=mysql_fetch_array($hasil)){
echo "<h3>Topik: $row['subjek']</h3>";

//tampilkan tanggapan berdasarkan topik yang di pilih
$sql2="select * from tanggapan where tanggapan.id_topik='".$_GET['id']."'";
$hasil2=mysql_query($sql2);

while($row2=mysql_fetch_array($hasil2)){
$tgl_tanggapan=date('d-m-Y/H:i:s',strtotime($row2['tgl_tanggapan']));
echo"<table>
           <tr>
               <td colspan='2' bgcolor='#CCCCCC'>$tgl_tanggapan</td>
            </tr>
            <tr>
                <td width='150' bgcolor='#EFF0F4'>$row2['username']</td>
                <td width='550'>$row2['isi_tanggapan']</td>
             </tr>
           </table>";
}
if(!$_SESSION['signed_in']){
echo"Anda harus <a href='signin.php'>Login</a> dulu untuk bisa berdiskusi.<br/>
        Atau Anda juga bisa <a href='signup.php'>Daftar</a> dulu menjadi anggota baru.";
}
//apabila sudah login, tampilkan form tanggapan
else{
echo"<h3>Tanggapan:</h3>
        <form method='post' action='tanggapan.php?id=$row['id_topik']'>
       <textarea name='isi_tanggapan' cols='90' rows='7'></textarea><br/>
       <input type='submit' value='Kirim'/></form>";
}
//apabila topik dibaca, tambahkan berapa kali
mysql_query("Update topik set dibaca=$row['dibaca']+1 where id_topik='".$_GET['id']."'")
}
include"footer.php";
?>

selesai dah sampe sini aja dulu ya next time saya akan berikan script untuk signup.php ya...

cape ngetiknya.. soalnya saya masih mengunakan jurus ngatik sebelas jari.. hehehehehe

Aplikasi Web Forum Diskusi part3

langsung ke TKP..
buat script dengan nama kategori.php
<?php
include "koneksi.php";
include "header.php";

//tampilkan kategori yang dipilih
$sql="select * from kategori where id_kategori='$_GET['id']'";
$hasil = mysql_query($sql);

$row= mysql_fetch_array($hasil);
echo "<h3>Kategori: $row['nama_kategori']</h3>";

//tampilkan topik berdasarkan kategori yang dipilih hitung jumlah tanggapan terhadap topik tersebut
$sql2="select topik.id_topik,subjek,tgl_topik,dibaca,topik.username, count(tanggapan.id_tanggapan)as
jml_tanggapan from topik left join tanggapan on topik.id_topik=tanggapan.di_topik where
id_kategori='".$_GET['id']."' group by tgl_topik desc";
$hasil2=mysql_query($sql2);

Baca selengkapnya »

Rabu, 26 September 2012

Aplikasi Web Forum Diskusi part2

menyambung dengan part pertama yang saya posting sekarang langsung aja gan ke TKP

buat script dengan nama koneksi.php
<?php
   session_start();
   $server = "localhost";
   $username = "root";
   $password = "";
   $database = "diskusi";

//koneksi dan memlih database di server
mysql_connect($server,$username,$password) or die("gagal");
mysql_select_db($database)or die("Database tidak ditemukan");
?>

sekarang kita membuat file depan nya ok maksud ku halaman depan pada web pahamkan.. langsung aja ke TKP.

Baca selengkapnya »

Selasa, 25 September 2012

Aplikasi Web Forum Diskusi

saya akan membagikan kepada yang setia pada blog ini aplikasi gratis membuat forum web kita sendiri hehehehe.. kan udah belajar belajar banyak di blog ini masa nga pinter" udah ah malah ngelantur.. langusng aja ke TKP

buat script dengan nama header.php
<html>
<head>
<title>Forum Diskusi Komunitas Blog Rudi Kurniawan</title>
<link rel='stylesheet' href='style.css' type='text/css'>
</head>
<body>
<div id='header'></div>
    <div id='wrapper'>
      <div id='menu'>
        <a class='item' href='index.php'>Beranda</a>
        <a class='item' href='buat_topik.php'>Buat Topik Baru</a>

          <div id='userbar'>

         <?php
   // apabila user sudah login
if($_SESSION['signed_in']){
echo "Username<b>$_SESSION[username]</b> | <a class='item'
                         href='sigout.php'>Keluar</a>";
            }
            // apabila user belum login
            else{
   echo"<a class='item' href='signin.php'>Login</a> Atau
                      <a class='item' href='sigup.php'>Daftar</a>";
            }
           ?>
    </div>
   </div>
<div id='content'>

Baca selengkapnya »

cara membuat check all di php/html

postingan yang lalu saya sudah membuat bagaimana cara membuat check box di html nah sekarang saya akan membuat bagaimana caranya jika kita memiliki beberapa pilihan check box dan juga ada pilihan yang mengharuskan kita untuk memilih semua pilihan itu tanpa harus mengklick satu persatu, ya klo cuma 3 pilihan si nga masalah buat lo tapi kalo sampe 20 pilihan bagaimana jadi masalah kan buat lo,, trus gw harus bilang WOW gitu .... hehehe
Langsung aja ke TKP.

buat file dengan nama check_all.html
<html>
<head>
<script type='text/javascript' src='jquery-1.4.js'></script>
<script type='text/javascript'>
$(document).ready(function(){
   // ketika checkbox dengan id ceksemua diclick maka semua checkbox akan tercentang
   $('#ceksemua').click(function(){
                         $(this).parents('fieldsset:eq(0)').find(':checkbox').attr('checked', this.checked);
                });
            });
</script>
</head>
<body>
<h4>Pilih Hobi Favorid Anda :</h4>
      <fieldset>
   <input type='checkbox' name='cek1'> Berenang <br/>
             <input type='checkbox' name='cek2'> Volyball <br/>
             <input type='checkbox' name='cek3'> Basket <br/>
             <input type='checkbox' name='cek4'> bulutangkis <br/>
             <input type='checkbox' name='cek5'> tenis meja <br/>
             <input type='checkbox' name='cek6'> catur <br/>
             <input type='checkbox' name='cek7'> games <br/>

            <input type='checkbox' id='ceksemua'> Semua aja <br/>
      </fieldset>
</body>
</html>

selesai dah mudahkan ya iya lah kan ada jquery coba kalo nga ada bisa satu halam web ini buat codyng doang heheh mari kita ucapkan TERIMA KASIH KEPADA YANG BUAT JQUERY THX YA.. hehehe
Semoga bermanfaat

disable select web

kadang kalanya kita bertemu dengan web yang tidak dapat di copas atau halaman webnya nga bisa di select bukan berarti orangnya pelit tapi mungkin dia nga mau karyanya di tampilkan di web yang memang hanya bisa kopas aja,, hehehehe sekarang kita akan mencoba hal tersebut ok. sebenarnya mudah buat tingal kita serahkan pada jquery ok langsung aja gan kita peraktek ok, nga usah panjang lebar klo lebar kasian suaminya klo panjang kasian istrinya.. hehheheheh langsung ke TKP

<html>
<head>
<script type='text/javascript' src='jquery-1.4.js'></script>
<script type='text/javascript' src='jquery.disable.select.js'></script>
<style type='text/css'>
.inidia{font:15px arial,sans-serif;}
</style>
<script type='text/javascript'>
      $(document).ready(function(){
$('.inidia').disableTextSelect();
      });
</script>
</head>
<body class='inidia'>
Orang bodoh kalah dengan orang pintar.<br/>
        Orang pintar kalah dengan orang licik. <br/>
         Orang licik kalah dengan orang beruntung.<br/>
        Nah pertanyaan nya adalah siapa orang beruntung itu??<br/>
        Orang beruntung adalah orang yang selalu bersyukur dengan apa yang<br/>
        Menimpanya walau itu pahit dan susah untuk dijalani.
</body>
</html>

oh iya lupa ane buat jquery nya bisa di download di http://www.jdempster.com/category/jquery/disabletextselect ok semoga bermanfaat ya

Klonisasi php html

pernah membuat klon di vb.net or vb6 or netbeat java, nah sekarang saya akan membagikan cara membuat klondi html hehe mudah ko nga peke susah tinggal kopas aja script dibawah ini.. ok gan

langsung aja ya nga peke tela-tele,, hehehe langsung ke TKP..

buat script dengan nama klonisasi.html
<html>
<head>
<script type='text/javascript' src='jquery-1.4.js'></script>
<script type='text/javascript'>
   $(document).ready(fuction(){
             $('#inputbox').keyup(function(){
   var klonisasi = $(this).val();
   $('#inputbox1').val(klonisasi);
             });
});
</script>
</head>
<body>
   <form>
   <p>No Po : <input type='text' id='inputbox'/></p>
   <p>No Po2 : <input type='text' id='inputbox1'/></p>
   <input type='submit' value='Proses'/>
       </form>
</body>
</html>

selamat mencoba.. Semoga bermanfaat

Senin, 24 September 2012

Tulisan Ait(water mark) php, jquery

sudah pernah mendengar watermark klo yang sudah langsung kescript aja gan tapi bagi ya belum saya akan berikan penjelasan sedikit aja ya, hehe males ngetik banyak" soalnya kan masih banyak yang harus di posting heheh banyak peraktek lebih baik dari banyak bacot, heeheheh. ok water mark klo ane bilang mah tulisan bebayang klo jadi klo gan punya suatu form, nga perlu bikin judul pada setiap fieldnya judul fieldnya langsung di dalam textbox, langsung ke TKP..

buat file dengan nama watermark.html
oh iya lupa kita menggunakan pluqin jquery aja ya biar scriptnya agak pendek hehehehe bisa di download di http://plugins.jquery.com/project/Watermark

<html>
<head>
<script type="text/javascript" src='jquery-1.4.js'></script>
<script type='text/javascript' src='jquery.watermark.min.js'></script>
<script type='text/javascript'>
$(document).ready(function(){
$('#nama').watermark('nama...');
$('#email').watermark('email...');
      });
</script>
</head>
<body>
<form>
   <p><input type='text' id='nama'/></p>
   <p><input type='text' id='email'/></p>
           <input type='submit' value='Proses'/>
    </form>
</body>
</html>

mudah kan cuma dikit hehehe selesai juga semoga bermanfaat ya gan..

function limit karakter di php

sering kali kita mengisi form yang memiliki limit karakter, jika gan yang memang belum mengetahui tetang limit karakter saya berikan contoh sama dengan seperti jika kita sedang sms setiap hp memiliki batas karakter yang dapat diketikkan pada layar, nah sekarang saya akan mengajarkan bagaimana itu bisa di lakukan di php. heheh mudah tinggal di kopas aja script di bawah ini ol..

langsung aja nga pake panjang lebar klo panjang kasian ibunya klo lebar kasian bapaknya.. hehehehe
berangkat ke TKP..

buat script dengan nama limit.php
<html>
<head>
<script type="text/javascript" src="jquery-1.4.js"></script>
<script type="text/jaascript">
$(document).ready(function(){
   $('#karakter').keyup(function(){
   var len = this.value.length;
   if(len>=150){
   this.value = this.value.substring(0, 150);
                    }
                         $('#hitung').text(150-len);
             });
      });
</script>
</head>
<body>

Baca selengkapnya »

Minggu, 23 September 2012

falidasi menentukan formate inputan

seringkali kita mengisi suatu form yang memiliki formate tertentu lain webside lain juga formate nya sekarang kita akan belajar cara menentukan formate tersebut dengan menggunakan jquery biat scriptnya agak pendek klo pake ajax nga sanggup bikinnya buayak.. jaman sekarang mah yang instan" aja dah, klo bisa copas aja juga nga pa-pa hehehe, ok dah kita langsung aja ke TKP, ..

buat script seperti di bawah ini.. oh iya lupa namanya kita kasih nama format.html
<html>
<head>
   <script type='text/javascript' src='jquery-1.4.js'></script>
   <script type='text/javascript' src='jquery.maskedinput.js'></script>
   <script>
   $(document).ready(function(){
$('#tgl').mask('99/99/9999')
$('#telp').mask('(9999) 999-9999')
         });
   </script>
</head>
<body>
   <form>
<p> Tanggal : <input type='text' id='tgl'/></p>
<p> Telepon : <input type='text' id='telp'></p>
         </form>
</body>
</html>

Semoga berman maaf ok...

Falidasi angka di php,jquery,html,javascript

sekarang kita akan membuat falidasi inputan pada salah satu text box hanya bisa di input angka selain angka tidak bisa k langsung aja ke TKP...

script angka.html
<html>
   <head>
<script type='text/javascript' src='jquery-1.4.js'></script>
          <script>
             $(document).ready(function(){
   // ketika inputan di isi, eksekusi bagian di bawah \ini
$('#umur').keypress(function(data){
   // kalau data bukan berupa angka, tampilkan pesan error
   if(data.which!=8 && data.which!=0 && (data.which<48 || data.which>57)){
   $('#pesan').html('Isikan Angka').show().fadeOut('show');
return false;
                      }
                   });
             });
          </script>

Baca selengkapnya »

Form contact II

ini lanjutan dari posting sebelumnya yang saya upload di blog ini, script di bawah ini hanya modifan agar tampilan lebih menarik ok... langsung aja ke TKP....

kontak.php
<?php
   session_start();

   $_SESSION['n1'] = read(1,20);
   $_SESSION['n2'] = read(1,20);
   $_SESSION['hasil'] = $_SESSION['n1']+$_SESSION['n2'];
?>
<html>
<head>
<script src="jquery-1.4.js"></script> 
<link rel="stylesheet" href="main.css" type="text/css"/>
<script>
$(document).ready(function(){
$("#kirim").click(function(){
   var nama = $('#nama').val();
   var email = $('#email').val();
   var subjek = $('#subjek').val();
   var pesan = $('#pesan').val();
               var captcha = $("#captcha").val();
               var error = false;

              if(nama.length == 0){
   var error = true;
   $('#nama_error').fadeIn(500);
              }else{
   $('#nama_error').fadeOut(500);
              }
              if(email.length == 0 || email.indexOf("@") == "-1" || email.indexOf(".")== "-1"){
   var error = true;
   $('#email_error').fadeIn(500);
              }else{
$('#email_error').fadeOut(500);
              }
              if(subjek.length == 0){
var error = true;
                    $('#subjek_error').fadeIn(500);
              }else{
   $('#subjek_error').fadeOut(500);
              }
if(pesan.length == 0){
   var error = true;
   $('#pesan_error').fadeIn(500);
              }else{
   $('#pesan_error').fadeOut(500);
              }
              if(captcha.length == 0){
   var error = true;
   $('#captcha_error').fadeIn(500);
             }else{
$(''#captcha_error).fadeOut(500);
             }
      // kalau sudah tidak ada yang erro (false), artinya semua inputan sudah di isi dengan benar
            if(error == false){
   //non-aktifkan tombol submit untuk meinimalisir spam ubah text pada tombol menjadi loading
   $(''#kirim).attr({'disable': 'true','value':'Loading...'});

$.ajax({
type: "POST",
url : "kirim_kontak.php",
data: "nama="+nama+"&email="+email+ "&subjek="+subjek+
"&pesan="+pesan+"&captcha="+captcha,
success: function(data){
   // setelah ajax request sukses, cek data/text yang dikirimkan dari file kirim_kontak.php
if(data == 'berhasil'){
   $('#tombol_submit').remove();
   $('#mail_sukses').fadeIn(500);
                  }else{
$('#mail_gagal').html(data).fadeIn(500);
$('#kirim').removeAttr('disabled').attr('value','kirim');
                  }
                      }
              });
}
// batalkan pengiriman melalui form standar (false)
// karna akan dikirimkan via ajax request
        return false;
          });
    });

Baca selengkapnya »

Selasa, 18 September 2012

Membuat Form Contact Cool

langsung aja ya gan karna dah malem gw posting dan besok juga gw mo kerja jadi nga pake penjelasan ok, klo memang ada pertanyaan langsung komen aja ya. gratis nga di pungut biaya..ok

langsung ke TKP:
buat file dengan nama kontak.php
<html>
<head>
<script src="jquery-1.4.js"></script> 
<script>
$(document).ready(function(){
$("#kirim").click(function(){
   var nama = $('#nama').val();
   var email = $('#email').val();
   var subjek = $('#subjek').val();
   var pesan = $('#pesan').val();

$.ajax({
type: "POST",
url : "kirim_kontak.php",
data: "nama="+nama+"&email="+email+ "&subjek="+subjek+
"&pesan="+pesan,
success: function(data){
   $('#info').html(data);
                      }
              });
// batalkan pengiriman melalui form standar (false)
// karna akan dikirimkan via ajax request
        return false;
          });
    });

Baca selengkapnya »

Dua combobox saling berhubungan

ketemu lagi dah saat ini saya ingin berbagi ilmu sedikit saya ini yaitu cara membuat 2 combobox agar dapat saling berhubungan sedikit ribet sih gmana caranya bisa menjodohkan combobox ... heheh mustahal,, bukan itu maksud ku tapi bagaimana agar saat combobox pertama belum dipilih maka combobox kedua tidak dapat dilihat isinya gmana menarikkan buat nya mudah-mudah gampang .. eh salah susah" mudah. deh whahahaha

langsung ke TKP aja ya gan, biasa sebelum kita ke script kita siapin dulu database dan tablenya dulu ok ini script

create database test;
use test;
create table propinsi(id_propinsi int(5) auto_increment,nama_propinsi varchar(20),primary key(id_propinsi));
insert into propinsi(nama_propinsi) values ('DKI_Jakarta');
insert into propinsi(nama_propinsi) values ('Jawa Barat');
insert into propinsi(nama_propinsi) values ('Jawa Tengah');

oh iya sampe lupa kitakan akan membuat dua comobox yang saling berhubungan jadi kita butuh dua table jadi masing" combobox memiliki table yang berbeda tapi saling berhubungan buat agan yang belum mengerti tentang relasi table di sql nga usah pusing nanti seiring seringnya agan baca di blog ini pasti akan memahami tentang relasi table di mysql ok gan jangan berkecil hati ya.. terus maju gan.. ok langsung ke TKP

table ke 2

Baca selengkapnya »

Autocomplite text jquery PHP AJAX

klo yang sering memang menggunakan mbah google pasti udah tau dengan yang namanya autocomplite text hayo apa, kasih tau nya ya.... hehehehe iya betul klo yg tau klo yang belum tau itu loh klo kita baru nulis a tiba" udah banyak kata yang muncul di bawah textbox biasa gw bilang textbox sok tau heheheh abisa baru nulis a aja udah pada muncul apalah gitu nga jelas.. heheh

nah sekarang kita akan membuat yang seperti itu textbox so tau hehehehe salah deh autocomplite text, langsung aja ke TKP..
kita buat databasenya dulu an table ok untuk saat ini saya akan membuat autocomplite negara aja ya yang mudah.

create database test;
user test;

create table negara(id_negara int(5) auto_increment,nama_negara varchar(20), primary key(id_negara));
insert into negara(nama_negara) values ('Indonesia');
insert into negara(nama_negara) values ('Afganistan');
insert into negara(nama_negara) values ('America');
insert into negara(nama_negara) values ('Autralia');
insert into negara(nama_negara) values ('Argetina');
insert into negara(nama_negara) values ('Roma');
insert into negara(nama_negara) values ('Malaysia');
insert into negara(nama_negara) values ('Singapura');
insert into negara(nama_negara) values ('Mexico');
insert into negara(nama_negara) values ('Africa');
insert into negara(nama_negara) values ('India');

Baca selengkapnya »

Check data ajax + jquery

Mungkin kita sering bertemu dengan registry form saat ingin bergabung forum atau yang lainnya. nah sekarang gw akan memberikan sedikit contoh membuat validasi cek sederhana mengunakan ajax tapi di modif ke jquery karna klo ajax murni pegel ane nulisnya buayak bener.. bisa di bilang jamu campur aja juga boleh..hehehehe langsung aja ya gan ke TKP..xixixixixi

sebelum mulai kita buat database dan table nya dulu ya...
create database test;
use test;
create table anggota;

create table anggota(id anggota int(5) auto_increament,usernmae varchar(20), primary key(id_anggota));
insert into anggota(id_anggota,username) values ('Rudi');
insert into anggota(id_anggota,username) values ('Kurniawan');
insert into anggota(id_anggota,username) values ('Awan');

selesai bikin table dan database nya langjut ke script php aja ya.. ok langsung ke tkp.

cek_username.php
<html>
<head>
<script src="jquery-1.4.js"></script> 
    <script>
$(document).readry(function (){
$('#username').change(function(){
   // tampilkan animasi loading saat pengecekan ke database

   $('#pesan').html("<img src='loading.gif'/>checking..." );// ini cari di mbah google ya loading.gif
               var username = $("#username").val();

Baca selengkapnya »

proses data dengan ajax III

nah sekarang kita akan membuat versi 3 bedanya cuma dikit cuma di tambahin animasi doang oh iya karna di blog ini nya ada file animasinya agan cari sendiri ya di mbah google gampang ko nyarinya.. tinggal ketik di mbah loading.gif langsung dah jutaan animasi muncul tinggal di pilih" hehehe..

langsung ke TKP aja gan...

<html>
<head>
<script src="jquery-1.4.js"></script> 
<script>
   $(document).ready(function(){
   // nah ini dia modif versy 3 nya kita tambahin variable
   var loading = $("#loading");
         var tampilkan = $('#tampilkan');

// nah ini yang kita modif ya itu membuat fiel menampilkan data langsung ke form ok
      function tampildata(){
   // disini kita munculin tuh animasi mudah ko tingal show atau hide doang
tampilkan.hide();
loading.fadeIn();

Baca selengkapnya »

Proses pengolahan data dengan AJAX II

ok yang ke2 ini adalah script pertama yang dimodifikasi agar saat file yang kita simpan bisa langsung keliatan, jadi kita nga ragu lagi apa kah data yang kita simpan ke database benar" tersimpan dengan benar kedalam database ok langsung aja nga pake lama" ok gan langung ke TKP...

buat agan yang belum punya file proses pengolahan data dengan AJAX 1 saya akan buat dari awal lagi aja deh, pepatah bilang bantulah saudaramu mulai dari yang terkecil sampai dengan selesai.. pepatah siapa tuh.. heheh ngarang aja gw.....

kita buat file yang nama tampil.php aja ya gan.. tapi klo gan punya nama sendiri juga nga papa..xixixi

<html>
<head>
<script src="jquery-1.4.js"></script> 
<script>
   $(document).ready(function(){
// nah ini yang kita modif ya itu membuat fiel menampilkan data langsung ke form ok
      function tampildata(){
$.ajax({
   type : "POST",
   url : "proses.php",
                 data : "aksi=tampil",
   success : function(data){
$('#tampilkan').html(data);
                 }
        });
      }

Baca selengkapnya »

proses pengolahan dengan AJAX

ok dah sekarang kita nga pake tele-tele ya.. heheh langsung aja ke praktek... sebelum memulai kita harus membuat table di database dulu ok. ini script nya

create database test:
use test:

create table anggota(id_pesan int(5) auto_increment,nama varchar(50),pesan varchar(150),tanggal timestamp, primary key(id_pesan));

insert into anggota (nama,pesan,tanggal) values ('Rudi','Terima kasih');
insert into anggota (nama,pesan,tanggal) values ('Kurniawan','Belajar web');

nah kalo udah bikin database dan table sekarang kita berlanjut ke langkah selajutnya ok langsung ja .. hehe nga usah buang waktu lagi.

buat file dengan nama lempar.php
<html>
<head>
<script src="jquery-1.4.js"> 
<script>
$(docuemnt).ready(function(){
   $('#simpan').click(function(){
   // ambil value data dari form
   var nama = $('#nama').val();
   var pesan = $('#pesan').val();
            // alert(nama); //<-- ini untuk mengecek apa variable yang kita kirim memang tertangkap
                                       // anda bisa membuat garis miring dua untuk melakukan cek

Baca selengkapnya »

metode pengiriman data dengan jquery

nah sekarang kita belajar tentang metode pengiriman data mengunakan jquery ok langungsung aja nga pake basa-basi lagi ok..
<html>
<head>
<script>
      $(document).ready(function(){
$('#submit').click(function(){
var nama = $('#nama').val();
$.ajax({
                      type:"GET",
                      url : "get_selamat.php",
                      data : "nama=" + nama,
                     success: function(data){
   $('#tampilkan').html(data);
                     }
                 });
            });
      });
</script>
</head>
<body>
   Masukan nama Anda :
   <input type="text name="nama" id="nama"/>
   <input type="submit" value="Proses" id="submit"/>
   <div id="tampilkan"></div>
</body>
</html>

Baca selengkapnya »

jam jquery vs ajax

nah sekarang kita membuat jam versi ajax dan versi jquery saya pernah memberikan jam.php menggunakan jquery pada post yang lalu.. nah sekarang saya akan bandingkan. menurut saya si lebih nyaman menggunakan jquery karna ngetiknya sedikit heheh .. tapi itu terserah anda aja dah.. ok kita mulai aja AJAX VS JQUERY

sekarang kita buat tiga file. file pertama jam.php , jam_ajax.php dan jam_jquery. START...

file pertama jam.php
<?php
date_default_timezone_set("Asia/Jakarta");
$jam = date('H:i:s');
echo "$jam WIB";
?>

ok sekarang kita buat yang jam_ajax.php
<html>
<head>
<script language="javascript">
var XMLHttpRequestObject = false;
if(window.XMLHttpRequest){
XMLHttpRequestObject = new XMLHttpRequest();
} else if(window.ActiveXObject){
XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}

Baca selengkapnya »

Form Registri sederhana mengunakan AJAX

AJAX adalah salah satu dari jenis bahasa pemograman berbasis web. klo penjelasa dan pengertianya cari di mbah google aja ya soalnya saya juga nga paman betul.. hehehehe langsung praktek aja jadi lebih praktis dari pada banyak bacot 'n teori mendingan langsung

sebelum ke script kita bikin database dulu
Create database coba;

trus kita bikin table
create table anggota(id_anggota int(11), username varchar(15) );

nah sekarang kita isi table anggotanya:
insert into anggota(id_anggota,username) values ('1','Rudi Kurniawan');
insert into anggota(id_anggota,username) values ('2','Awan hitam');

nah mulai buat script form_register.php
<html>
<head>
   <script language="javascript">
     var XMLHttpRequestObject = false;
      if (window.XMLHttpRequest){
   XMLHttpRequestObject = new XMLHttpRequest();
      }else if (window.ActiveXObject){
XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
      }

Baca selengkapnya »

Belajar koneksi PHP mysql

belum lengkap klo udah belajar query sql klo nga di praktekkan ke dalam php kurang lengkap kaya nya.. ok kita langsung aja praktek..

buat file dengan nama koneksi.php isinya:
<?php
$host = "localhost"; //atau bisa di ganti dengan 172.0.0.1
$user = "root"; // username dari mysql or phpmyadmin
$pass = "";
?>

nah klo udah bikin file koneksi.php sekarang kita panggil di file berikutnya caranya:

<?php
include("koneksi.php"); // ini memanggil file yang kita bikin di atas harus satu folder
$data = "coba";
$con = mysql_connect($host,$user,$pass);
            mysql_select_db($data);
//... bisa lakukan operasi database di sini terserah agan mau select, insert, update, dll
            mysql_close($con); // tutup dari coneksi
?>

saya akan memberikan contoh untuk perintah select ok, langsung aja gan :

buat file dengan nama menampilkan_data.php:
<?php
include("koneksi.php");
$data = "user";
$con = mysql_connect($host,$user,$pass);
   mysql_select_db("$data");
$result = mysql_query("select * from user");
while ($fetch = mysql_fetch_array($result)){
echo $fetch[0]." ".$fetch["username"]."<BR>";
}
mysql_close($con);

Baca selengkapnya »

Belajar Query Mysql Dasar

Sebelum kita query siapin dulu bahan nya klo agan belum punya ane siapi tenang aja tinggal download di blog ini ada di halaman Download File ok file yang di butuh buat belajar MYSQL adalah
1. xampp
2. Mysql font

langsung aja di install
klo belum tau cara instal cari di mbah google ya.. or next time ane kasih dah cara install klo memang nga ketemu di mbah google..

step 1
cara buat database querynya:
Create database <namadatabase>:

contoh:
CREATE DATABASE coba;

step2
cara menghapus database querynya:
DROP DATABASE <namadatabase>;

contoh:
DROP DATABASE coba;

step3
cara menggunakan database querynya;
USE <namadatabase>;

contoh:
USE coba;

Baca selengkapnya »

Upload data dengan PHP

mungkin upload file sering kita gunakan. sekarang saatnya saya berbagi bagaimana cara upload file langsung aja nga pake penjelasan ya. klo teory terus nga praktek". teory 10% aja yang peting dalam programmer adalah praktek.. so let's do it

buat file berikut upload.html
<html>
<head></head>
<body>
<form action="uploadfile.php" method="POST" enctype="multipart/form-data">
   <input type="hidden" name="MAX_FILE_SIZE" value="30000"/>
     <input type="file" name="userfile"/>
   <input type="submit" value="Upload"/>
</form>
</body>
</html>

nah sekarang kita buat script buat jalanin agar file yang kita upload dapat di siman sesuai dengan rencana kita.

buat file dengan nama sama persis dengan action="uploadfile.php" jadi nama script yang kita buat adalah uploadfile.php

<?php
$files = $_FILES["userfile"];
$name = $files["name"]; //nama file
$type = $files["type"]; //tipe ukuran
$size = $files["size"]; // ukuran file

$tmp_name = $files["tmp_name"]; // hasil upload di tmp
$error = $files["error"]; //kode error
$uploaddir = '/var/www/upload'; // alamat di mana file di simpan
$destination = $uploaddir. $name;
if (move_uploaded_file($tmp_name, $destination)){
echo "Success";
   print_r($files);
} else {
echo "fail";
   print_r($files);
}
?>

Baca selengkapnya »

Radio button html

nah sekarang kita belajar membuat radio button langsung aja script di bawah di praktekin atau copas aja .

1. buat file dengan nama terserah anda radio.php
<html>
<head></head>
<body>
   <form method="post" action="proses_radiobutton.php">
   Jenis Kelamin
   <input type="radio" name="kelamin" value="laki-laki">Laki-laki</input>
       <input type="radio" name="kelamin" value="perempuan">Perempuan</input>
       <input type="submit" name="Submit" value="Input"/>
   </form>
</body>
</html>

2. buat file sama dengan action="proses_radiobutton.php" jadi nama filenya adalah proses_radiobutton.php
<?php
   echo "Jenis kelamin Anda : ".$_POST['kelamin'];
?>

combobox example

ok sekarang kita belajar membuat combobox dengan html sedehana. nga pake penjelasan aja ya.. biar kita cepet praktek.. klo perlu penjelasan tanya sama mbah google aja Ok agan...

1. save file ini terserah aja namanya
<html>
<head></head>
<body>
<form method="post" action="proses_combobox.php">
Jenis Makan
      <select name="makanan">
<option value="nasgor">Nasi Goreng</option>
            <option value="bakmi">Bakso Mie</option>
            <option value="nasduk">Nasi Uduk</option>
      </select>
           <input name="Submit" type="submit" id="Submit" value="Input"/>
</form>
</body>
</html>

Baca selengkapnya »

input kolom html sederhana

ok lagnsung aja nga ada penjelasan lagi dah.. tinggal di copas aja script di bawah ini. klo yang belum paham tentang php nanti saya akan bahas step" untuk membuat aplikasi berbasis php di local komputer ok. tapi utuk saat ini saya akan memberikan contoh inputan yang sederhana dulu ok.

1. buat file dengan nama text.php
<html>
<head>
</head>
<body>
<form method='post' action="proses_text.php">
Isi Nama <input name="nama" type="text" id="nama"/>
<input type="submit" name="Submit" value="Input"/>
</form>
</body>
</html>

2. buat file untuk menampilkan data yang di input nama sesuai dengan action="proses_text.php"
jadi nama filenya proses_text.php
<?php
echo "Nama : ".$_POST['nama'];
?>

silahkan lihat hasilnya.. semoga bermanfaat

Fungsi GetDate

Fungsi getdate() digunakan untuk mengambil nilai waktu lokal sekarang atau waktu timestamp dan waktu memasukkannya ke dalam array asosiatif. sintaknya adalah sebagai berikut

getdate([timestamp])

kiranya udah deh basa-basinya cape klo kebanyakan nulis langsung praktek aja ya.. ini dia script nya..

<?PHP
$sekarang = getdate();
$bulan = $sekarang['month'];
$hari = $sekarang['mday'];
$tahun = $sekarang['year'];
$jam = $sekarang['hours'];
if ($jam <= 11){
   echo "Selamat pagi";
}elseif($jam > 11 && $jam <= 15){
   echo "Selamat Siang";
}elseif ($jam > 15 && $jam <= 18){
   echo "Selamat Sore";
}elseif($jam >18){
   echo "Selamat Malam";
}
echo "<br/> Sekarang adalah tanggal $hari $bulan $tahun";
?>

Fungsi Date

nga pake basa - basi dah.. langsung aja ke script

<?php
echo "Sekarang adalah tanggal ";
echo date('Y-m-d');
echo "<br/> dan jam";
echo date('h:i:s A');
?>

script diatas masih ada yang kurang klo agan udah mempratekkan script diatas pasti ketemu dah apa yang kurang... yak bener banget jam nya salah klo agan ada di Indonesia kecepatan 1 jam terus jamnya kaga berdetik.. nih ane tambahin supaya berdetak sama sesuai dengan jam yang ada di komputer agan... oh iya klo masih salah juga coba agan cek tanggal di pc agan udah bener belum.. heheheheh kali aja tuh batre motherbord udah abis...

<html>
<head>
    <script type="text/javascript" src="java/auto_refresh.js"></script>
    <script type="text/javascript" src="java/jquery-1.6.2.js"></script>
    <script>
         var auto_refresh = setInterval(
         function()
         {
            $('#jam').load('jam.php');
         }, 1000);
     </script>
</head>
               <body>
                       <div id='jam'></div>
              </body>
</html>
save file diatas dengan nama index.php

save file dibawah dengan nama jam.php
<?PHP
date_default_timezone_set("Asia/Jakarta");
echo date("H:i:s");
?>

klo agan nga mau ribet nih ane kasih dah yang udah langsung, nga pake susah gitu aja ko repot...
sedot aja di sene..Download

Fungsi Checkdate

Maaf sebelumnya kepada semua para suhu yang memliki ilmu yang lebih tinggi dari penulis. salam kenal buat para agan yang sudi mampir di blog saya untuk pertama kali saya akan memberikan sedikit ilmu saya yang saya dapatkan dari tempat bekerja saya sekarang.

Ok langsung aja agan, sebelum memulai belajar siapin dulu notepad++ atau notepad juga nga papa.. klo nga punya next time ane upload di blog ini.. software pendukungnya.. ok

berikut cotoh script dari fungsi Checkdate:

<?php
     echo "Apakah tanggal 17 Agustus 1945 valid <br/>";
     $tes_tanggal = checkdate(8,17,1945);
     if ($tes_tanggal==true){
         echo "Ya, tanggal tersebut valid";
     } else {
   echo "Tidak, tanggal tersebut tidak valid";
     }
echo "<br/><br/>";
echo "Apakah tanggal 12-13-2012 valid? <br/>";
$tes_tanggal = checkdate(13,12,2012);
   if ($tes_tanggal==true){
echo "Ya, tanggal tersebut valid";
   }else {
echo "Tidak, tanggal tersebut tidak valid";
   }
?>