11/19/2011

Tutorial Website PHP Session

Session PHP

Session merupakan script yang berfungsi menyimpan data sementara dari website.
Contoh Pengguna an Session :

1. Memulai session

PHP (start.php)

<?php session_start(); ?>

<html>
<body>

</body>
</html>

2. Menyimpan session

PHP (storing.php)


<?php
session_start();
// store session data
$_SESSION['views']=1;
?>

<html>
<body>

<?php
//retrieve session data
echo "Pageviews=". $_SESSION['views'];
?>

</body>
</html>
3. Melihat session
PHP (view.php)
<?php
session_start();

if(isset($_SESSION['views']))
$_SESSION['views']=$_SESSION['views']+1;
else
$_SESSION['views']=1;
echo "Views=". $_SESSION['views'];
?>
4. Menghapus session
PHP (destroy.php)
<?php
session_destroy();
?>

Tutorial Website PHP Function

PHP Fungsi

Contoh fungsi yang sederhana :
PHP (fungsi.php)

<html>

<body>

<?php

function tulisnama()

{

echo "Muhammad Nurhalim";

}

echo "Nama Saya adalah";

tulisnama();

?>

</body>

</html>

Menambahkan Parameter pada fungsi tulisnama :
PHP (fungsi.php)

<html>

<body>

<?php

function tulisnama($nama)

{

echo $nama . " bin soleh.<br />";

}

echo "Nama saya adalah ";

tulisnama("halim");

echo "Nama Kakak saya adalah ";

tulisnama("wulan");

?>

</body>

</html>

Menggunakan fungsi untuk operasi matematika seperti penambahan atau perkalian :
PHP(fungsi.php)

<html>

<body>

<?php

function tambah($x,$y)

{

$total=$x+$y;

return $total;

}

echo "3 + 12 = " . tambah(3,12);

?>

</body>

</html>

Tutorial Website Javascript

Javascript onLoad()

HTML(javascript.html)

<html>

<head>

<script type="text/javascript">

function getCookie(c_name)

{

var i,x,y,ARRcookies=document.cookie.split(";");

for (i=0;i<ARRcookies.length;i++)

 {

 x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));

 y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);

 x=x.replace(/^\s+|\s+$/g,"");

 if (x==c_name)

 {

 return unescape(y);

 }

 }

}

function setCookie(c_name,value,exdays)

{

var exdate=new Date();

exdate.setDate(exdate.getDate() + exdays);

var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());

document.cookie=c_name + "=" + c_value;

}

function checkCookie()

{

var username=getCookie("username");

if (username!=null && username!="")

 {

 alert("Welcome again " + username);

 }

else

 {

 username=prompt("Please enter your name:","");

 if (username!=null && username!="")

 {

 setCookie("username",username,365);

 }

 }

}

</script>

</head>

<body onload="checkCookie()">

</body>

</html>

Jquery show and hide

Example : Show/hide

HTML (jquery.html)

<html>

<head>

<title>www.qwebsite.blogspot.com</title>

<style>

.slidingDiv {

height:300px;

background-color: #99CCFF;

padding:20px;

margin-top:10px;

border-bottom:5px solid #3399FF;

}

.show_hide {

display:none;

}

</style>

</head>

<body>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>

<script type="text/javascript">

$(document).ready(function(){

    $(".slidingDiv").hide();

$(".show_hide").show();

$('.show_hide').click(function(){

$(".slidingDiv").slideToggle();

});

});

</script>

 <a href="#" class="show_hide">Show/hide</a><br />

    <div class="slidingDiv">

        Isi konten anda di sini <a href="#" class="show_hide">hide</a>

    </div>

</div>

</body>

</html>

Onclick event

<html>

<body>

Field1: <input type="text" id="field1" value="Hello World!">

<br />

Field2: <input type="text" id="field2">

<br /><br />

Click the button below to copy the content of Field1 to Field2.

<br />

<button onclick="document.getElementById('field2').value=

document.getElementById('field1').value">Copy Text</button>

</body>

</html>

Example :

Field1:

Field2:

Alert Javascript

HTML( alert.html )

<html>

<head>

<script type="text/javascript">

function show_confirm()

{

var r=confirm("Tekan Tombol!");

if (r==true)

  {

  alert("Anda menekan Ok!");

  }

else

  {

  alert("Anda menekan No!");

  }

}

</script>

</head>

<body>

<input type="button" onclick="show_confirm()" value="Show a confirm box" />

</body>

</html>

Tutorial Dasar DOM


HTML (Dom.html)

Document Object Model (DOM) adalah object model standar untuk HTML dan XML yang bersifat platform independent. Sebuah web browser tidak harus menggunakan DOM untuk menampilkan dokumen HTML. Namun DOM diperlukan oleh JavaScript yang akan mengubah tampilan sebuah website secara dinamis. Dengan kata lain, DOM adalah cara JavaScript melihat suatu halaman HTML.

<html>

<head><title>Belajar DOM</title>

</head>

<body>

Ini text html biasa<br>

<table id="dom"><tr><td>one</td>

<td>two</td>

<td>three</td></tr>

<tr><td>four</td>

<td>five</td>

<td>six</td></tr></table>

<br><br><br>

Ini text yang dihasilkan Dom :<br>

<script type="text/javascript">

x=document.getElementById("dom").getElementsByTagName("td");

for (i=0;i<x.length;i++){

document.write(x[i].innerHTML);

document.write("<br>");

}

</script>

</body>

</html>

Awesome Slideshow Javascript

Download Jquery plugin in here

HTML (slideshow.html)

<html>

<head><title>Javascript Slide Show</title>

<script type="text/javascript">

function slideSwitch() {

    var $active = $('#slideshow IMG.active');

    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

    // use this to pull the images in the order they appear in the markup

    var $next =  $active.next().length ? $active.next()

        : $('#slideshow IMG:first');

    // uncomment the 3 lines below to pull the images in random order



    // var $sibs  = $active.siblings();

    // var rndNum = Math.floor(Math.random() * $sibs.length );

    // var $next  = $( $sibs[ rndNum ] );

    $active.addClass('last-active');

    $next.css({opacity: 0.0})

        .addClass('active')

        .animate({opacity: 1.0}, 1000, function() {

            $active.removeClass('active last-active');

        });

}

$(function() {

    setInterval( "slideSwitch()", 3000 );

});

</script>

<script type="text/javascript" href="jquery.min"></script> \\download Jquery min in this blog

<style>#slideshow {

    position:relative;

    height:393px;

}

#slideshow IMG {

position:absolute;

top:0;

left:0;

z-index:8;

opacity:0.0;

width: 153px;

}

#slideshow IMG.active {

    z-index:10;

    opacity:1.0;

}

#slideshow IMG.last-active {

    z-index:9;

}

</style>

<body>

<div id="slideshow">

    <img src="1.jpg" alt="Slideshow Image 1" width="153" height="393" class="active" />

    <img src="2.jpg" alt="Slideshow Image 2" width="153" height="393" />

    <img src="3.jpg" alt="Slideshow Image 3" width="153" height="393" />

</div>

</body>

</html>

Download all files in here

Contoh Lain ada di sini

Tutorial Website PHP Arrays

Fungsi extract array

PHP (array.php)
<html>
<head>
</head>
<body>
<?php
$data=array('kabupaten' => 'Pasuruan',
'kecamatan' => 'Pandaan',
'desa' => 'Karangjati',
'dusun' => 'Jetak');
extract($data, EXTR_PREFIX_SAME, '');
echo "DATA ASAL <br><br> Kabupaten : $kabupaten <br> Kecamatan : $kecamatan <br> Desa : $desa <br> Dusun : $dusun";
?>
</body>
</html>
Preview :
DATA ASAL

Kabupaten : Pasuruan
Kecamatan : Pandaan
Desa : Karangjati
Dusun : Jetak

Fungsi php Vprintf

PHP (array.php)
<html>
<head>
</head>
<body>
<?php
$buah = array (2, "Rambutan", 3, "Pisang", 1, "Apel", 4, "Durian");
vprintf("Anda mempunyai %d %s,%d %s, %d %s dan %d %s.",$buah);
?>
</body>
</html>

Hasil :
Anda mempunyai 2 Rambutan,3 Pisang, 1 Apel dan 4 Durian. 

Mendapatkan informasi dari indeks dengan array keys

PHP (array.php)
<html>
<head>
<title>Array trick</title>
</head>
<body>
<?php
$jadwal = array ('pagi' => 'mie', 'siang' => 'bakso', 'sore' => 'mie', 'malam' => 'sate');
$a=array_keys($jadwal, 'mie');
for($i=0;$i<count($a);$i++){
echo "$a[$i]<br>";
}
?>
</body>
</html>

Fungsi Implode

PHP (array.php)

<html><head><title>Belajar Array</title></head>
<body>
<?php
$bidang_studi = array ("Teknik Informatika",
"Sistem Informasi",
"Teknik Komputer",
"Manajemen Informatika",
"Komputer Akuntansi");

$hasil=implode(" - ",$bidang_studi);
echo "hasil = $hasil";
?>
</body>
</html> 

Kombinasi explode dengan foreach

PHP (array.php)
<html><head><title>Belajar Array</title></head>
<body>
<?php
$kalimat="bakso,mie,tahu campur,tempe,tahu,kacang";
$pecah=explode(",",$kalimat);
echo '<form name="explode">';
foreach($pecah as $key => $pecah2){
echo "<input type='checkbox' value=$key>$pecah2<br>";
}
echo '</form>';
?>
</body>
</html>

Mengganti Data string menggunakan strtr()

PHP (array.php)


<html>
<head><title>Belajar Array</title>
</head>
<body>

<?php
$data=array("AD" => "adalah",
"SB" => "sebuah",
"PB" => "pembayaran");

$kalimat="Uang AD SB alat PB";
$hasil=strtr($kalimat, $data);

echo "Kalimat utama : $kalimat <br>";
echo "Setelah strtr : $hasil";
?>
</body>
</html> 

Mengganti Data Array dengan str_replace

PHP (array.php)
<html>
<head><title>Belajar Array</title>
</head>
<body>

<?php
$sebelum="Orang suka MENEMBAKI cucunya sendiri";
$sesudah=str_replace("MENEMBAKI","MEMELUK", $sebelum);
echo "Sebelum : $sebelum <br>";
echo "Sesudah : $sesudah";
?></body>
</html>

Memecah Array Dengan Explode

PHP (explode.php)
<html>
<head><title>Belajar Array</title>
</head>
<body>
<?php
$aktifitas="renang,bermain bola,mancing,berburu,belajar,menembak";
$pecah=explode(",",$aktifitas);
echo "Data yang sudah di pecah : <br>";
print_r($pecah);
echo "<br><br><br>Data array yang diatur dengan for :<br><br>";
for ($i=0;$i<count($pecah);$i++){
echo "$pecah[$i]";
echo "<br>";
}
?>
</body>
</html>

Memecah Array Dengan Str_split

PHP (strsplit.php)
<?php
$arraye=str_split("pecahan");
$f=count($arraye);
for ($i=0;$i<$f; $i++){
echo "$i. $arraye[$i]";
echo "<br>";
}
?> 

Menampilkan Semua data array dengan foreach

PHP(array.php)
<html><head><title>Belajar Array</title></head>
<body>
<?php
$bidang_studi = array ("Teknik Informatika",
"Sistem Informasi",
"Teknik Komputer",
"Manajemen Informatika",
"Komputer Akuntansi");

foreach ($bidang_studi as $jurusan){
echo "$jurusan<br>";
}
?>
</body>
</html>

Menampilkan Array dengan fungsi Looping for

PHP(array.php)


<html><head><title>Belajar Array</title></head>
<body>
<?php
$bidang_studi = array ("Teknik Informatika",
"Sistem Informasi",
"Teknik Komputer",
"Manajemen Informatika",
"Komputer Akuntansi");

for ($i=0; $i < count($bidang_studi); $i++){
echo "$bidang_studi[$i] <br>";
}
?>
</body>
</html> 

Menampilkan Array dengan fungsi Looping While

PHP(array.php)
<html><head><title>Belajar Array</title></head>
<body>
<?php
$bidang_studi = array ("Teknik Informatika",
"Sistem Informasi",
"Teknik Komputer",
"Manajemen Informatika",
"Komputer Akuntansi");

$i=0;
while ($i < count ($bidang_studi)){
echo "$bidang_studi[$i]<br>";
$i++;
}
?>
</body>
</html>

Menampilkan array dengan print_r

PHP(array.php)
<html><head><title>Belajar Array</title></head>
<body>
<?php
$bidang_studi = array ("Teknik Informatika",
"Sistem Informasi",
"Teknik Komputer",
"Manajemen Informatika",
"Komputer Akuntansi");
print_r($bidang_studi);
?>
</body></html> 

Konsep Dasar Array dalam PHP

PHP(array.php)
<html><head><title>Belajar Array</title></head>
<body>
<?php
$jur_ti="Teknologi Informatika";
echo "1. Maka tampil seperti ini : $jur_ti<br>";

$bidang_studi = array ("Teknik Informatika",
"Sistem Informasi",
"Teknik Komputer",
"Manajemen Informatika",
"Komputer Akuntansi");
echo "2.Dulu Jurusan saya : $jur_ti , Tapi sekarang ".$bidang_studi['2']."";
echo "<br><br><br>No 1 adalah Bukan Array, tapi No 2 ialah array";
?>
</body></html>

Tutorial Website PHP

Membuat Kode Transaksi Unik Otomatis Berdasarkan Tanggal

 


















Selengkapnya Click Here

Fungsi extract array
PHP (array.php)
<html>
<head>
</head>
<body>
<?php
$data=array('kabupaten' => 'Pasuruan',
'kecamatan' => 'Pandaan',
'desa' => 'Karangjati',
'dusun' => 'Jetak');
extract($data, EXTR_PREFIX_SAME, '');
echo "DATA ASAL <br><br> Kabupaten : $kabupaten <br> Kecamatan : $kecamatan <br> Desa : $desa <br> Dusun : $dusun";
?>
</body>
</html>
Preview :
DATA ASAL

Kabupaten : Pasuruan
Kecamatan : Pandaan
Desa : Karangjati
Dusun : Jetak

 Fungsi php Vprintf

 
PHP (array.php)
<html>
<head>
</head>
<body>
<?php
$buah = array (2, "Rambutan", 3, "Pisang", 1, "Apel", 4, "Durian");
vprintf("Anda mempunyai %d %s,%d %s, %d %s dan %d %s.",$buah);
?>
</body>
</html>

Hasil :
Anda mempunyai 2 Rambutan,3 Pisang, 1 Apel dan 4 Durian.

Mendapatkan informasi dari indeks dengan array keys 

 

PHP (array.php)
<html>
<head>
<title>Array trick</title>
</head>
<body>
<?php
$jadwal = array ('pagi' => 'mie', 'siang' => 'bakso', 'sore' => 'mie', 'malam' => 'sate');
$a=array_keys($jadwal, 'mie');
for($i=0;$i<count($a);$i++){
echo "$a[$i]<br>";
}
?>
</body>
</html>

Fungsi Implode 

 

PHP (array.php)

<html><head><title>Belajar Array</title></head>
<body>
<?php
$bidang_studi = array ("Teknik Informatika",
"Sistem Informasi",
"Teknik Komputer",
"Manajemen Informatika",
"Komputer Akuntansi");

$hasil=implode(" - ",$bidang_studi);
echo "hasil = $hasil";
?>
</body>
</html>


Kombinasi explode dengan foreach


PHP (array.php)
<html><head><title>Belajar Array</title></head>
<body>
<?php
$kalimat="bakso,mie,tahu campur,tempe,tahu,kacang";
$pecah=explode(",",$kalimat);
echo '<form name="explode">';
foreach($pecah as $key => $pecah2){
echo "<input type='checkbox' value=$key>$pecah2<br>";
}
echo '</form>';
?>
</body>
</html>

Mengganti Data string menggunakan strtr() 

 

PHP (array.php)

<html>
<head><title>Belajar Array</title>
</head>
<body>

<?php
$data=array("AD" => "adalah",
"SB" => "sebuah",
"PB" => "pembayaran");

$kalimat="Uang AD SB alat PB";
$hasil=strtr($kalimat, $data);

echo "Kalimat utama : $kalimat <br>";
echo "Setelah strtr : $hasil";
?>
</body>
</html>

Mengganti Data Array dengan str_replace 

 

PHP (array.php)
<html>
<head><title>Belajar Array</title>
</head>
<body>

<?php
$sebelum="Orang suka MENEMBAKI cucunya sendiri";
$sesudah=str_replace("MENEMBAKI","MEMELUK", $sebelum);
echo "Sebelum : $sebelum <br>";
echo "Sesudah : $sesudah";
?></body>
</html>

Memecah Array Dengan Explode

 

PHP (explode.php)
<html>
<head><title>Belajar Array</title>
</head>
<body>
<?php
$aktifitas="renang,bermain bola,mancing,berburu,belajar,menembak";
$pecah=explode(",",$aktifitas);
echo "Data yang sudah di pecah : <br>";
print_r($pecah);
echo "<br><br><br>Data array yang diatur dengan for :<br><br>";
for ($i=0;$i<count($pecah);$i++){
echo "$pecah[$i]";
echo "<br>";
}
?>
</body>
</html>

Memecah Array Dengan Str_split

 

PHP (strsplit.php)
<?php
$arraye=str_split("pecahan");
$f=count($arraye);
for ($i=0;$i<$f; $i++){
echo "$i. $arraye[$i]";
echo "<br>";
}
?>  

Menampilkan Semua data array dengan foreach

 

PHP(array.php)
<html><head><title>Belajar Array</title></head>
<body>
<?php
$bidang_studi = array ("Teknik Informatika",
"Sistem Informasi",
"Teknik Komputer",
"Manajemen Informatika",
"Komputer Akuntansi");

foreach ($bidang_studi as $jurusan){
echo "$jurusan<br>";
}
?>
</body>
</html>

Menampilkan Array dengan fungsi Looping for 

PHP(array.php)



<html><head><title>Belajar Array</title></head>
<body>
<?php
$bidang_studi = array ("Teknik Informatika",
"Sistem Informasi",
"Teknik Komputer",
"Manajemen Informatika",
"Komputer Akuntansi");

for ($i=0; $i < count($bidang_studi); $i++){
echo "$bidang_studi[$i] <br>";
}
?>
</body>
</html>

Menampilkan Array dengan fungsi Looping While

 

 

PHP(array.php) 
<html><head><title>Belajar Array</title></head>
<body>
<?php
$bidang_studi = array ("Teknik Informatika",
"Sistem Informasi",
"Teknik Komputer",
"Manajemen Informatika",
"Komputer Akuntansi");

$i=0;
while ($i < count ($bidang_studi)){
echo "$bidang_studi[$i]<br>";
$i++;
}
?>
</body>
</html>

Menampilkan array dengan print_r

 

PHP(array.php)
<html><head><title>Belajar Array</title></head>
<body>
<?php
$bidang_studi = array ("Teknik Informatika",
"Sistem Informasi",
"Teknik Komputer",
"Manajemen Informatika",
"Komputer Akuntansi");
print_r($bidang_studi);
?>
</body></html>

Konsep Dasar Array dalam PHP

 

PHP(array.php)
<html><head><title>Belajar Array</title></head>
<body>
<?php
$jur_ti="Teknologi Informatika";
echo "1. Maka tampil seperti ini : $jur_ti<br>";

$bidang_studi = array ("Teknik Informatika",
"Sistem Informasi",
"Teknik Komputer",
"Manajemen Informatika",
"Komputer Akuntansi");
echo "2.Dulu Jurusan saya : $jur_ti , Tapi sekarang ".$bidang_studi['2']."";
echo "<br><br><br>No 1 adalah Bukan Array, tapi No 2 ialah array";
?>
</body></html>

PHP Fungsi

 

Contoh fungsi yang sederhana :
PHP (fungsi.php)
<html>
<body>

<?php
function tulisnama()
{
echo "Muhammad Nurhalim";
}

echo "Nama Saya adalah";
tulisnama();
?>

</body>
</html>


Menambahkan Parameter pada fungsi tulisnama :
PHP (fungsi.php)
<html>
<body>

<?php
function tulisnama($nama)
{
echo $nama . " bin soleh.<br />";
}

echo "Nama saya adalah ";
tulisnama("halim");
echo "Nama Kakak saya adalah ";
tulisnama("wulan");
?>

</body>
</html>
Menggunakan fungsi untuk operasi matematika seperti penambahan atau perkalian :
PHP(fungsi.php)
<html>
<body>

<?php
function tambah($x,$y)
{
$total=$x+$y;
return $total;
}

echo "3 + 12 = " . tambah(3,12);
?>

</body>
</html>

Session PHP

 

Session merupakan script yang berfungsi menyimpan data sementara dari website.
Contoh Pengguna an Session :

1. Memulai session

PHP (start.php)

<?php session_start(); ?>

<html>
<body>

</body>
</html>

2. Menyimpan session

PHP (storing.php)


<?php
session_start();
// store session data
$_SESSION['views']=1;
?>

<html>
<body>

<?php
//retrieve session data
echo "Pageviews=". $_SESSION['views'];
?>

</body>
</html>
3. Melihat session
PHP (view.php)
<?php
session_start();

if(isset($_SESSION['views']))
$_SESSION['views']=$_SESSION['views']+1;
else
$_SESSION['views']=1;
echo "Views=". $_SESSION['views'];
?>
4. Menghapus session
PHP (destroy.php)
<?php
session_destroy();
?>

Menampilkan status twitter di website kita

 

1. Silakan Anda cek id twitter anda di http://www.idfromuser.com

2. XML document :
Contoh ID :  218392201
Ketikkan Pada Url anda : http://twitter.com/statuses/user_timeline/218392201.rss
Maka Akan Tampil seperti berikut :


 <item>
<title>...</title>
<description>...</description>
<pubDate>...</pubDate>
<guid>...</guid>
<link>...</link>
<twitter:source>...</twitter:source>
<twitter:place/>
</item>

3. Membaca data XML dengan php :


<?php $idTwitter ='218392201';
$xml = simplexml_load_file("http://twitter.com/statuses/user_timeline/".$idTwitter.".rss");
foreach($xml->channel->item as $data)
{
echo "<p>";
echo $data->pubDate."<br>";
echo $data->title;
echo "</p>";
}
?>

4. Membaca status akhir :


<?php
$idTwitter = '218392201';
$showStatus = 5;
$xml = simplexml_load_file("http://twitter.com/statuses/user_timeline/".$idTwitter.".rss");
$counter = 1;
foreach($xml->channel->item as $data)
{
echo "<p>";
echo $data->pubDate."<br>";
echo $data->title;
echo "</p>";
if ($counter == $showStatus) break;
else $counter++;
}
?>





 

 

 

 

 

Contoh Penggunakan If, Else If, dan Else.

 

Menentukan Penampil Gambar
HTML (Form.html)
<form action="form.php" method="post">
Jenis Roti : <select name="jenis">
<option value="tart">Tart</option>
<option value="cup">Cup</option>
</select><br>
Jumlah Roti : <select name="jumlah">
<option value="3">3</option>
<option value="6">6</option>
<option value="9">9</option>
</select><br>
Pilih Warna : <select name="warna">
<option value="red">red</option>
<option value="blue">blue</option>
</select><br>
<input type="submit">
</form>

PHP (form.php)
<?php
if (($jenis == "tart") and ($jumlah == "3") and ($warna == "red")){
echo "<img src='3red.jpg' width='100'>";
}
else if (($jenis == 'tart') and ($jumlah == '6') and ($warna == 'red')){
echo "<img src='6red.jpg' width='100'>";
}
else if (($jenis == 'tart') and ($jumlah == '9') and ($warna == 'red')){
echo "<img src='9red.jpg' width='100'>";
}
else if (($jenis == 'tart') and ($jumlah == '3') and ($warna == 'blue')){
echo "<img src='3blue.jpg' width='100'>";
}
else if (($jenis == 'tart') and ($jumlah == '6') and ($warna == 'blue')){
echo "<img src='6blue.jpg' width='100'>";
}
else if (($jenis == 'tart') and ($jumlah == '9') and ($warna == 'blue')){
echo "<img src='9blue.jpg' width='100'>";
}
else if (($jenis == 'cup') and ($jumlah == '3') and ($warna == 'red')){
echo "<img src='3redcup.jpg' width='100'>";
}
else if (($jenis == 'cup') and ($jumlah == '6') and ($warna == 'red')){
echo "<img src='6redcup.jpg' width='100'>";
}
else if (($jenis == 'cup') and ($jumlah == '9') and ($warna == 'red')){
echo "<img src='9redcup.jpg' width='100'>";
}
else if (($jenis == 'cup') and ($jumlah == '3') and ($warna == 'blue')){
echo "<img src='3bluecup.jpg' width='100'>";
}
else if (($jenis == 'cup') and ($jumlah == '6') and ($warna == 'blue')){
echo "<img src='6bluecup.jpg' width='100'>";
}
else if (($jenis == 'cup') and ($jumlah == '9') and ($warna == 'blue')){
echo "<img src='9bluecup.jpg' width='100'>";
}
?>

Mengambil Data website lain, dengan technik grabbing


Grabbing.php

<?php

function grabbing($url){

$grab = curl_init();
curl_setopt($grab, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($grab, CURLOPT_URL, $url);
$get = curl_exec($grab);
curl_close($grab);
return $get;
}

$hasil = grabbing('http://situs.com');
$situs = explode('<b>', $hasil);
$situs2 = explode('</b>', $situs[1]);

echo $situs2[1];

?>
Example
Grabbing www.gudangpuisi.com.












Grabbing.php


<?php
function grabbing($url){
$get = curl_init();
curl_setopt($get, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($get, CURLOPT_URL, $url);
$finish = curl_exec($get);
curl_close($get);
return $finish;
}
$grab =  grabbing('http://www.gudangpuisi.com/');
$html = explode('<div id="content" class="grid_10">', $grab); // batas awal potongan html
$html2 = explode('<div id="myController">', $html[1]); // batas akhir potongan html
echo "<table align='center' width='700' border='1'><tr><td>";
echo "$html2[0]";
echo "</td></tr></table>";
?>

Tutorial Website Jquery

Dasar Jquery Bagian 1 (Hide and show)

Mengenal Selector :

$("#id") tag ini akan mencari tag yang menggunakan atribut id=id sama juga dengan getElementById().
$(".id") tag ini akan mencari tag yang menggunakan atribut class=id sama juga dengan getElementByClassName().
$("div") tag ini akan mencari tag yang menggunakan atribut div ,<div></div> atau sama dengan getElementByTagName("div").

Animasi :

1. Hide and Show :

HTML(jquery.html)

<!DOCTYPE html>
<html>
<head>
<style>
.anim { background:#000; padding:3px; float:left; color:#FFF; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script> // Ini adalah plugin jquery yang membuat pergerakan animasi menjadi lebih halus
</head>
<body>
<button id="hidr">Hide</button>
<button id="showr">Show</button>
<div>
<span class="anim">Suatu saat nanti saya akan menjadi programmer hebat</span>
</div>
<script>
$("#hidr").click(function () {
$(".anim").hide("slow")});
$("#showr").click(function () {
$(".anim").show(1000);
});
</script>
</body>
</html>

Example :


Suatu saat nanti saya akan menjadi programmer hebat

 

 

Dasar Jquery bagian 2 (Fade in fade out animation)

 

HTML (Fade.html)
<!DOCTYPE html>
<html>
<head>
<style>
.box,
#btn1,#btn2 { float:left; margin:5px 10px 5px 0; }
.box { width:80px; background:#090; text-align:center; padding:20px 0 20px 0; color:#FFF; font-family:Arial, Helvetica, sans-serif; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<button id="btn1">fade out</button>
<button id="btn2">show</button>
<br>
<br>
<div id="box1" class="box">box1</div>
<script>
$("#btn1").click(function() {
  function complete() {
    $("<div/>").text(this.id);
}
  $("#box1").fadeOut(1600, "linear", complete);
});
$("#btn2").click(function() {
  $("#box1").fadeIn(1600);
});
</script>
</body>
</html>

Example :


Dasar Jquery bagian 3 (Slide in and Slide out) 

 

HTML (slide.html)
<!DOCTYPE html>
<html>
<head>
  <style>
.box,
#btn1,#btn2 { float:left; margin:5px 10px 5px 0; }
.box { width:80px; background:#090; text-align:center; padding:20px 0 20px 0; color:#FFF; font-family:Arial, Helvetica, sans-serif; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script></head>
<body>
<button id="btn1">slide out</button>
<button id="btn2">slide in</button>
<br>
<br>
<div id="box1" class="box">box1</div>
<script>
 $(document).ready(function() {
    $("#btn2").click(function () {
      $("#box1").show("slide", { direction: "down" }, 1000);
});
$("#btn1").click(function () {
      $("#box1").hide("slide", { direction: "down" }, 1000);
});
  });
</script>
</body>
</html>

 Jquery Bagian 4 Moving Element. appendTo() 

 

  Script html biasa (html.html)
<!DOCTYPE html>
<html>
<head>
<style>
p { background:#999; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p>Kata terakhir saya: </p>
</body>
</html>
Hasil :

Kata terakhir saya:

Setelah html ditambah jquery append
<!DOCTYPE html>
<html>
<head>
<style>
p { background:#ff0000; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p>Kata terakhir : </p>
<script>
$("p").append(document.createTextNode("Hai"));
</script>
</body>
</html>

Hasil:

Kata terakhir saya: Hai

Kesimpulan : append() jquery digunakan untuk menambah property pada sebuah tag, dalam script di atas tag <p> ditambah dengan text Hai.

 Jquery Bagian 5 Moving Element. appendTo()

 

HTML (jquery.html)
<!DOCTYPE html>
<html>
<head>
<style>#append { background:#333;
color:#FFF;
width:270px; }</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<span class="append">sedang tidak melakukan apa apa...</span>
<div id="append">SAYA </div>
<script>$(".append").appendTo("#append"); </script>
</body>
</html>
Hasil :

SAYA sedang tidak melakukan apa apa...

Kesimpulan :
Jquery appendTo() digunakan untuk menggabungkan semua properti (style, text) kedua tag .
Pada contoh diatas tag <span class="append"> dengan style kosong dan text
"sedang tidak melakukan apa apa..."
digabungkan dengan tag <div id="append"> dengan style
{background:#333; color:#FFF; width:270px;}
dan text "SAYA" menjadi :

SAYA sedang tidak melakukan apa apa...

Jquery bagian 6 Moving Element .before() dan .after()

 

Script HTML biasa (jquery.html)

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>Saya halim...</p><b>Halo</b>
</body>
</html>
Hasil :
Saya halim...
Halo

Setelah diberi jquery before (jquery.html)
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p>Saya halim...</p><b>Halo</b>
<script>$("p").before( $("b") );</script>
</body>
</html>

Hasil :
Halo
Saya halim...


Kesimpulan : Tag jquery before() membuat tag <b>Halo</b> diletakkan sebelum tag <p>Saya halim...</p>.


Setelah diberi jquery before (jquery.html)
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<b>Halo</b><p>Saya halim...</p>
<script>$("p").after( $("b") );</script>
</body>
</html>
Hasil :
Saya halim...
Halo




Kesimpulan : Tag jquery before() membuat tag <b>Halo</b> diletakkan sesudah tag <p>Saya halim...</p>.

Jquery bagian 7 Attributes .attr()

 

HTML ( jquery.html )
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<img title="cake.jpg"/>
<script>
$("img").attr("src", function() {
return this.title;
});
</script>
</body>
</html>
Hasil :















Kesimpulan : jquery attr() digunakan untuk manambahkan atribut pada sebuah tag, contoh di atas tag <img title="cake.jpg"/> di beri script berikut :

<script>
$("img").attr("src", function() {
return this.title;
});
</script>

Maka tag Image akan menjadi seperti ini <img src="cake.jpg" title="cake.jpg">.




Download script


Jquery bagian 8 Attributes .css() 

 

HTML (jquery.html)
<!DOCTYPE html>
<html>
<head>
<style>
p { color:green; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <p>Move the mouse over a paragraph.</p>
<p>Like this one or the one above.</p>
<script>
$("p").hover(function () {
$(this).css({'background-color' : 'yellow', 'font-weight' : 'bolder'});
}, function () {
var cssObj = {
'background-color' : '#ddd',
'font-weight' : '',
'color' : 'rgb(0,40,244)'
}
$(this).css(cssObj);
});
</script>
</body>
</html>
Hasil :

Move the mouse over a paragraph.
Like this one or the one above.


Kesimpulan : Jquery css() digunakan untuk menambah atau mengganti style css suatu tag , contoh di atas tag <p> dengan style p{ color :green }. Ditambah fungsi hover dengan style :
'background-color' : 'yellow', 'font-weight' : 'bolder'
dan lain lain.


Jquery bagian 9 Attributes .addClass()

 

 

HTML (jquery.html)

<!DOCTYPE html>
<html>
<head>
<style>
p { margin: 8px; font-size:16px; }
.selected { color:red; }
.highlight { background:yellow; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p>Hello</p>
<script>
$("p").addClass("selected highlight");
</script>
</body>
</html>
Hasil : 
Hello


Kesimpulan : Jquery addClass() digunakan untuk menggabungkan style css dalam suatu tag, contoh diatas tag <p> dengan style p { margin: 8px; font-size:16px; }
digabung dengan .selected { color:red; } .highlight { background:yellow; }.
Switcheroo
My Blog Sitcheroo

Beberapa kunci sukses menjadi Programmer

1. Kuasai bahasa Inggris, paling tidak bisa membaca dokumen, kalau masih belum bisa belajar secara bertahap, gunakan kamus online, gunakan translate online seperti google translate, semua gratis dan dengan mudah anda dapatkan di internet.

1.2. Segera beli Komputer atau notebook, sebagai alat wajib yang harus dimiliki, kalau tidak ada duit jadi operator warnet yang pemiliknya baik hati.

1.3. Sambung dengan koneksi internet, baik lewat HP, atau ke Warnet, kabar bagus kalau anda punya notebook WIFI, anda bisa dapat akses gratis pake fasilitas HOTSPOT. yang tersebar di seluruh penjuru.

2. Pelajari Materi Pokok, atau mata kuliah pokok yaitu Belajar coding, mulai dari logika sederhana yaitu menampilkan kata “Hello Word”, baik untuk program dekstop maupun untuk web programming.

3. Mulai praktek, jangan banyak terori, nanti gak kelar-kelar.

4. Saat ini ada 2 kelompok programming dari segi tampilan atau output yaitu Web Programming, seperti PHP, Java, JSP dan ASP. Dan desktop programming seperti C, Visual Basic, Delphi, Java desktop.

4.2. Pelajari sesuai target Kalau ingin buat website terprogram kuasai saja PHP. di internet materi ini tersedia melimpah ruah. Buat program sederhana dulu, dan semua ada contoh, ikuti dan coba praktekkan.

4.3. Untuk desktop gunakan Visual C, Visual Basic, Delphi, atau Java, saya anjurkan Visual basic atau delphi, tapi jika ingin jago kuasai C++.

5. Pelajari dan kuasai Database SQL, contoh Mysql, Oracle, Interbase, Microsoft SQL, Postgre SQL dan pulihan SQL lainnya. Yang populer Mysql dan Postgree terutama aplikasi web base.

6. Pelajari dan Kuasai jaringan Komputer dan Internet

7. Pelajari dan Kuasai Desain seperti photoshop, meskipun anda tidak suka.

8. Untuk mengusai minimal satu bidang dibutuhkan minimal 1 tahun, dan master 4 tahun, dan jika kita serius maka semakin lama semakin mantap, dan semakin banyak orang yang menawari anda.

9. Agar lebih PD kontrak atau kos di deket anak kuliah Jurusan IT

10. Kalau Ingin jadi Programer handal jangan lupa nanti pelajari: UML, ER, CRUD, DFD, Flowchart and Mind Map.

A.Ayo Raih Prestasi, meskipun anda tidak kuliah

B.Bangun komunitas online yang banyak tersedia di internet.

C.Fokus pada satu tujuan, yakin bahwa kita bisa, tanpa harus kuliah.

D. Praktek, praktek dan praktek, Coba, coba dan coba. Masihkan menyalahkan Pemerintah, Orang tua, keadaan, nasip, saya rasa saatnya menyalahkan diri sendiri, dimana peluang begitu banyak,kesempatan begitu terbuka tapi kita tidak melakukan apa apa. Ayo……semangat, kerja keras, kerja cerdas, kerja untuk masa depan yang gemilang, tanpa menjadi beban orang orang lain dan beban bagi diri sendiri...

Popular Posts