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.

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'>


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>