Validasi Untuk Membatasi Karakter Inputan (Hanya Angka) Pada Textbox Dengan Javascript

Assalamu 'alaikum Wr. Wb.

Mumpung masih semangat, dan ada bahan lagipula ada waktu, sedikit share hal sepele yang mungkin sudah banyak yang tahu, tapi yang belum tahu semoga bisa mengetahui.

Dalam membuat aplikasi khususnya pemrograman web validasi sangat penting untuk menghindari hal-hal yang buruk seperti user nakal, inputan ngawur, rusaknya data dll.

Langsung saja ke contoh :

1. Buat form input dengan textbox

<input type="text" name="coba" >

2. Buat function untuk validasinya dengan javascript

<script language='javascript'>
function validAngka(a)
{
if(!/^[0-9.]+$/.test(a.value))
{
a.value = a.value.substring(0,a.value.length-1000);
}
}
</script>

3. Untuk memanggil fungsi validAngka diatas kita menggunakan event onkeyup. jadi ditambahkan di form inputnya (textbox).

<input type="text" name="coba"  onkeyup="validAngka(this)">

Nah.cukup mudahkan. silahkan dicoba dan lihat hasilnya. Insya Allah bisa.. mohon maaf jika ada kesalahan, mohon sarannya jika masih ada yang perlu diperbaiki, silahkan bertanya jika ada pertanyaan, akan dijawab semaksimal mungkin yang saya bisa, dan jangan menghujat..

Wassalamu 'alaikum Wr. Wb

Read More

Membuat Fungsi Tanggal Dalam PHP

Assalamu 'alaikum Wr.Wb

Jumpa lagi setelah lama sekali menghilang..

Kali ini penulis akan membahas tentang membuat fungsi tanggal dengan PHP. Didalam MYSQL ada type data datetime, jadi ketika diload didalam program maka hasilnya format Y-m-d misalkan 2014-10-30.

Nah ketika ditampilkan diwebsite maka user akan sedikit kesulitan melihat format tanggal seperti dan tentunya user akan lebih suka melihat format tanggal sepert ini 30 Oktober 2014. Bagaimana caranya ?.

1. Buat fungsi untuk mendeklarasikan bulan dari angka menjai huruf seperti ini :

function getMonth($month){ switch ($month){ case 1: return "Januari"; break; case 2: return "Februari"; break; case 3: return "Maret"; break; case 4: return "April"; break; case 5: return "Mei"; break; case 6: return "Juni"; break; case 7: return "Juli"; break; case 8: return "Agustus"; break; case 9: return "September"; break; case 10: return "Oktober"; break; case 11: return "November"; break; case 12: return "Desember"; break; }} 

2. Lalu buat fungsi tanggalnya

function tanggal($tgl)
{
$tanggal = substr($tgl,8,2);
$bulan = getMonth(substr($tgl,5,2));
$tahun = substr($tgl,0,4);
return $tanggal.' '.$bulan.' '.$tahun;  
}

3. Implementasinya seperti ini
Misalkan mau menampilkan tanggal hari ini

<?php
$tgl_sekarang=date("Y-m-d");--> 2014-10-30

$tgl_modif=tanggal($tgl_sekarang); --> memanggil fungsi tanggal

echo"$tgl_modif";--> hasilnya 30 Oktober 2014

?>

Kurang lebihnya begitu dan silahkan dicoba, jika ada yang salah mohon saranya jika ada pertanyaan silahkan bertanya , jika penulis tahu akan dijawab semaksimalnya jika penulis belum tahu mari belajar bersama. jangan saling menghujat. ok ..

Wassalamu 'alaikum Wr.wb

Read More

Mengatasi PHPMyAdmin Error di Ubuntu

Assalamu Alaikum Wr.Wb.

Anda pernah mengalami hal seperti dibawah ini..

Ini pengalamanku ketika pertama setelah install xampp/lampp di ubuntu. Tapi itu bukan masalah serius asal mau mencari solusinya.. googling.. sudah pasti.. itu cara terakhir atau pertama kali ketika ada masalah..

langsung saja.menurut berbagai sumber yang penulis pelajari,
caranya :
buka terminal lalu ketik :
sudo gedit /opt/lampp/etc/extra/httpd-xampp.conf

lalu file httpd-xampp.conf akan terbuka...

ketik Require all granted seperti yang ada di gambar berikut ini.

Setelah itu ..ya sudah selesai ..dan semoga bisa dibuka PHPMyAdmin-nya.

Wassalamu 'alaikum Wr.wb

Read More

Definisi SIstem Informasi

Assalamu alaikum Wr.Wb.

Guyu..disik..hahaha..

Setelah lama sekali blog ini menunggu postingan, akhirnya jari-jari ini mau diajak kompromi buat ngetik..

kesempatan kali ini yang dibahas adalah mengenai definisi sistem informasi. mungkin sedikit bermanfaat buat yang lagi bikin laporan.

langsung gak pakek guyu disik..hahaha..

Sistem  Informasi adalah kombinasi antara prosedur kerja, informasi, orang, dan teknologi informasi yang diorganisasikan untuk mencapai tujuan dalam sebuah organisasi (Alter,1992).

Dalam sistem informasi ada beberapa komponen, diantaranya sebagai berikut :

1. Perangkat Keras

Mencangkup piranti-piranti fisik, seperti komputer, laptop dan printer.

2. Perangkat Lunak

Sekumpulan intruksi yang memungkinkan perangkat lunak untuk memproses data.

3. Prosedur

Sekumpulan aturan yang digunakan untuk mewujudkan pemrosesan data dan menghasilkan keluaran sesuai tujuan.

4. Orang

Semua pihak yang bertanggung jawab dalam pengembangan sistem informasi.

5. Basis Data

Kumpulan data yang saling berhubungan dan diorganisasi sedemikian rupa agar dapat diakses dengan mudah dan cepat.

6. Jaringan Komputer dan Komunikasi Data

Sistem penghubung yang memungkinkan resources dipakai bersama atau diakses oleh sejumlah pemakai.

 wes.. cukup sekian...dan tunggu posting selanjutnya yang lebih menarik dan bermanfaat..

Wassalamu alaikum Wr. Wb

Read More

Membuat Tampilan Web Sederhana deng CSS (part 1)

Assalamu 'alaikum..
Dengan berbagai alasan, hingga berbulan-bulan tak buat postingan akhirnya bisa balik lagi dan ternyata masih ingat cara memposting.hehe..

Sekarang yang di bahas adalah tentang membuat tampilan web sederhana dengan CSS ( Cascading StyleSheet ). langsung saja tampilan yang dibuat seperti ini.

Tampilan diatas adalah tampilan web yang diharapkan, langsung saja di bawah ini akan aku tuliskan sintak css nya .
simpan dengan nama file "style.css".

@charset "utf-8";
/* CSS Document */

body{
    background:url(image/misc142.jpg) ;
}
#outer1{
    margin:auto;
    width:800px;
    height:auto;
   
}
#headerout{
    margin:auto;
    width:800px;
    height:100px;
   
}
#headerkiri{
    background: url(image/logohead.jpg) no-repeat;
    margin:auto;
    width:200px;
    height:99px;
    float:left;
    border:solid 1px #C30;
}
#headerkanan {
    background: -moz-linear-gradient(top, #FFF, #FFF,#FFF, #33F) no-repeat;
    width:598px;
    height:100px;
    float:right;
    border-bottom:solid 1px #33F;
}
.judul1 {
    margin:auto;
    width:auto; height:75px;
    text-align:center;
    font-family:"Old English Text MT";
    font-size:60px;
    color:#C30;
}
.judul2 {
    margin-top:5px;
    width:auto; height:auto;
    text-align:center;
    font-family:"Lucida Console", Monaco, monospace;
    color:#FFF;
    font-size:16px;
}
#backmenu{
    margin:10px auto;
    width:800px;
    height:auto;
}

#leftmenu{
    width:200px;
    height:100px;
    float:left;
    background:url(image/promo1.jpg);
    border-left:1px solid #C30;border-top:1px solid #C30;
}
#menu {
    float:right;
    width:597px;
    height:100px;
    border-left:1px solid #C30;border-top:1px solid #C30;border-right:1px solid #C30;
    background:#FFF;
}
#menu ul {
    margin:auto;
    width:auto;
    height:90px;
    padding:5px;
    float:right;
}
#menu li {
    display: inline; 
}
#menu a {
    width:auto;
    height:auto;
    display:block;
    float:left;margin:5px;
    border:#33F solid 1px;
}
#menu a:hover, #menu .active a {
    color:#FFF;
    background:#33F;
    border-radius:30px 0px 30px 0px;
}
#outer2{
    margin:10px auto;
    width:800px;
    height:auto;
    background:#FFF;
}
#mainpage{
    margin:10px auto;
    width:798px;
    height:auto;
    border-bottom:#33F solid 1px;border-left:#33F solid 1px;border-right:#33F solid 1px;
}
#content {
    width:580px;
    height:auto;
    float:left;
    border-top:solid 1px #C30;border-left:solid 1px #C30;border-right:solid 1px #C30;
    padding:5px;
    font:"Comic Sans MS";
    color:#33F;
    font-size:14px;
    text-align:justify;
    background:#FFF;
   
}
#rightpage{
    float:right;
    width:200px;
    height:auto;
    border:solid 1px #C30;
}
#footer{
    margin:10px auto;
    width:800px;
    height:auto;
   
}
#footerleft{
    margin:auto;
    width:190px;
    height:auto;
    float:left;
    border-top:solid 1px #C30;border-left:solid 1px #C30;border-right:solid 1px #C30;
    background:#FFF;
    padding:5px;
    color:#33F;
    font-family:"Lucida Console", Monaco, monospace;
    font-size:12px;
    display:block;
    text-align:left;
}
#footerright{
    width:588px;
    height:auto;
    float:right;
    border-top:solid 1px #C30;
    padding:5px;
    color:#33F;
    font-family:"Lucida Console", Monaco, monospace;
    font-size:12px;
    display:block;
    text-align:center;
}

Setelah itu buat sintak HTML nya untuk memanggil sintak CSS tersebut.
buat file dengan nama "index.html"
sintaknya dibawah ini :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Otnamhar</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
    <div id="outer1">
        <div id="headerout">
            <div id="headerkiri"></div>
            <div id="headerkanan">
                <div class="judul1">Otnamhar Web</div>
                <div class="judul2">Web Designer ~ Web Programer ~ Media Sharing Informasi</div>
            </div>
        </div>
        <div id="backmenu">
            <a href=""><div id="leftmenu"></div></a>
            <div id="menu">
                <ul>
                <li><a href="#"><img src="image/House-icon.png" height="80" title="HOME" /></a></li>
                <li><a href="#"><img src="image/Library-Folder-white-icon.png" title="ARTIKEL" /></a></li>
                <li><a href="#"><img src="image/facebook-icon.png" title="FACEBOOK" /></a></li>
                <li><a href="#"><img src="image/Icon Blogger 7.png" title="OLEHMOCO.BLOGSPOT.COM" /></a></li>
                </ul>
            </div>
        </div>
    </div>
    <div style="clear: both; margin-bottom: 0px;"></div>
    <div id="outer2">
         
            <div id="content">
            </div>
            <div id="rightpage">
            </div>
        </div>
    </div>
    <div style="clear: both; margin-bottom: 0px;"></div>
    <div id="footer">
        <div id="footerleft">Otnamhar Web<br />Phone : 087758142553<br />Email : otnamhar@gmail.com
        </div>
        <div id="footerright">Copyright &copy; 2013 Otnamhar Web ~ Hak Penuh Oleh Otnamhar<br />body background by GRSites</div>
    </div>
</body>
</html>

Nah.. seperti itu.. semoga bisa dipahami...

Read More