Bulan: Maret 2008

Memformat Angka dengan PHP

kadangkala, ketika kita bermain dengan angka, kita menginginkan agar angka yang akan ditampilkan terformat dengan tanda “.” (titik), “,” (koma) dan sebagainya. misalkan:

angka 1500000 akan kita format menjadi 1.500.000,00

tentu kita kan kesulitan klo kita bikin fungsi tersediri bukan? mulai php 3, sudah disediakan fungsi yang dapat digunakan untuk memformat angka, yaitu fungsi number_format(), — untuk lebih jelasnya silahkan masuk kesini–

format: number_format ( float $number [, int $decimals [, string $dec_point, string $thousands_sep]] )

saia, kasih contoh penggunaan satu ekor saja yakk:

<?php
function rp($number){
return number_format ($number , 2, “,”, “.” );
}
echo rp(1500000); // hasil 1.500.000,00
?>

demikian yang dapat saia sampaikan, kurang lebihnya trima kasih — kek pidato ae :D–

Iklan

Bikin Image Preview, sebelum upload

sebelum image diupload, ada baiknya dilakukan preview terlebih dahulu. keuntungannya kita bisa melihat image yang akan kita upload. selain itu kesalahan upload image bs dimimalkan.

cara kerjanya adalah menampilkan terlebih dahulu file yang ada di root folder dimana file tersebut kita ambil. lalu kita masukkan ke source image, dengan mereplace tanda ‘\’ degan ‘/’ dan menambahkan atribut ‘file:///’

code begin
pertama tama, kita buat code html, untuk mengambil file spt kode dibawah ini

<img id=”imgDisplayPreview” align=”texttop”>
<input type=”file” value=”Browse” name=”imgUp” id=”imgUp” onChange=”displayImg(‘imgUp’, ‘imgDisplayPreview’)”>

selanjutnya kita bikin code javascritpnya:

function displayImg(imgSource, imgSourcePreview){
var imgSrc = document.getElementById(imgSource).value;
// replace \ with /
imgSrc = imgSrc.replace(/\\/gi, “\/”);

var imgPreview = “file:///”+imgSrc;
if(checkImgAllowed(imgSrc)){
//alert(imgPreview);
//document.getElementById(imgSourcePreview).innetHTML = imgPreview;
document.getElementById(imgSourcePreview).src = imgPreview;
document.getElementById(imgSourcePreview).width = 100;
document.getElementById(imgSourcePreview).height = 100;
document.getElementById(imgSourcePreview).border = 5;
document.getElementById(imgSourcePreview).style.borderColor = “#EFEFEF”;
document.getElementById(imgSourcePreview).style.padding = 5;
}else{
alert(“Sorry, u seem doesnt supply a valid img”);
document.getElementById(imgSource).value = “”;
document.getElementById(imgSourcePreview).src=””;
document.getElementById(imgSourcePreview).alt = “Invalid Img”;
}
}
// ni buat ngecek, image yang di support oleh browser
function checkImgAllowed(imgSourceName){
if(imgSourceName.indexOf(‘.jpg’) != -1 || imgSourceName.indexOf(‘.gif’) != -1 || imgSourceName.indexOf(‘.png’) != -1){ return true; }
else{ return false }
}

selesai..

kode lengkapnya:

<html>
<head>
<style>
#t1, #t2{background-color:blue;border:red 3px solid;color:white}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
</style>
</head>
<script>
function displayImg(imgSource, imgSourcePreview){
var imgSrc = document.getElementById(imgSource).value;
//alert(imgSrc);
imgSrc = imgSrc.replace(/\\/gi, “\/”);
//var imgPreview = “<img src=\”file:///”+imgSrc+”\” width=\”100\” width=\”100\”>”;
var imgPreview = “file:///”+imgSrc;
if(checkImgAllowed(imgSrc)){
//alert(imgPreview);
//document.getElementById(imgSourcePreview).innetHTML = imgPreview;
document.getElementById(imgSourcePreview).src = imgPreview;
document.getElementById(imgSourcePreview).width = 100;
document.getElementById(imgSourcePreview).height = 100;
document.getElementById(imgSourcePreview).border = 5;
document.getElementById(imgSourcePreview).style.borderColor = “#EFEFEF”;
document.getElementById(imgSourcePreview).style.padding = 5;
}else{
alert(“Sorry, u seem doesnt supply a valid img”);
document.getElementById(imgSource).value = “”;
document.getElementById(imgSourcePreview).src=””;
document.getElementById(imgSourcePreview).alt = “Invalid Img”;
}
}

function checkImgAllowed(imgSourceName){
if(imgSourceName.indexOf(‘.jpg’) != -1 || imgSourceName.indexOf(‘.gif’) != -1 || imgSourceName.indexOf(‘.png’) != -1){ return true; }
else{ return false }
}
</script>
<body>
<img id=”imgDisplayPreview” align=”texttop”>
<input type=”file” value=”Browse” name=”imgUp” id=”imgUp” onChange=”displayImg(‘imgUp’, ‘imgDisplayPreview’)”>
<!– <div id=”uploadImg”></div>–>

</body>
</html>

Bikin Kumis dengan Photoshop

Adakalanya kita menginginkan gambar yang kita punya, agar bisa ditambahkan kumis. Namun, banyak banyak yang tidak mengetahui tentang cara membuat kumis. Sebenarnya, cara membuat kumis sangat mudah. Disini kita, akan mencoba membuat kumis menggunakan Burn Tools Photoshop.

Silahkan ikuti langkah-langkah berikut:
1. Sediakan gambar wajah yang anda inginkan, misalkan kita gunakan gambar dibawah ini. Kita asumsikan anda telah membuka file dibawah di photoshop.

2. Pilih Burn Tool ( O )

3. Selanjutnya pada panel properti pilih bentuk brush: Grass seperti tampak pada gambar dibawah. Anda dapt menggunkan bentuk brush lainnya, namun saya sarankan Anda untuk menggunakan brush Grass

4. Ubah ukuran Brush untuk menyesuaikan dengan gambar yang akan anda edit. ubah Range menjadi Hightlights dan Exposure dengan nilai 100%. (Anda dapat merubah-ubah Hightlight dan Exposure sehingga didapatkan gambar yang diinginkan).

5. Selanjutnya anda dapat melakukan pengecatan pada gambar yang anda siapkan, misalkan disini gunakan gambar yang telah disiapkan diatas. Setelah disapukan, hasilnya akan tampak seperti gambar di bawah ini:

6. Anda dapt berkreasi sesuai dengan kebutuhan