catatan-fey: December 2013

Thursday, December 19, 2013

Textbox dari Mysql dengan Jquery

Ini adalah satu cara mengambil nilai dari mysql dan menampilkannya pada Textbox dengan Jquery. Berikut kodenya:
database

CREATE TABLE IF NOT EXISTS `tbl_barang` (
`id_barang` varchar(13) CHARACTER SET latin1 COLLATE latin1_general_ci NOT NULL,
`nama_barang` varchar(25) CHARACTER SET latin1 COLLATE latin1_general_ci NOT NULL,
`id_kategori` varchar(3) CHARACTER SET latin1 COLLATE latin1_general_ci NOT NULL,
`id_satuan` varchar(3) CHARACTER SET latin1 COLLATE latin1_general_ci NOT NULL,
`harga` float(13,2) NOT NULL,
PRIMARY KEY (`id_barang`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;


INSERT INTO `tbl_barang` (`id_barang`, `nama_barang`, `id_kategori`, `id_satuan`, `harga`) VALUES
('1', 'mie', 'mkn', 'bks', 1500.00),
('2', 'torabika', 'mnm', 'bks', 1000.00),
('3', 'kecap', 'mkn', 'btl', 5000.00);

Even Keyup dan mengambil nilai pada Textbox dengan Jquery

Ini adalah satu cara cek keyup dan mengambil nilai pada Textbox dengan Jquery. Berikut kodenya:

<!DOCTYPE html>
<html>
<head>
<script src="jquery-1.4.2.min.js">
</script>
<script>

$(document).ready(function(){

$(".textbox").keyup(
    function(e){
 $isitextbox = $(".textbox").val()
 $("span").text($isitextbox);
    });

});

</script>
</head>
<body>

Textbox: <input type="text" class="textbox">
<p>hasil input: <span></span></p>
</body>
</html>

untuk source kode silahkan download di sini

Even Keypres Textbox pada Jquery

Ini adalah satu cara cek keypress enter textbox pada jquery. Berikut kodenya:

<!DOCTYPE html>
<html>
<head>
<script src="jquery-1.4.2.min.js">
</script>
<script>

$(document).ready(function(){

$(".textbox").keypress(
    function(e){
        if (e.keyCode == 13) {
            if ($(this).index() == 0) {
                // enter
  alert("ini enter boz");
            }

        } else {
  // selain enter
        }
    });

});

</script>
</head>
<body>

Textbox: <input type="text" class="textbox">
</body>
</html>

untuk source kode silahkan download di sini

Thursday, December 19, 2013

Textbox dari Mysql dengan Jquery

Sunday, December 15, 2013

Even Keyup dan mengambil nilai pada Textbox dengan Jquery

Even Keypres Textbox pada Jquery