Learning Share your knowledge

Akhirnya berhasil juga mendapatkan nilai dari checkbox berdasarkan nama dari checkboxnya sendiri. berikut javascriptnya :

document.forms[nama_forms].elements[nama_checkbox][urutan_element atau standarnya = 0].value;

Tutorial kali ini adalah mengenai plugin jquery yang berguna untuk membuat barcode.

lansung aja deh langkah - langkahnya..

1. download dulu jquery plugin nya...
jquery-barcode-2.0.2.js

2. Letakkan code berikut ini pada tag head

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery-barcode.js"></script>

3. Letakkan code dibawah ini pada tag body

<div id="bcTarget"></div>

4. Untuk menampilkan dapat menggunakan perintah

$("#bcTarget").barcode("1234567890128", "ean13");

contoh pada pada button :

<input type="button" onclick='$("#bcTarget").barcode("1234567890128", "ean13",{barWidth:2, barHeight:30});' value="Test">

Selamat mencoba :)

<html>
<head>
<script>
 
  function show_hide_column(col_no, do_show) {

    var stl;
    if (do_show) stl = 'block'
    else         stl = 'none';

    var tbl  = document.getElementById('id_tabel');
    var rows = tbl.getElementsByTagName('tr');

    for (var row=0; row<rows.length;row++) {
      var cels = rows[row].getElementsByTagName('td')
      cels[col_no].style.display=stl;
    }
  }

</script>

</head>
<body>

<table id='id_tabel' border=1>
  <tr><td>kolom 1</td><td>kolom 2</td><td>kolom 3</td><td>kolom 4</td></tr>
  <tr><td>kolom 1</td><td>kolom 2</td><td>kolom 3</td><td>kolom 4</td></tr>
  <tr><td>kolom 1</td><td>kolom 2</td><td>kolom 3</td><td>kolom 4</td></tr>
  
</table>


<form>

  Enter column no: <input type='text' name=col_no>
  <br>             <input type='button' onClick='javascript:show_hide_column(col_no.value,  true);' value='tampil'>
                   <input type='button' onClick='javascript:show_hide_column(col_no.value, false);' value='sembunyi'>

</form>

</body>
</html>

function get(par)
{
    var url = "index.php";
      //document.ajax.dyn.value="Started...";
    if(window.XMLHttpRequest)
    req = new XMLHttpRequest();
    else if (window.ActiveXObject)
        req  = new ActiveXObject(Microsoft.XMLHTTP);
   
    req.onreadystatechange = function()
    {
        //document.ajax.dyn.value="Wait server...";
        if(req.readyState == 4)
        {
            if(req.status == 200)
            {
                 document.getElementById('elbody').innerHTML = req.responseText;
               
            }   
            else   
            {
                alert(req.status);
            }   
        }
    };
    req.open("GET", url, true);
    req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    req.send(null);
}

DOM for DIV -->> document.getElementById('div name').innerHTML = "";
DOM for TAG -->> document.getElementsByTagName('tagname')[index of tag].innerHTML= "";


get value from select field


test1test2test3

var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].value;

Format pertama

<script language="JavaScript" src=""http://www.hashemian.com/js/NumberFormat.js">&lt;/script>&lt;scriptlanguage="JavaScript"> document.write(FormatNumberBy3("1234512345.12345")); </script>

Hasil = 1,234,512,345.12345


Format kedua 

<script language="JavaScript" src=""http://www.hashemian.com/js/NumberFormat.js"></script>
<script language="JavaScript">
document.write(FormatNumberBy3("1234512345,12345", ",", "."));
</script>

Hasil = 1.234.512.345,12345