Smile Untuk Tidak Spam.
Hallo semuanya pada kesempatan kali ini saya mau membagikan sebuah tutorial tentang Screen Muncher
Selamat malam sobat untuk malam ini saya akan bagikan tips dan trick
blog kapan yach terakhir saya posting tentang Tips blog uda lupa, tips
kali ini cukup sederhana dan mungkin sudah banyak dari sobat yang tau
dengan cara ini tapi saya ingin share buat yang belum tau aja cara merubah nama label postingan di blog, tanpa berlama-lama lagi mari kita mulai artikel ini dengan cara membuat label pada blog..
Reff :
Berbahagia disana kau selalu ada dalam hidupku merindukanmu
Ku kan terus berdoa untukmu amanda yang aku cinta selamanya
Berbahagia disana kau selalu ada dalam hidupku merindukanmu
Ku kan terus berdoa untukmu amanda yang aku cinta selamanya
Reff :
Berbahagia disana kau selalu ada dalam hidupku merindukanmu
Ku kan terus berdoa untukmu amanda yang aku cinta selamanya
Berbahagia disana kau selalu ada dalam hidupku merindukanmu
Ku kan terus berdoa untukmu amanda yang aku cinta selamanya
Berbahagia disana kau selalu ada dalam hidupku merindukanmuJudul : Sebenarnya Cinta Amanda
Ku kan terus berdoa untukmu amanda yang aku cinta selamanya
Berbahagia disana kau selalu ada dalam hidupku merindukanmu
Ku kan terus berdoa untukmu amanda yang aku cinta selamanya
Mungkinkah ku bisa bersamamu semuanya ku korbankan untukmu, nyawa, jiwa dan ragaku ku berikan selalu...
Mungkinkah ku bisa bersamamu semuanya ku korbankan untukmu, nyawa, jiwa dan ragaku ku berikan selalu...
Kau jauh dan kau jauh inginku dekat slalu apakah mungkin diriku ini bisa membahagiakanmu...Ku ciptakan sya'ir di laguku semua tentang dirimu, wahai indahku yang ku cinta selalu...
Jangan kau tinggalkanku sendiri tuk menunggu dengan sedihku rasa rinduku slalu memikirkanmu..
(di ulang 2X)
Aku kan pergi bila kau meng-ingini maaf kan salah ku yang selama ini..Hidup yang penuh sepi di malam ku sendiri mengalir tangis hati
Ku mencintaimu lebih dari hidupku carilah yang terbaik untuk cintamu...
Reff :Carilah yang terbaik Tuk Cintamu
Aku kan pergi bila kau meng-ingini maaf kan salah ku yang selama ini..
Ku mencintaimu lebih dari hidupku carilah yang terbaik untuk cintamu...
Sakit yang t'lah engkau beri, tinggalkan diriku dari perjodohanmu..
Mungkin kau permainkanku dengan janji palsu saat kau bersamaku..
Sakit yang t'lah engkau beri, tinggalkan diriku dari perjodohanmu..
Mungkin kau permainkanku dengan janji palsu saat kau bersamaku..
Sakit yang t'lah engkau beri, tinggalkan diriku dari perjodohanmu..
Mungkin kau permainkanku dengan janji palsu saat kau bersamaku..
Reff :Cintaku ini diantara kalian yang dulu mencintai
Kembali lah padanya aku kan pergi jauh tuk meninggalkanmu
Mungkin ini jalanku tak bersamamu dalam cinta yang ku tunggu
Indah dihatiku yang ku cinta s'lalu
Reff :
Kembali lah padanya aku kan pergi jauh tuk meninggalkanmu
Mungkin ini jalanku tak bersamamu dalam cinta yang ku tunggu
Indah dihatiku yang ku cinta s'lalu
Kembali lah padanya aku kan pergi jauh tuk meninggalkanmu
Mungkin ini jalanku tak bersamamu dalam cinta yang ku tunggu
Indah dihatiku yang ku cinta s'lalu
, sekaligus sedikit refreshing dengan sharing ilmu baru he.. 3x<html> <head> <script type="text/javascript" src="script.js"></script> </head> <body> <h1>Ubah Warna Halaman dengan DOM</h1> <input type="button" name="merah" onclick="ubahMerah()" value="Ubah Jadi Merah" /> <input type="button" name="merah" onclick="ubahKuning()" value="Ubah Jadi Kuning" /> <input type="button" name="merah" onclick="ubahHijau()" value="Ubah Jadi Hijau" /> </body> </html>
function ubahMerah()
{
document.body.style.backgroundColor="red";
}
function ubahKuning()
{
document.body.style.backgroundColor="yellow";
}
function ubahHijau()
{
document.body.style.backgroundColor="green";
}
OK.. dalam contoh ini, kita akan membuat aplikasi yang memungkinkan user untuk dapat mengubah warna background melalui tombol-tombol yang disediakan. Untuk mengimplementasikan hal ini kita akan menggunakan DOM.document.body.style.backgroundColor="red";Perintah tersebut digunakan untuk mengubah style warna background pada dokumen. Untuk mengubah warna background dokumen dengan konsep DOM, kita menggunakan object ‘document’.
<html> <head><title>Multiple File Upload</title></head> <body> <form name="myform" enctype="multipart/form-data" action="upload.php" method="POST"> Pilih Jumlah File <select name="jumfile"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> </select> <br><br> <input type="hidden" name="MAX_FILE_SIZE" value="20000000" /> <div id="selectfile"></div> <br> <input type="hidden" name="n"/> <input type="submit" name="submit" value="Upload" /> </form> </body> </html>Perhatikan kode HTML di atas!
<div id="selectfile"> </div>Wah buat apa ya tag itu? Tag itu nantinya akan digunakan sebagai bagian untuk menampilkan komponen upload filenya sejumlah pilihan jumlah filenya. Untuk menampilkan komponen tersebut ke dalam bagian <div>..</div> nantinya akan digunakan Javascript DOM.
<html> <head><title>Multiple File Upload</title></head> <body> <form name="myform" enctype="multipart/form-data" action="upload.php" method="POST"> Pilih Jumlah File <select name="jumfile" onchange="show()"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> </select> <br><br> <input type="hidden" name="MAX_FILE_SIZE" value="20000000" /> <div id="selectfile"> </div> <br> <input type="hidden" name="n"/> <input type="submit" name="submit" value="Upload" /> </form> </body> </html>Pada combo box, kita berikan event ‘onchange’ yang nantinya diarahkan untuk memanggil function ‘show()’ dalam Javascriptnya. Function ‘show()’ inilah yang akan menampilkan komponen upload dinamisnya. Trus… bagaimana bentuk function ‘show()’ Javascriptnya? Ini dia
<html>
<head>
<title>Multiple File Upload</title>
<script type="text/javascript">
function show()
{
var n = document.myform.jumfile.value;
var i;
var string = "";
for (i=0; i<=n-1; i++)
{
string = string + "Pilih File: <input name=\"userfile"+ i + "\" type=\"file\"><br>";
}
document.getElementById('selectfile').innerHTML = string;
document.myform.n.value = n;
}
</script>
</head>
<body>
<form name="myform" enctype="multipart/form-data" action="upload.php" method="POST">
Pilih Jumlah File
<select name="jumfile" onchange="show()">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
<br><br>
<input type="hidden" name="MAX_FILE_SIZE" value="20000000" />
<div id="selectfile">
</div>
<br>
<input type="hidden" name="n" />
<input type="submit" name="submit" value="Upload" />
</form>
</body>
</html>
Wah bagaimana tuh ide dalam Javascriptnya, kok bisa seperti itu? Konsepnya adalah membuat looping untuk membuat komponen <input name=”userfile” type=”file”> sejumlah n buah. Nilai n ini adalah sama dengan nilai jumlah file yang akan diupload melalui pilihan combo boxnya (n = document.myform.jumfile.value). Namun, untuk setiap komponen tersebut kita harus buat name yang berbeda karena dalam hal ini nama komponen tidak boleh sama, misalnya <input name="userfile0" type="file"> <input name="userfile1" type="file"> <input name="userfile2" type="file"> . . dstUntuk membuat sejumlah n buah komponen upload file tersebut, maka digunakan looping
for (i=0; i<=n-1; i++)
{
string = string + "Pilih File: <input name=\"userfile"+ i + "\" type=\"file\"><br>";
}
Selanjutnya komponen-komponen tersebut digabung menjadi satu ke dalam sebuah string, dan akhirnya string tersebut ditampilkan ke dalam bagian <div id=”selectfile”></div> dengan cara memberikan perintah:document.getElementById('selectfile').innerHTML = string;
Sedangkan perintahdocument.myform.n.value = n;digunakan untuk memberikan nilai pada komponen <input type=”hidden” name=”n” /> dengan nilai yang sama dengan n (berasal dari combobox)
<?php
// membaca nilai n dari form upload
$n = $_POST['n'];
// setting nama folder tempat upload
$uploaddir = 'data/';
// proses upload yang diletakkan dalam looping
for ($i=0; $i<=$n-1; $i++)
{
// membaca nama file yang diupload di setiap komponen upload
$fileName = $_FILES['userfile'.$i]['name'];
// membaca ukuran file yang diupload di setiap komponen upload
$fileSize = $_FILES['userfile'.$i]['size'];
// nama file temporary yang akan disimpan di server
$tmpName = $_FILES['userfile'.$i]['tmp_name'];
// menggabungkan nama folder dan nama file yang diupload
$uploadfile = $uploaddir . $fileName;
// proses upload file ke folder 'data'
if ($fileSize > 0)
{
if (move_uploaded_file($tmpName, $uploadfile))
{
echo "File ".$fileName." telah diupload<br>";
}
else
{
echo "File ".$fileName." gagal diupload<br>";
}
}
}
?>
Ada hal yang perlu kita perhatikan terkait dengan script di atas. Misalkan kita memilih jumlah file yang akan diupload sejumlah 4 buah. Setelah kita memilih 4 pada combo boxnya, maka akan muncul 4 buah komponen untuk upload file. Namun, dari 4 komponen yang muncul ternyata kita hanya menggunakan 2 komponen saja, sehingga 2 komponen yang lain kosong. (lihat gambar di bawah ini)
if ($fileSize > 0)
{
....
}
Idenya adalah dengan mengecek ukuran file yang akan diupload di setiap komponen upload. Bila ukuran filenya > 0 maka dipastikan dalam komponen upload tersebut terdapat file yang akan diupload. Namun jika tidak (ukuran file kurang atau sama dengan 0) maka dianggap tidak ada file yang akan diupload. 
© 2014 OffiCiaL WapMasTer.