Tampilkan postingan dengan label Javascript. Tampilkan semua postingan
Tampilkan postingan dengan label Javascript. Tampilkan semua postingan

Rabu, 13 Februari 2013

Aplikasi Sederhana Webgis Google Map Api 1.0

Malam agan... ^_^
1 Jam gag ngepost serasa 1 Tahun... ckckckckck (LEBUY)..

Okeh,,, Kali ini IT Sasak akan share tentang GIS lagi neh... ^_^

Buat sobat yang pemula dan baru belajar GIS kayaknya ini bisa di jadikan referensi... ^_^
Buat yang uda mastah yea nyimak aja dah... -_-

Berikut screenshotnya:



Untuk webgis ini Memiliki fitur
  • Tambah Lokasi Peta
  • Hapus Lokasi Peta
  • Serta 4 Layers Peta

Lisensi Source Kode : Free Download


Sumber : my.indosandster.net

Jumat, 08 Februari 2013

Membuat Script Multiple Delete dengan Checkbox dan Konfirmasi Delete dengan Sentuhan Javascript di PHP

Pada kesempatan kali ini IT Sasak akan berbagi tentang Membuat Script Multiple Delete dengan Checkbox dan Konfirmasi Delete dengan Sentuhan Javascript di PHP,,, Sebelumnya IT Sasak sudah share tentang Multi Delete Data Dengan Checkbox di PHP nah pada tutorial kali ini hampir sama dengan tutorial sebelumnya... hanya saja ada tambahan,,, ^_^



Okeh,,,
Langsung saja copykan script dibawah ini dan simpan sesuai namanya atau anda bisa download sourcenya langsung di Link download yang ada di bagian bawah artikel ini... ^_^

Sebelumnya sobat sudah harus create database dan table di MySql sobat...

koneksi.php

<?php
// definisikan koneksi ke database
$server = "localhost";
$username = "root";
$password = "";
$database = "Ganti Dengan Nama Database Anda";
// Koneksi dan memilih database di server
mysql_connect($server,$username,$password) or die("Koneksi gagal");
mysql_select_db($database) or die("Database tidak bisa dibuka");
?>

index.php

<?php
include "koneksi.php";
?>
<html>
<head><title>Delete</title>
<script>
var jumlahnya;
function ceksemua(){
    jumlahnya = document.getElementById("jumlahcek").value;
    if(document.getElementById("cekbox").checked==true){
        for(i=0;i<jumlahnya;i++){
            idcek = "bukuid"+i;
            idtr = "tr"+i;
            document.getElementById(idtr).style.backgroundColor = "#efefef";
            document.getElementById(idcek).checked = true;
        }
    }else{
        for(i=0;i<jumlahnya;i++){
            idcek = "bukuid"+i;
            idtr = "tr"+i;
            document.getElementById(idtr).style.backgroundColor = "#00CC00";
            document.getElementById(idcek).checked = false;
        }
    }
}
function konfirmasicek(indeks){
    idcek = "bukuid"+indeks;
    bukuidnya = document.getElementById(idcek).value;
    tanya = confirm("Delete Buku dengan ID "+bukuidnya+"?");
    if(tanya == 1){
        window.location.href="delete.php?op=delsatu&id="+bukuidnya;
    }
}
function konfirmasicek2(){
    ada = 0;            //untuk mengecek apakah ada checkbox yang dicek
    semuanyakah = 1;    //untuk mengecek apakah semua checkbox tercek
 
    //untuk mengambil jumlah total checkbox yang ada
    jumlahnya = document.getElementById("jumlahcek").value;
 
    jumlahx = 0         //untuk mengetahui jumlah yang dicek
    for(i=0;i<jumlahnya;i++){
        idcek = "bukuid"+i;
        if(document.getElementById(idcek).checked == true){
            jumlahx++;
            ada = 1;
        }else{
            semuanyakah = 0;
        }
    }
    if(ada==1){
        if(semuanyakah == 1){
            tanya = confirm("Mau delete semuanyakah?");
            if(tanya == 1){
                document.getElementById("formulirku").submit();
            }
        }else{
            tanya = confirm("Mau delete data "+jumlahx+" item ?");
            if(tanya == 1){
                document.getElementById("formulirku").submit();
            }
        }
    }
}
function setwarna(indeks){
    idcek = "bukuid"+indeks;
    idtr = "tr"+indeks;
    if(document.getElementById(idcek).checked == true){
        document.getElementById(idtr).style.backgroundColor = "#efefef";
    }else{
        document.getElementById(idtr).style.backgroundColor = "#00CC00";
    }
}
</script>
</head>
<body bgcolor="#009900">
<center><h2>MULTIPLE DELETE DATA DENGA CHECKBOX</h2></center><hr/>
<br>
<?php
if($_GET['op']=="berhasildelete"){
    echo "<center><b><font color=red>Data berhasil didelete</font></b></center><br>";
}
?>
<form action=delete.php method=post id=formulirku>
<table align="center" border="1" cellpadding="3" cellspacing="0" bgcolor="#00CC00"
style="border-collapse: collapse" bordercolor="#000000">
  <tr>
    <td bgcolor="#006600"><input type="checkbox" onclick="ceksemua()" id="cekbox"></td>
    <td bgcolor="#006600"><b>ID Buku</b></td>
    <td bgcolor="#006600"><b>Judul Buku</b></td>
  </tr>
<?php
$databuku = mysql_query("SELECT * FROM buku");
$indexcek = 0;
while($d = mysql_fetch_array($databuku)){
    echo "<tr id='tr$indexcek'><td><input type='checkbox' name='bukuid[]'
    value='".$d['id']."' id='bukuid$indexcek' onclick='setwarna($indexcek)'>
    <img src='delete.gif' onclick=\"konfirmasicek('$indexcek')\"
    style='cursor:pointer'>\n";
    echo "<td>".$d['id']."</td><td>".$d['judul']."</td></tr>\n";
    $indexcek++;
}
echo "<input type=hidden id='jumlahcek' value='$indexcek' name='jumlahcek'>";
?>
</table>
<center><input type="button" value="delete" onclick="konfirmasicek2()"></center>
</form>
</body>
</html>

delete.php

<?php
include "koneksi.php";
$op = $_GET['op'];
if($op){
    $id = $_GET['id'];
    $del = mysql_query("DELETE FROM buku WHERE id='$id'");
}else{
    foreach($_POST['bukuid'] as $value){
        $del = mysql_query("DELETE FROM buku WHERE id='$value'");
    }
}
if($del){
    header("location:index.php?op=berhasildelete");
}else{
    echo "error";
}
?>




Spesial thanks to blog.codingwear.com

Rabu, 06 Februari 2013

Menampilkan data berdasarkan pilihan di listbox pada PHP


Assalamualaikum...
Kali ini IT Sasak akan share tentang cara menampilkan data berdasaarkan pilihan di Listbox,,,
Ilmu dan Tutorial ini saya peroleh dari blog tetangga... ^_^
Sangat bermanfaat sekali,,, jadi ta putuskan untuk di share disini juga,,, hihihi



Alur Program :
  1. Buat koneksi ke database
  2. Buat Form
  3. Fungsi javascript
  4. Proses tampilkan data
Script Koneksi

<?php
$host=”localhost”;
$user=”root”;
$pass=”";
$db=”test”;
//koneksi
$koneksi=mysql_connect($host,$user,$pass);
mysql_select_db($db,$koneksi);
?>
Potongan Script Form

<td width=”241″>
<select multiple=”multiple” name=”id” id=”id” onChange=”pilih(this.value)”>
<?php
$query_limit=mysql_query(“select * from guestbook“);
while($row=mysql_fetch_array($query_limit))
{
?><option value=”<?php echo $row['id_gb']; ?>”><?php echo $row['nama']; ?></option><?php
}
?>
</select>
</td>
<td width=”195″ valign=”top”>
<select name=”id” id=”id” onChange=”pilih(this.value)“>
<option value=”0″ selected=”selected”>Pilih Nama</option>
<?php
$query_limit=mysql_query(“select * from guestbook”);
while($row=mysql_fetch_array($query_limit))
{
?><option value=”<?php echo $row['id_gb']; ?>”><?php echo $row['nama']; ?></option><?php
}
?>
</select>
</td>

Fungsi Javascript

<script languange=”Javascript1.2″>
function pilih(id){
location.replace(“list-ri32.php?id=”+id);
}
</script>

Script menampilkan data

<?php
include “conn.php”;
if($_GET['']!==”"){
$id=$_GET['id'];
$query=mysql_query(“select * from guestbook where id_gb=’$id’”);
?>
<table border=”1″>
<tr><th>No</th><th>Nama</th><th>Email</th><th>Pesan</th></tr>
<?php
while($row=mysql_fetch_array($query)){
?>
<tr><td><?php echo $c=$c+1;?></td><td><?php echo $row['nama'];?></td><td><?php echo $row['email']; ?></td><td><?php echo $row['pesan']; ?></td></tr>
<?php
}
?></table><?php
}
?>



Sumber : ri32.wordpress.com

Rabu, 12 Desember 2012

Validasi Form Dengan Java Script di PHP

Kali ini IT Sasak akan share tentang Falidasi Form di PHP dengan memanfaatkan Java Script....
^_^
Tentu bila kita membuat sebuah aplikasi atau program yang menginputkan data, kita tidak akan terlepas dari yang namanya Validasi. Jadi sangat penting untuk kita memberikan validasi pada program yang kita buat.

Dikarenakan Validasi sendiri merupakan suatu cara untuk mendapat kan data yang sebenarnya dari User yang mengisikan data pada form yang di sediakan, Langsung saja kita ke pembahasan yeach,,, ^_^

Mencegah Inputan Kosong
Misalnya ada sebuah form katakanlah username, kita ingin user mengisikan data (username nya) di sana dan tidak boleh kosong. Berikut Kode Form nya :


Username:







Pada form tersebut terdapat kode onsubmit=”return validasi_input(this)” , fungsinya adalah ketika tombol Submit di klik maka akan menuju ke function validasi_input pada JavaScript sebelum ke action=”aksi.php”, Berikut Kode JS nya, letakkan di atas Form ya..



Ketika from dengan nama username valuenya == ” ” (kosong) maka akan muncul alert “Username masih kosong” dan from username akan focus.

Membatasi Minimal Inputan
Gunakan form username diatas sebagai contoh, dan ganti JavaScriptnya menjadi berikut



Jadi ketika isi dari form username panjangnya kurang dari 5, maka akan muncul alert “Panjang Username Minimal 5 Karakter”

Minimal Inputan dan hanya Huruf atau Angka
Gunakan form username saja sebagai contoh, dan ganti JavaScriptnya menjadi berikut



Validasi Pilihan Radio Button
Sebelumnya sediakan dulu form Radio Button, disini saya mencontohkan pilihan untuk jenis kelamin, dimana user harus memilih laki-laki atau Perempuan. Berikut kode formnya


Jenis Kelamin: Laki-Laki
Perempuan







Pada From tersebut masih terdapat kode onsubmit=”return validasi_input(this)”, Berikut Kode JS untuk fungsi tersebut



Pada Fungsi validasi_Input terdatapat juga fungsi cek_radio yang fungsinya untuk mengembalikan nilai True jika sudah ada yang terpilih dan False jika belum ada yang terpilih.

Validasi Untuk Combobox
Seperti biasa sediakan sebuah form berType Combobox, saya mencotohkan pada pilihan Agama, dimana user harus memilih salah satu dari agama, Berikut kode formnya


Agama:







Yang harus di ingat adalah, pada combobox sediakan satu pilihan yang bukan datanya(bukan agama), gunanya sebagai acuan pada javascriptnya, kalo form yang saya buat terletak pada kode berikut
–Pilih–, dengan pilan tersebut maka gampang saja, pasti anda sudah mengetahuinya.., bila masih belum dong, ini code JS nya



Input Hanya Angka
Kasus yang cocok misalnya dalah input No Telp/Hp pada form, ok tanpa tunggu lama-lama langsung buat form nya, kalo males, ni kode form nya


Telp/Hp :







Kalo di lihat, nama form input tersebut adalah telp, jadi value dari form telp tersebut yang harus di cek satu per satu jika bukan angka langsung di tampilkan isi dari alertnya. Berikut kode javascriptnya



Validasi Penulisan Email
Validasi penulisan email adalah yang paling sering di gunakan, karena alamat email memiliki karakter khusus yaitu @ dan .(titik), jika nama form inputnya dalah email, maka code javasciptnya adalah sebagai berikut :




Semoga bermanfaat... ^_^

Sumber : dokumenary.wordpress.com

 

Design By:
SkinCorner