Tutorial Website Lengkap: September 2011

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>";

Menggunakan Pernyataan If Pada PHP

Sebagai contoh membuat banyak form yang akan di buat.

HTML(index.html)

<html>
<body>
<form method="POST" action="form.php" name="form1">
<table><tr><td>Jumlah Komentar : </td><td><select name="komentar" id="komentar"><option selected value="1">1</option><option selected value="2">2</option></select></td></tr><tr>
<td colspan="2" align="center"><input type="submit" value="submit"></td></tr></table></form></body></html>

PHP (form.php)

<?php
$komentar="$_POST[komentar]";

if ($komentar == 1){
echo '<form>komentar : <textarea></textarea><input type="submit"></form>';
}
else{
echo '<form>komentar : <textarea></textarea><br>komentar2 : <textarea></textarea><input type="submit"></form>';
}
?>

Membuat Menu Sederhana dengan CSS

HTML (Menu.html)

<html>

<head>

<style>

.next{

border:none;

border:0px;

margin:0px;

padding:0px;

position:relative;

top:130px;

}

.next ul{

height:55px;

list-style:none;

margin:0;

padding:0;

}

.next li{

float:left;

padding:0px;

}

.next li a{

background:#fff;

color:#ffff00;

font-family:advent;

display:block;

width:50px;

font-weight:normal;

line-height:35px;

padding:15px 30px;

text-align:left;

text-decoration:none;

}

.next li a:hover, .next ul li:hover a{

background:#000;

width:50px;

color:#FFFF99;

text-decoration:none;

}</style>

</head>

<body>

</body>

</html>

Menampilkan database dalam website kita

DATABASE

CREATE TABLE IF NOT EXISTS `form` (

`nama` varchar(50) NOT NULL,

`email` varchar(50) NOT NULL,

`telepon` int(20) NOT NULL,

`alamat` varchar(20) NOT NULL,

`pesan` text NOT NULL

) ENGINE=InnoDB DEFAULT CHARSET=latin1;

INSERT INTO `form` (`nama`, `email`, `telepon`, `alamat`, `pesan`) VALUES

('eka', 'example1@bla.com', 34456, 'Indonesia', 'Blognya bagus.'),

('atus', 'example2@bla.com', 3543631, 'Indonesia', 'Yaa blognya bagus.');

PHP (Tampil.php)

<?php

$host="localhost";
$user="root";
$pass="";
$database="form";

$conn=mysql_connect($host,$user,$pass) or die ("mysql tidak bisa connect cek, pastikan mysql dalam keadaan hidup".mysql_error());

$db=mysql_select_db($database,$conn) or die ("database tidak dapat di akses, pastikan database ada".mysql_error());

$hasil=mysql_query("SELECT * FROM form") or die ("gagal query".mysql_error());
if (mysql_num_rows ($hasil) >0){
echo "<table border=1 cellpadding=10>";
echo "<tr>";
echo "<td colspan=5>FORM</td>";
echo "</tr>";
while ($baris = mysql_fetch_assoc($hasil))
{
echo "<tr>";
echo "<td>$baris[nama]</td>";echo "<td>$baris[email]</td>";
echo "<td>$baris[telepon]</td>";
echo "<td>$baris[alamat]</td>";
echo "<td>$baris[pesan]</td>";

echo "</tr>";

}

echo "</table>";

}

else

{

echo "Data kosong pada tabel form";

mysql_close($conn);

exit();

}

mysql_free_result($hasil);

mysql_close($conn);

Menyimpan Data Form Ke Database

Database

Taruh perintah di bawah ini untuk menciptakan database form dan tabel form , di sql text.

CREATE DATABASE IF NOT EXISTS 'form';
CREATE TABLE IF NOT EXISTS `form` (
`nama` varchar(50) NOT NULL,
`email` varchar(50) NOT NULL,
`telepon` int(20) NOT NULL,
`alamat` varchar(20) NOT NULL,
`pesan` text NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

HTML (form.html)

<form method="POST" action="proses.php">
<table><tr><td>Nama </td><td><input type="text" name="nama" id="nama"></td></tr>
<tr><td>E-mail</td><td><input type="text" name="email" id="email"></td></tr>
<tr><td>No. Telepon</td><td><input type="text" name="telepon" id="telepon">
</td></tr>
<tr><td>Alamat</td><td><input type="text" name="alamat" id="alamat"></td></tr>
<tr><td>Pesan</td><td><textarea name="pesan" id="pesan"></textarea></td></tr>
<tr><td>
<input type="submit" />
</td><td>
</td></tr>
</table>

PHP (proses.php)

<?php

$host="localhost";

$user="root";

$pass="";

$database="form";

$conn=mysql_connect($host,$user,$pass) or die ("mysql tidak bisa connect cek, pastikan mysql dalam keadaan hidup".mysql_error());

$db=mysql_select_db($database,$conn) or die ("database tidak dapat di akses, pastikan database ada".mysql_error());

$nama=$_POST[nama];

$email=$_POST[email];

$telepon=$_POST[telepon];

$alamat=$_POST[alamat];

$pesan=$_POST[pesan];

mysql_query ("INSERT INTO FORM SET

nama='$nama',

email='$email',

telepon='$telepon',

alamat='$alamat',

pesan='$pesan'

") or die ("gagal,kesalahan pada tabel".mysql_error()) ;

?>

Unduh semua file FORM.ZIP.

Menambahkan Simple Javascript pada Form

<html><head><title>Form Javascript</title></head>

<script type="text/javascript">
function cek()
{
var x=document.forms["form"]["nama"].value;
if (x==null || x=="" || x=="Isilah dengan nama anda")
{
alert("Nama harus diisi dengan benar");
return false;
}

var x=document.forms["form"]["email"].value;
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length || x=="Isilah dengan E-mail anda")
{
alert("E-mail harus diisi dengan benar");
return false;
}

var x=document.forms["form"]["telpn"].value;
if (x==null || x=="" || x=="Isilah dengan telepon anda")
{
alert("Telepone harus diisi dengan benar");
return false;
}
var x=document.forms["form"]["address"].value;
if (x==null || x=="" || x=="Isilah dengan alamat anda")
{
alert("Alamat harus diisi dengan benar");
return false;
}

var x=document.forms["form"]["message"].value;
if (x==null || x=="" || x=="Harus diisi dengan benar")
{
alert("Tolong tinggalkan pesan");
return false;
}
}
</script>

<script type="text/javascript">

function searchfield_focus(obj)
{
obj.style.color=""
obj.style.fontStyle=""
if (obj.value=="Isilah dengan nama anda" || obj.value=="Isilah dengan email anda" || obj.value=="Isilah dengan telepon anda" || obj.value=="Isilah dengan alamat anda")
{
obj.value=""
}
}
</script>

<body>
<form id="form" name="form" method="post" action="form.php" onsubmit="return cek();">
<table><tr><td><font color="#FFFFFF" class="font" size="3">Nama </font></td><td>
<input type="text" class="form" name="nama" id="nama" onfocus="searchfield_focus(this)" value="Isilah dengan nama anda" style="color: rgb(128, 128, 128); font-style: italic;" ></td></tr>
<tr><td><font color="#FFFFFF" class="font" size="3">E-mail</font></td><td>
<input type="text" class="form" name="email" id="email" onfocus="searchfield_focus(this)" value="Isilah dengan email anda" style="color: rgb(128, 128, 128); font-style: italic;"></td></tr>
<tr><td><font color="#FFFFFF" class="font" size="3">Telephone</font></td><td>

<input type="text" class="form" id="telpn" name="telpn" onfocus="searchfield_focus(this)" value="Isilah dengan telepon anda" style="color: rgb(128, 128, 128); font-style: italic;">
</td></tr>
<tr><td><font color="#FFFFFF" class="font" size="3">Alamat</font></td><td>
<input type="text" class="form" name="address" id="address" onfocus="searchfield_focus(this)" value="Isilah dengan alamat anda" style="color: rgb(128, 128, 128); font-style: italic;"></td></tr>
<tr><td><font color="#FFFFFF" class="font" size="3">Pesan</font></td><td>
<textarea class="area" name="message" id="message"></textarea></td></tr>
<tr><td>

</td><td align="left"> <input type="submit" value="Check" />
</td></tr>

</table>

</form>
</body>
</html>

Mengirim Form ke E-mail kita menggunakan PHP

HTML Form

<form method="POST" action="form.php">
<table><tr><td>Nama </td><td><input type="text" name="nama" id="nama"></td></tr>
<tr><td>E-mail</td><td><input type="text" name="email" id="email"></td></tr>

<tr><td>No. Telepon</td><td><input type="text" name="telepon" id="telepon">

</td></tr>
<tr><td>Alamat</td><td><input type="text" name="alamat" id="alamat"></td></tr>

<tr><td>Pesan</td><td><textarea name="message name="pesan" id="pesan""></textarea></td></tr>

<tr><td>
<input type="submit" />
</td><td align="center">
</td></tr>

</table>

</form>

PHP ( Mengirim isi form ke email kita )

<?php

$to=Email@anda.com

$nama=$_POST[nama];

$email=$_POST[email];

$telepon=$_POST[telepon];

$alamat=$_POST[alamat];

$pesan=$_POST[pesan];

$message=" Nama : $nama \n Telepon : $telepon \n Alamat : $alamat \n Pesan : $pesan";
$headers = "From:" . $email;

mail($to,$nama,$message,$headers);

echo "Pesan terkirim";

NB : Jika menggunakan server local (localhost) Edit php.ini.
Script ini berjalan baik pada server online.

Membuat Form HTML paling sederhana

HTML (Form.html)

<form>
<table><tr><td>Nama </td><td><input type="text"></td></tr> <tr><td>E-mail</td>
<td><input type="text"></td></tr>
<tr><td>No. Telepon</td><td><input type="text">
</td></tr>
<tr><td>Alamat</td><td><input type="text"></td></tr>
<tr><td>Pesan</td>
<td><textarea name="message"></textarea></td></tr>
<tr><td>
<input type="submit" />
</td><td align="center">
</td></tr>
</table> </form>