1. Hello Guest, selamat datang di Forum WinPoin. Kamu bisa bertanya, berdiskusi, sharing, dan ngobrolin apapun seputar Windows, Windows Phone, PC, Gadget, atau hal seputar Teknologi lainnya. Selamat berkomunitas! ;)

10 Tips And Trick Tentang Javascript

Discussion in 'Developer Corner' started by Jazz, Feb 1, 2014.

  1. Jazz

    Jazz Windows Freak Staff Member

    Joined:
    Jan 6, 2014
    Messages:
    14,720
    ~ Pembukaan Untuk Postingan Pertama di JavaScript ~​

    Mungkin bagi Member-member WinForum dan Guest yg Aktif di Javascript, pengen kasih sedikit Tips n Trick nih soal Javascript...:kagum:
    Mungkin ini bisa jadi Refrensi untuk kalian...#Kuharap...:kagum::kagum:
    Ini 10 Tips n Trick Javascript Check This Out...:santai2:

    1. Converting JavaScript Array ke CSV
    Jika kamu Punya Array Java Script String (Angka) dan mengubahnya menjadi Comma (CSV) ini Sedikit Potongan Codingnya
    Code:
    var fruits = ['apple', 'peaches', 'oranges', 'mangoes'];
 
var str = fruits.valueOf();
 
//print str: apple,peaches,oranges,mangoes
    NB : valueOf()...Gunanya menkonversi Array String terpisah dengan koma

    2. Remove Array element by Index
    Kamu memiliki Sebuah Array, Kamu ingin menghapus elemen perticular dari array berdasarkan Index, Menggunakan Sedikit Metode ().... Ini Sedikit Codingnya
    Code:
    function removeByIndex(arr, index) {
    arr.splice(index, 1);
}

test = new Array();
test[0] = 'Apple';
test[1] = 'Ball';
test[2] = 'Cat';
test[3] = 'Dog';

alert("Array before removing elements: "+test);

removeByIndex(test, 2);

alert("Array after removing elements: "+test);
    4. Remove Array element Dengan Value
    Yang satu ini Sangat Berguna, Jika memiliki sebuah array dan Anda ingin menghapus elemen berdasarkan nilai (bukan index)...
    Code:
    function removeByValue(arr, val) {
    for(var i=0; i<arr.length; i++) {
        if(arr[i] == val) {
            arr.splice(i, 1);
            break;
        }
    }
}

var somearray = ["mon", "tue", "wed", "thur"]

removeByValue(somearray, "tue");

//somearray will now have "mon", "wed", "thur"
    Dari Kode diatas Fungsi removeByValue dapat meremove elemet

    5. Browser menangkap atau keluar halaman dalam JavaScript
    Jika Kamu ingin menangkap browser acara dekat sehingga Anda dapat mengingatkan pengguna jika ada data yang belum disimpan pada halaman web yang harus diselamatkan. Ini Sedikit potongan Javascript mungkin bisa membantu.
    Code:
    <script language="javascript">
function fnUnloadHandler() {
       // Add your code here
       alert("Unload event.. Do something to invalidate users session..");
}
</script>
<body onbeforeunload="fnUnloadHandler()">
    <!-- Your page content -->
</body>
    6. Menonaktifkan Tombol Kembali Mengunakan Javascript
    Yang satu ini Sulit, jika kamu ingin menonaktifkan tombol Kembali, Kamu Harus menempatkan kode ini pada halaman di mana Anda tidak ingin pengguna untuk datang kembali... Berikut Potongan Scriptnya..
    Code:
    <SCRIPT type="text/javascript">
    window.history.forward();
    function noBack() { window.history.forward(); }
</SCRIPT>
</HEAD>
<BODY onload="noBack();"
    onpageshow="if (event.persisted) noBack();" onunload="">
    7. Menghapus Multiple Values Dari Listbox JavaScript
    Kamu dapat memilih beberapa pilihan dari Kotak Select dan Menghapusnya dengan menggunakan fungsi selectBoxRemove
    Code:
    function selectBoxRemove(sourceID) {
  
    //get the listbox object from id.
    var src = document.getElementById(sourceID);
   
    //iterate through each option of the listbox
    for(var count= src.options.length-1; count >= 0; count--) {
  
         //if the option is selected, delete the option
        if(src.options[count].selected == true) {
   
                try {
                         src.remove(count, null);
                          
                 } catch(error) {
                          
                         src.remove(count);
                }
        }
    }
}
    8. Select All/Deselect Menu Pada Listbox Menggunakan Javascript
    Jika ingin Memilih Semua menu pada Listbox tanpa memblocknya... dengan mengunakan Fungsi isSelect.. Berikut Potongan Scriptnya..
    Code:
    function listboxSelectDeselect(listID, isSelect) {
    var listbox = document.getElementById(listID);
    for(var count=0; count < listbox.options.length; count++) {
            listbox.options[count].selected = isSelect;
    }
}
    9. Listbox Pindah Kiri / Kanan
    Fungsi Script ini memungkinkan Kamu memindahkan menu Antara 2 Kotak Listbox.... Berikut Scriptnya..
    Code:
    function listbox_moveacross(sourceID, destID) {
    var src = document.getElementById(sourceID);
    var dest = document.getElementById(destID);
  
    for(var count=0; count < src.options.length; count++) {
  
        if(src.options[count].selected == true) {
                var option = src.options[count];
  
                var newOption = document.createElement("option");
                newOption.value = option.value;
                newOption.text = option.text;
                newOption.selected = true;
                try {
                         dest.add(newOption, null); //Standard
                         src.remove(count, null);
                 }catch(error) {
                         dest.add(newOption); // IE only
                         src.remove(count);
                 }
                count--;
        }
    }
}
//..
//..
 
listbox_moveacross('countryList', 'selectedCountryList');
    10. Inisialisasi Array dengan Serangkaian Nomor
    Anda ingin menginisialisasi Array Javascript dengan serangkaian angka Misalnya 1-100, Berikut Potongan scriptnya...
    Code:
    var numbers = [];
for(var i=1; numbers.push(i++)<100;);
//numbers = [0,1,2,3 ... 100]
    Mungkin yang berminat di Javascript dapat menggunakan Tips n Trick di atas..:imut1:
    Itu 10 Tips And Trick Soal Javascript...:cool:
    Maaf ya jika terlalu banyak...:ketawa::ketawa:
    Semoga Bermanfaat...:goodjob:
    :kagum:
    ~ we love feedback, we love critique, we love suggestion, we love our members ~​
     
    Jazz, Feb 1, 2014
    #1
  2. VanTony

    VanTony New Member

    Joined:
    Jan 18, 2014
    Messages:
    10
    Nice thread, My sister was learning about javascript, perhaps your tips can be used by my Sister
    [hr]
    Thread bagus, Adik saya belajar tentang javascript, mungkin tips dapat digunakan oleh Adikku
     
    VanTony, Feb 1, 2014
    #2
  3. Jazz

    Jazz Windows Freak Staff Member

    Joined:
    Jan 6, 2014
    Messages:
    14,720
    I Hope so..:kagum:
    .
    .
    Anyway Thanks For Understanding Translate English to Indonesian...:goodjob:
     
    Jazz, Feb 1, 2014
    #3
  4. BobbyRobby

    BobbyRobby Member

    Joined:
    Jan 11, 2014
    Messages:
    62
    tq bgt kk Tips JSnya mungkin bisa aku praktekkan di blogku.:goodjob:
     
    BobbyRobby, Feb 1, 2014
    #4
  5. Jazz

    Jazz Windows Freak Staff Member

    Joined:
    Jan 6, 2014
    Messages:
    14,720
    Iya iya semoga beruntung ya...:goodjob::kagum:
     
    Jazz, Feb 1, 2014
    #5
  6. Febian

    Febian Administrator Staff Member

    Joined:
    May 7, 2013
    Messages:
    8,029
    Thanks sis bwt share nya :D
    Share perdana di forum JavaScript
     
    Febian, Feb 1, 2014
    #6
  7. Jazz

    Jazz Windows Freak Staff Member

    Joined:
    Jan 6, 2014
    Messages:
    14,720
    Yup mas... Ini lah yg kutunggu dari Forum Programming...:kagum:
    Bisa berbagi ilmu ke sesama programming...:goodjob:
    .
    Btw kalau Forum PHP masuknya kemna min... HTML..??
     
    Jazz, Feb 1, 2014
    #7
    • Ramah Ramah x 1
  8. Febian

    Febian Administrator Staff Member

    Joined:
    May 7, 2013
    Messages:
    8,029
    Benernya malah ada rencana utk tidak ngebahas PHP disini, soalnya lbh fokus utk developing Software/Apps Windows, sedangkan PHP udah masuk ke web programming
     
    Febian, Feb 1, 2014
    #8
  9. Jazz

    Jazz Windows Freak Staff Member

    Joined:
    Jan 6, 2014
    Messages:
    14,720
    Intinya masuk kategori apa nih....:wow1:
    takutnya sewaktu-waktu mau Share ttg PHP... biar ga salah aja naruh Thread...:kagum:
     
    Jazz, Feb 1, 2014
    #9

Share This Page