Selected In Jquery Tab

<script>
	$(function() {
		$("#tabs").tabs();
	});
</script>
<div id="tabs">
	<ul>
		<li><a href="#tabs-1">Tab 1</a></li>
		<li><a href="#tabs-2">Tab 2</a></li>
		<li><a href="#tabs-3">Tab 3</a></li>
	</ul>
	<div id="tabs-1">Tab 1</div>
	<div id="tabs-2">Tab 2</div>
	<div id="tabs-3">Tab 3</div>
</div>

Jika kita sudah declare tab seperti code di atas, maka secara default tab yang akan tampil yaitu tab yang pertama. Tapi jika kita ingin menampilkan specific tab maka code adalah :

$("#tabs").tabs('select',0); // Tab pertama akan tampil
$("#tabs").tabs('select',1); // Tab kedua akan tampil
$("#tabs").tabs('select',2); // Tab ketiga akan tampil

Setup J2ME In Eclipse

Buat yang mau belajar J2ME tapi tidak tahu mau mulai dari mana, silahkan ikutin step-step yang saya tulis disini.

1. Instal Sun Java Wireless Toolkit
2. Instal plugin EclipseME, caranya bisa di lihat di sini
3. Sekarang kita buka eclipse dan pilih window > preferences dan di kolom sebelah kiri ada menu J2ME silahkan di expand dan pilih device management


4. Setelah itu click tombol import dan silahkan cari lokasi instalasi dari Sun Java Wireless Toolkit. Defaultnya “C:\WTK2.5.2_01″ kemudian click tombol refresh dan akan muncul list-list yang akan di import, checklist semuanya dan click tombol finish

5. Terakhir click tombol ok

Apabila semua step yang di atas sudah dijalankan maka kita sudah siap untuk coding J2ME, untuk sample sederhana silahkan lihat di sini

Instal New Plugin In Eclipse

Disini saya ambil sample untuk instal plugin EclispeME.

1. Pilih help > instal new software

2. Click tombol add, jika plugin y masih berbentuk zip maka pilih yang archive, tapi jika sudah berbentuk folder pilih yang local

3. Setelah itu akan muncul list-list plugin yang tersedia, silahkan checklist semua, dan kemudian pilih next sampai proses sudah selesai dan seelah itu click finish.


4. Jika sudah selesai maka untuk mengeceknya silahkan lihat di help > about eclipse, maka disitu akan terlihat plugin apa saja yang sudah terinstal di eclipse kita

Hello J2ME

Kali ini saya akan membuat program J2ME yang sangat sederhana yang isinya akan menampilkan message “Hello J2ME”.

1. Pertama silahkan buat project baru caranya pilih file > new > other > project > J2ME middle suit, silahkan ketik nama projectnya HelloMobile
2. Buat class baru caranya pilih file > new > other > class, silahkan ketik nama classnya HelloWorld
3. Setelah itu silahkan copy source code yang ada dibawah ini

import javax.microedition.lcdui.Display;
import javax.microedition.lcdui.Form;
import javax.microedition.midlet.MIDlet;

public class HelloWorld extends MIDlet {

	private Form form;
	private Display display;

	public HelloWorld() {
		super();
	}

	public void startApp() {
		form = new Form("First Program J2ME");
		String msg = "Hello J2ME";
		form.append(msg);
		display = Display.getDisplay(this);
		display.setCurrent(form);
	}

	public void pauseApp() {}

	public void destroyApp(boolean unconditional) {
		notifyDestroyed();
	}

}

4. Terakhir untuk menjalankan y silahkan pilih menu run > run atau tekan ctrl+f11

Format String (Ex: 5 To 0005)

Misalnya kita punya value x = 5, kemudian kita ingin merubah formatnya menjadi 4 digit yaitu x = 0005.

int x = 5;
int jumlahDigit = 4;
String hasilFormat = String.format("%0"+jumlahDigit+"d",x);

Penjelasan coding di atas adalah :
“%0″ = Angka di depan yaitu 0
“jumlahDigit” = Banyaknya digit yang mau kita buat
“d” = Jika valuenya berupa integer maka tandanya d, tapi jika decimal maka tandanya f. value yang saya maksud di atas adalah nilai x yaitu 5
x = value yang mau kita format

Menambahkan Hari, Bulan Dan Tahun Pada Tanggal

1. Menambahkan 1 Hari

Calendar cal = Calendar.getInstance();
cal.setTime(new Date(2011, 8, 30));
cal.add(Calendar.DAY_OF_MONTH, 1);

2. Menambahkan 1 Bulan

Calendar cal = Calendar.getInstance();
cal.setTime(new Date(2011, 8, 30));
cal.add(Calendar.MONTH, 1);

3. Menambahkan 1 Tahun

Calendar cal = Calendar.getInstance();
cal.setTime(new Date(2011, 8, 30));
cal.add(Calendar.YEAR, 1);

Membuat Object Berada Di Tengah-Tengah Window

Misalnya kita ingin membuat user login yang position y pas di tengah-tengah window.

.center {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -100px
}
<div class="center">
	<table>
		<tr>
			<td>User ID</td>
			<td><input type="text"/></td>
		</tr>
		<tr>
			<td>Password</td>
			<td><input type="password"/></td>
		</tr>
		<tr>
			<td></td>
			<td><input type="submit" value="Login"></td>
		</tr>
	</table>
</div>

Format Number Decimal

Misalnya kita punya value seperti ini :

double value = 1234.456789

Kemudian mau kita rubah agar dibelakang koma cukup 2 digit saja:

double value = 1234.45

Maka codenya adalah :

<fmt:formatNumber value="${1234.456789}" maxFractionDigits="2"/>

maxFractionDigits = jumlah digit yang mau kita tampilkan, misalnya di belakang koma mau ada 3 digit maka tinggal diganti saja jadi :

<fmt:formatNumber value="${1234.456789}" maxFractionDigits="3"/>

Lower Case and Upper Case

Lower case to upper case :

<!-- EDY RAKHMAN -->
<span>${fn:toUpperCase('edy rakhman')}</span>

Upper case to lower case :

<!-- edy rakhman -->
<span>${fn:toLowerCase('EDY RAKHMAN')}</span>

<!-- Edy Rakhman -->
<span style="text-transform: capitalize">${fn:toLowerCase('EDY RAKHMAN')}</span>

Sebelum mencoba cara di atas silahkan import fungsi yang ada di JSTL :

<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

Increment Letters

Umumnya kita biasa melakukan increament pada angka, tapi disini saya akan mencoba untuk membuat increment dengan huruf.

// Contoh increament pada angka
var number = 1;
var nextNumber = number++;

// Contoh increament pada huruf
var letter = 'A';
var nextLetter = String.fromCharCode(letter.charCodeAt() + 1);