Author Archives: renkurniawan

Autosuggest Javascript

Posted on by

Dengan judul tersebut pasti para master udah bilang, ” ah udah biasa “, tapi blog ku ini adalah catatanku, jadi buat jaga – jaga. Males soalnya nulis di buku :p

Kali ini aku coba buat Autosuggest menggunakan Javascript, autosuggest di sini adalah suatu sistem yang memberikan kita rekomendasi pilihan dari data yang kita inputkan. Contohnya seperti di google kalo kita ketik sesuatu pasti muncul beberapa pilihan di bawah form input data.

Autosuggest Javascript

Autosuggest Javascript

google suggest

Autosuggest Google

Seperti gambar di ataslah contoh autosuggest, untuk contoh livenya silahkan kunjungi http://fastprint.co.id/daftar.html di bagian Kota. Algoritma dari sistem kali ini adalah :

  1. Input Data pada database
  2. Pemanggilan dan pengelompokan data dan ditampung pada satu variabel array
  3. Setelah dikelompokkan dalam satu array, kemudian kita akan mencari string yang sesuai dengan yang kita input
  4. Menampilkan hasil kata – kata dari array yang mirip dengan apa yang kita ketik
  5. Pilih yang sesuai dan selesai

Oke,,, untuk lebih jelasnya silahkan download source secara lengkap di Download Autosuggest Javascript PHP. Oke, Selamat Mencoba 🙂

String – Segitiga Pascal C++

Posted on by

Pasti para pembaca bingung dengan judulnya … hehehe, maksud dari judul tersebut adalah membuat satu bentuk segitiga pascal, namun segitiga ini terseusun dari suatu kalimat atau kata / string. Script ini saya buat menggunakan bahasa pemrograman C++

Misal kita ngetik kata kuliah nah dari kata tersebut akan disusun sebuah segitiga sama kaki. Hasilnya akan terlihat seperti gambar di bawah ini :

Segitiga Pascal - String

Segitiga Pascal

Untuk source codenya silahkan download script segitiga pascal c++ disini
Oke, semoga bermanfaat ya kawan … 🙂

Custom Image Yahoo Messenger Status

Posted on by

Yaph yaph,,, sesuai dengan judulnya, postingan ini bukan menunjukkan bagaimana cara mengganti gambar / image status YM Anda sedang online ataukah sedang offline dengan gambar yang telah disediakan oleh Yahoo sendiri, tapi kita membuat gambar kita sendiri sebagai parameter atau indikator yang menunjukkan apakah kita YM kita sedang online atau offline.

Kalau memanffatkan gambar yang sudah disediakan oleh Yahoo pastinya kita kurang puas, nah postingan kali ini adalah memberitahu Anda bagaimana caranya gambar yang kita buat sendiri sebagai parameter status online / offline dari status YM kita. Tentunya script ini menggunakan bahasa pemrograman PHP.

Logikanya untuk bisa membuat menampilkan status yang sesuai dengan status YM Anda adalah, bagaimana kita bisa mendapatkan nilai 0 dan 1 yang dikeluarkan dari link yahoo saat statusnya aktif. Jika nilainya 1 maka sedang online, jika selain itu maka offline. Ok silahkan lihat sourcenya di bawah ini : Continue reading →

Fungsi trim(string) javascript

Posted on by

Fungsi trim adalah fungsi yang bertujuan untuk menghilangkan suatu karakter dari suatu teks atau kumpulan teks. Ini bertujuan jika pada saat ada user yang posting atau comment atau apalah di suatu form dalam satu website, dia tidak menginputkan apapun kecuali spasi, nah pada dasarnya spasi itu termasuk karakter, tapi pada saat kita lihat jika postingan tersebut tersimpan, gag kelihatan apa – apa kan ? Karena itu, trim ini berfungsi untuk mengecek apakah user tadi jahil atau gag … 🙂

function trim(str){
    return str.replace(/^\s+|\s+$/g,'');
}

var text = '';
if(trim(text)=='') alert('Text kosong'); else alert('Text tidak kosong');

Virtual Host di AppServ localhost

Posted on by

Virtual Host adalah cara untuk mengatur banyak website atau URL di dalam satu mesin atau satu IP. Misalkan kita mempunyai banyak domain tapi hanya mempunyai 1 IP public atau 1 server. Cara untuk mengatasi masalah itu adalah dengan cara membuat virtualhost yang ada di settingan apachenya. Virtual Host bisa anda gunakan setelah anda menginstall package-package apache dan sudah pasti web server anda sudah berjalan dengan baik.

Intinya, virtual host ini adalah bagaimana caranya membuat URL dari http://localhost/contoh menjadi http://contoh.com jadi seakan – akan kita punya alamat website seperti yang ada sesungguhnya.

Langkah – langkahnya adalah :

  1. Edit ( tambahkan beberapa baris sesuai host yang Anda inginkan ) file host yang terletak di C:\WINDOWS\system32\drivers\etc\host
    127.0.0.1        contoh.com
  2. Setelah itu tambahkan script dibawah ini di file httpd.conf yang terletak didalam folder webserver. Jika pakai AppServ filenya terletak di AppServ/Apache2.2/conf
    NameVirtualHost 127.0.0.1
    <VirtualHost 127.0.0.1:80>
    DocumentRoot “C:\AppServ\www\contoh”
    ServerName contoh.com
    <Directory />
    Options FollowSymLinks
    AllowOverride All
    </Directory>
    ErrorLog logs/contoh.com-error_log
    CustomLog logs/contoh.com-access_log common
    </VirtualHost>

Setelah itu silahkan restart service apache Anda, lalu coba buka http://contoh.com di browser. Selamat mencoba !!!

Shortcut pada halaman Web Site

Posted on by

Alhamdulillah,,, akhirnya punya bahan juga untuk posting …
Dilihat dan dipahami dari judulnya, mungkin ada yang mengira bahwa postingan ini adalah memberitahu kita bagaimana cara membuat suatu shortcut di desktop yang nantinya menuju ke website kita pada saat di klik. Tentu perkiraan tersebut salah !!!
Maksud dari judul tersebut adalah bagaimana cara membuat suatu shortcut key pada halaman website, contohnya,,, jika kita punya wordpress dan ingin posting sesuatu melalui halaman Admin, nah dibagian textarea-nya jika kita ingin menebalkan huruf kan kita tekan Ctrl+B otomatis huruf yang kita blok tadi menjadi tebal. Nah seperti itulah nantinya tutorial kali ini. Jadi bisa aja nanti kita pasang script dimana saat kita tekan Ctrl+B tiba – tiba muncul alert “Hallooo”.

Ok, sekian kata pengantarnya, langsung saja. Kita ini pakai javascript keyboard event handling. Whwhehe,,, intinya kita pake javascript. Continue reading →

Tooltip Just With CSS

Posted on by
CSS Tooltip

CSS Tooltip

span.tool {
  position: relative;   /* this is key */
  cursor: help;
}

span.tool span.tip {
  display: none;        /* so is this */
}

span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: 1.6em;
  left: 0;
  width: auto;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #f7f7ee;
  font: normal 0.9em/1.2em arial, helvetica, sans-serif;
  text-align: left;
  color: #000;
}

#content span.tool::after {
  padding-left: 2px;            /* eye candy */
  content: url(/img/bubble.gif);
}

Implementasinya seperti berikut : <a href=”http://www.wikipedia.org/wiki/Wiki“><span class=”tool”>Wikipedia!<span class=”tip”><q>Wikipedia! on Wiki</q><br />http://www.wikipedia.org/wiki/Wiki</span></span></a>

Beasiswa Sampoerna School of Education (SSE)

Posted on by
Beasiswa Sampoerna School of Education

Beasiswa Sampoerna School of Education

SAMPOERNA SCHOOL of EDUCATION (SSE) membuka pendaftaran tahun akademik 2010/2011 Jalur Reguler dan Beasiswa.

PROGRAM STUDI YANG DITAWARKAN
1. Jurusan Pendidikan Matematika (S-1 Pendidikan Matematika)
2. Jurusan Pendidikan Bahasa Inggris (S-1 Pendidikan Bahasa Inggris)

PERSYARATAN UMUM
Persyaratan umum ini berlaku bagi para mahasiswa yang mengikuti seleksi masuk baik melalui jenis pembiayaan reguler dan non reguler (beasiswa dan/atau bantuan finansial lainnya). Continue reading →

Program Perpustakaan Dengan Text File Sebagai Database C++

Posted on by

Hehei … he kawan semua … postingan ini adalah hasil dari Tugas Algoritma Pemrograman 1 ku …
Membuat Aplikasi Perpustakaan dengan Text File sebagai Database. Di dalamnya masih minim emang … cuman ada Login, Peminjaman, Pengembalian, Tambah Buku dan Lihat Daftar Buku. Silahkan jika ingin mengembangkannya nanti. Hehehe 🙂 yang penting sekarang aku mau berbagi dengan pembaca … Tampilan awalnya nanti terlihat seperti gambar dibawah ini :

Perpustakaan Digital C++

Aplikasi Perpustakaan C++

Untuk sourcenya silahkan download disini

Btw, aku sering sekali jumpai di kampus tempat belajarku sendiri, yang make ini program,,, hahaha,,, ya ampunnn ( tanpa dirubah pula strukturnya, jadi mirip sekali, mbok ya dirubah – rubah gitu )

Download Free Game

Posted on by

Hehehei,,, maaf postingan kali ini agak aneh … abisnya bingung mau posting apaan,,, bagi pembaca … mohon saran, kritik dan requestnya donk …. 🙂
Karena kebingungan bikin posting, kali ini aku bagi – bagi beberapa situs Download Free Game / Tempat dimana kita bisa download game dengan gratis ….

  1. http://www.gametop.com
  2. http://free-gamehouse.com
  3. http://download-free.programas-gratis.net
  4. http://www.games.co.id
  5. http://www.games2download.com
  6. http://www.freegames.com
  7. http://www.gamehouse.com
  8. http://www.indowebster.com
  9. http://www.funpcgame.com
  10. http://www.allgamesfree.com

Yaph … semoga membantu para gamers … :mrgreen: