[Javascript] Number Format

9 06 2009

Lagi-lagi, di javascript saya membutuhkan suatu fungsi yang sudah ada di php. Fungsi tersebut adalah number_format(). Tujuannya untuk memetakan kembali bilangan yang sudah di input. Misal terinput 20000 maka akan tertulis 20.000,00

Dikarenakan pada javascript fungsi tersebut belum ada, maka saya harus membuat nya terlebih dahulu.

Berikut script number_format dan cara penggunaannya.

<script language=javascript>
function number_format(a, b, c, d) {
 a = Math.round(a * Math.pow(10, b)) / Math.pow(10, b);
 e = a + ;
 f = e.split(‘.’);
 if (!f[0]) {
  f[0] = ‘0′;
 }
 if (!f[1]) {
  f[1] = ;
 }
 if (f[1].length < b) {
  g = f[1];
  for (i=f[1].length + 1; i <= b; i++) {
   g += ‘0′;
  }
  f[1] = g;
 }
 if(d != &amp;&amp; f[0].length > 3) {
  h = f[0];
  f[0] = ;
  for(j = 3; j < h.length; j+=3) {
   i = h.slice(h.length – j, h.length – j + 3);
   f[0] = d + i +  f[0] + ;
  }
  j = h.substr(0, (h.length % 3 == 0) ? 3 : (h.length % 3));
  f[0] = j + f[0];
 }
 c = (b <= 0) ? : c;
 document.getElementById(‘nm’).innerHTML = f[0] + c + f[1];
}

</script>

<input type=text onkeyup="number_format(this.value, 2, ‘.’, ‘,’)">
<span id=nm></span>

Test program di sini : http://www.krisnanda.web.id/number_format/



[javascript] : trim

6 04 2009

tidak seperti php, fasilitas trim belum ada di javascript.

untuk itu di perlukan script tambahan untuk membaca trim pada javascript.

fungsi trim yang saya buat adalah sebagai berikut:

<script language=javascript>

function testtrim(){
var s = document.getElementById('teks').value;
var d = trim(s);
alert(d);
}

function trim(str, chars) {
return ltrim(rtrim(str, chars), chars);
}

function ltrim(str, chars) {
chars = chars || "\\s";
return str.replace(new RegExp("^[" + chars + "]+", "g"), "");
}

function rtrim(str, chars) {
chars = chars || "\\s";
return str.replace(new RegExp("[" + chars + "]+$", "g"), "");
}
</script>

<input type=text id=teks>
<input type=button onclick=testtrim() value="test">


[javascript] Me-rotasi gambar menggunakan elemen canvas

21 07 2008

Element CANVAS atau tag canvas di keluarga HTML bisa di katakan anggota baru, berguna untuk menggambar grafik menggunakan javascript.

Tag <canvas> mendefinisikan grafik seperti graph atau image.

Pada postingan berikut ini akan menjelaskan tentang bagaimana menggunakan element canvas untuk merotasi sebuah gambar, rotasi pada 90, 180, -90, dan kembali ke 0.

Contoh nya :

rotate:

Dan berikut ini script lengkap nya :
Read the rest of this entry »



Menambah Javascript pada Javascript

20 06 2008

Suatu ketika ketika saya sedang ngoding web, saya menghadapi keadaan seperti ini :

saya sedang bermain pada satu javascript (sebut saja jskesatu.js). Nah ternyata di tengah jalan saya ingin memanggil javascript lain (sebut jskedua.js) pada file jskesatu.js

Mengingat di javascript tidak ada fungsi include(), maka saya membuat sendiri fungsi di javascript untuk memanggil file javascript lain nya.

berikut fungsi nya :

function addJavascript(jsname) {
 var th = document.getElementsByTagName('head')[0];
 var s = document.createElement('script');
 s.setAttribute('type','text/javascript');
 s.setAttribute('src',jsname);
 th.appendChild(s);
}

dan berikut ini sintak untuk memanggil fungsi tersebut :

 addJavascript('jskedua.js');

begitchuuu bro ‘n sis…



Print halaman web tanpa header & footer

21 05 2008

Mungkin kita sudah pada tahu, jika kita ingin nge-print lewat web, di kertasnya pasti ada header dan footer yang berisi alamat web site tersebut.

Nah, pada tips berikut ini adalah bagaimana cara memanipulasi nge-print lewat website yang kita buat tanpa adanya header & footer tersebut.
Read the rest of this entry »



[Javascript] Validasi dalam javascript

8 05 2008

Awalnya saya bingung bagaimana melakukan proses validasi suatu radio button dan check box dengan javascript sebelum di lempar ke proses berikutnya. Karena proses validasi nya berbeda dengan <input type=text> yang tinggal di ambil id nya saja.

Read the rest of this entry »



[Javascript] Multiple Dimensional Arrays

2 05 2008

Pokok ulasan yang kan di bahas kali ini adalah javascript tidak bisa membuat array multi dimensi dan hanya bisa array satu dimensi.

Perhatikan contoh array pada Javascript :

var a = new Array();
var b = new Array(‘a’,‘b’);
var c = new Array(5);
var d = [‘a’,‘b’,‘c’];

penjelasan :

  1. contoh yang pertama adalah array satu dimensi dengan tidak ada data di array tersebut, dan datanya masih belum terisi (null)
  2. contoh yang kedua membuat array dengan 2 data b[0]=’a’ dan b[1]=’b’
  3. contoh yang ketiga membuat array dengan 5 data c[0] hingga c[4] yang datanya masih belum terisi (null)
  4. contoh yang keempat membuat array dengan tiga data d[0]=’a’ d[1]=’b’ dan d[2]=’c’

Javascript hanya mengijinkan kita untuk membuat array satu dimensi, lalu bagaimana kita bisa membuat array multi dimensi ?

Read the rest of this entry »



Mendapatkan value dari Window pop up pada HTML

17 02 2008

Berikut ini tips untuk mendapatkan nilai dari window pop up, walaupun… cara ini terbilang kuno karena telah tergantikan dengan teknologi ajax, tetapi saya rasa teknik ini berguna juga untuk di ketahui dan akan bermanfaat buat mereka (dan saya) yang masih bingung dengan ajax.

yukk.. mulai..
Read the rest of this entry »