Selasa, 29 November 2011

Membuat Text Menjadi Berwarna Menggunakan JSP

08.50    No comments

Program ini bertujuan untuk mewarnai setiap karakter dalam string yg diinputkan oleh user dengan
aturan :
  1. Urutan warna. urutan warnanya sebagai berikut :merah, kuning, hijau, biru, ungu.
  2. Satu Karakter hanya dapat diwarnai oleh satu warna.
  3. Pemberianwarnanya dilakukan secara beruntun dan berulang hingga semua karakter mendapat warna seperti aturan no 1(karakter spasi tidak ikut diberi warna).

Algoritma :
  1. saat diklik tombol ubah pada form inputan, maka akan pindah ke halaman cek.jsp
  2. membuat session untuk menampung string inputan dari textfield "kata"
  3. mengambil nilai inputan dari "kata"
  4. tentukan nilai awal index dari string b=0;
  5. lakukan perulangan untuk membaca string dari index ke 0 sampai kata.length()
  6. jika b==5, maka b akan bernilai 0
  7. jika b==0, maka akan menghasilkan output huruf pertama dengan warna merah
  8. jika ((b+3)%4==0), maka akan menghasilkan output huruf kedua dengan warna kuning
  9. jika ((b+1)%3==0), maka akan menghasilkan output huruf ketiga dengan warna hijau
  10. jika ((b+1)%4==0), maka akan menghasilkan output huruf keempat dengan warna biru
  11. jika ((b+1)%5==0), maka akan menghasilkan output huruf kelima dengan warna ungu
  12. kembali ke step nomer 6, melakukan perulangan sampai string habis
    contoh :
    Coding:

    • form.jsp
      <form method="POST" action="">
            <table>
                <tr>
                    <td valign="top">Masukkan Kata</td>
                    <td valign="top">:</td>
                    <td><textarea name="word" cols="50" rows="10" spry:content=""></textarea></td>
               </tr>
                <tr>
            <td colspan="3" align="right"><input type="reset" name="Reset" value="Reset" />
    <input type="submit" name="bSubmit" value="Ubah" /></td>
        </tr>
    </table>
    </form>

    <%
    String bs = request.getParameter("bSubmit");
    if(bs == null){
        return;
    }

    String word = request.getParameter("word");
    session.setAttribute("word", word);
    %>
    <a href="cek.jsp">Cek Hasil</a>


    output dari form.jsp:

    Ketikkan kalimat yang anda inginkan, tapi jika anda ingin mengganti kalimat anda tekan RESET. Jika sudah selesai menginputkan tekan UBAH maka akan keluar tombol cek hasil. Tekan tombol tersebut untuk mengetahui hasil dari inputan anda tadi. Dan akan menuju menuju cek.jsp.




    • cek.jsp
    <%
        String s=(String) session.getAttribute("word");
        out.print("Kalimat awal anda = "+s+"<br><br>Menjadi = ");
        int b=1;
        for(int a=0;a<s.length();a++)
        {
            String temp=s.substring(a,a+1);
            if(temp.equals(" ")==true)
            {
                out.print(" ");          
            }
            else
            {           
                if(b==6)
                {
                    b=1;
                }
                if(b%5==0)
                {
                    out.print("<font size=5 color=#9900ff>"+temp+"</font>");
                }
                else if(b%4==0)
                {
                    out.print("<font size=5 color=#0000ff>"+temp+"</font>");
                }
                else if(b%3==0)
                {
                    out.print("<font size=5 color=#00ff00>"+temp+"</font>");
                }
                else if(b%2==0)
                {
                    out.print("<font size=5 color=#ffff00>"+temp+"</font>");
                }
                else
                {          
                    out.print("<font size=5 color=#ff0000>"+temp+"</font>");
                }
                b++;           
            }
        }
        out.print("<br><br>");
    %>
    <html>
    <table bgcolor="black">
        <a href="form.jsp">Coba Lagi</a>
    </table>
    </html>


    Hasil dari inputan anda tadi, lihat gambar dibawah ini:























    Read More
    Langganan: Postingan (Atom)