Html

Jquery checking dynamic value from form input

Hallo.. Now I want share about create dynamic input value like my previous post https://imron02.wordpress.com/2014/02/10/jquery-dynamic-form-control/. But now the different from latest post is this post is create function for checking value from form input. Example I have dynamic form control like the above link, but I want to check all the input field, and ensuring that the last input must be greater than the previous inputs. Ok this is the code from me:
First we must create html file. Example I create with name checkInput.html:

<html>
<head>
    <title>Dynamic Checking Input Field</title>
    <script src='http://code.jquery.com/jquery-latest.min.js'></script>
</head>
<body>
<table id="content">
    <thead>
        <tr>
            <th>Name</th>
            <th>Value</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Data</td>
            <td><input type="text" name="value" /></td>
        </tr>
    </tbody>
</table>
<button id="addField">Add Row</button>
<button id="submit">Submit</button>
</body>
</html>

(more…)

Advertisements

Dynamic Numbering After Insert or Delete table row.

Previously I have made ​​a post about create dynamic form control using jquery https://imron02.wordpress.com/2014/02/10/jquery-dynamic-form-control/ and now I will create post about create dynamic numbering after insert or delete table row. Okay straight to the steps:

  1. First create html file like this:
    <html>
    <head>
        <title>Dynamic Form</title>
        <script src='http://code.jquery.com/jquery-latest.min.js'></script>
    </head>
    <body>
    <div id="insert">
        <input type="text" id="textValue" />
        <button type="button" id="addBtn">Add</button>
    </div>
    <br />
    <table border="1" cellpadding="10" id="tableField">
        <thead>
            <tr>
                <th>No</th>
                <th>Value</th>
                <th>Options</th>
            </tr>
        </thead>
        <tbody></tbody>
    </table>
    </body>
    </html>
    
  2. (more…)

Form HTML

Pernahkah anda melihat suatu website yang salah satu halamannya berisi form? Misalnya seperti form pendaftaran dan sejenisnya. Nah kalau pernah, berikut ini adalah penerapan form dalam suatu web page dengan menggunakan tag HTML.
Sintaknya:

<form action="url" method="get atau post" enctype="">
</form>

Penjelasan:

  • Atribut action di atas maksudnya adalah sebagai tempat yang dispesifikasikan untuk url (alamat web) yang akan digunakan sebagai pemroses field input form.
  • Method adalah atribut yang digunakan untuk menyatakan masukan-masukan yang berasal dari form yang telah kita buat ke CGI (Common Gatewai Interface). Sedangkan CGI sendiri adalah suatu standar yang menghubungkan (interface) aplikasi eksternal dengan server web.

(more…)

Frame HTML

Frame HTML biasanya akan digunakan apabila kita ingin membangun sebuah web dengan menampilkan web page yang terpisah-pisah dalam satu window browser. Jadi satu window browser dibagi menjadi beberapa windows yang disebut dengan nama frame.
Contoh sintaksnya adalah:

<frameset border=# {[rows|colse]}={#,[#[,...]]}>
   <frame src="url" name="namaframe">
</frameset>

Target Frame

Ini adalah beberapa contoh target frame yang sering digunakan:

Nama Frame Fungsi
_self Digunakan apabila target frame adalah frame tempat link berada.
_top Digunakan apabila target frame adalah windows tempat frame berada. Dengan menggunakan _top sebagai target, maka definisi frame yang ada
pada windows browser akan hilang, diganti dengan definisi frame yang baru jika ada.
_parent Target frame adalah setingkat di atas frame link berada. Akibat dari target frame _parent akan sama jika tempat frame link berada hanya
satu level di bawah definisi frame windows.
_blank Target _blank digunakan untuk membuka windows baru.

(more…)

Upgrade Kernel Fedora

Untuk Fedora:

  1. Untuk Fedora disini saya coba pada Fedora 17. Pertama-tama untuk build kernel from source ini, kita harus intall gcc-nya dahulu sebagai compilernya.

    $ su
    # yum install gcc

  2. Setelah itu install juga pake tambahan yaitu ncurses development.

    # yum install ncurses-devel

  3. Lalu lakukan update sistem Fedoranya agar menjadi lebih fresh dengan perintah:

    # yum update

  4. Lalu sekarang selanjutnya adalah mendowload kernel sourcenya di sini http://kernel.org. Downloadlah kernel yang stabil di situs tersebut. Misal kernel yang di download adalah kernel 3.7.2 dan berapa pada direktory /home/usernamekamu/Downloadds.
  5. Sekarang saatnya ekstrak kernel tadi yang berada di /home/usernamekamu/Downloads ke /usr/src.

    # tar -xvf /home/usernamekamu/Downloads/linux-3.7.2.tar.gz -C /usr/src/

  6. Selanjutnya adalah menuju direktory kernelnya tadi yang ada di /usr/src.

    # cd /usr/src/linux-3.7.2

  7. Lalu selanjutnya adalah melakukan proses pengompilelan kernelnya.

    # make mrproper

    Lalu juga copy file config kernel yang sebelumnya. Contoh yang saya lakukan adalah copy config kernel-3.3.4 (kernel default fedora 17)

    # cp /boot/config-3.3.4-5.fc17.i686 /usr/src/linux-3.7.2/.config

  8. Nah sekarang saatnya mengedit confignya sesuai kebutuhan kita dan sesuai spesifikasi laptop kita. Untuk mengetahuinya silahkan baca-baca tentang lspci atau cpuinfo.

    # make menuconfig

    Kalau sudah selesai setting confignya jangan lupa di save.

  9. Selanjutnya adalah proses pengompilan..

    # make
    # make modules_install install

  10. Dan yang terakhir adalah settings grubnya.

    # grub2-set-default 2
    # grub2-editenv list
    # grub2-mkconfig -o /boot/grub2/grub.cfg

Semoga Berhasil

Tabel Html

Pernahkan anda memikirkan cara membuat tabel di Web? Ternyata HTML itu mendukung juga cara pembuatan Tabel. Jadi bagi yang ingin menampilkan informasinya melalui Tabel, HTML pun bisa layaknya seperti Aplikasi Writer.

Contoh codenya:

Satu Kolom

<html>
<body>
<p>Ini adalah tabel pertamaku</p>
<table border=”1″>
<tr>
<td>aku</td>
</tr>
</table>
</body>
</html>

Hasilnya:
Ini adalah tabel pertamaku

aku

Satu baris, 3 kolom

<html>
<body>
<p>Ini adalah tabel pertamaku</p>
<table border=”1″>
<tr>
<td>aku</td>
<td>Kamu</td>
<td>Kita</td>
</tr>
</table>
</body>
</html>

Hasilnya:
Ini adalah tabel pertamaku

aku Kamu Kita

(more…)