CARA PARSING VALUE ATTRIBUTE PADA JQUERY

source logo : www.freebiesupply.com

Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,

Pada postingan kali ini hanya sebagai catatan reminder saja karena sering lupa bagaimana cara parsing data, cara parse, cara oper nilai dengan menggunakan atribut pada jquery. Case nya adalah mendapatkan nilai dari tombol edit, dimana tombol edit terdapat data atribut seperti ini.

<button class="tombol_c" attTitle="twitter" attDesk="This is Description" attLink="www.google.com" attStatus="2">
	submit
</button>  

• Script Html
• Script Jquery

#HTML

Jadi saat user klik tombol submit semua atribut attjudul, attdesk, attlink, attstatus yang ada pada akan di pindah ke dalam tempat (bisa html, input, tag) yang baru.

<button class="tombol_c" attTitle="twitter" attDesk="This is Description" attLink="www.google.com" attStatus="2">
	submit
</button>

<br> 
<input type="text" name="title">
 
<br>                                         
<textarea name="desk"></textarea>
  
<br>                                         
<textarea name="link"></textarea>
   
<br>                                         
<select name='status'>
  <option value="1"> Failed </option>
  <option value="2"> Success </option>
  <option value="3"> Done </option>
</select>

#Javascript/Jquery

lalu tambahkan script jquery dibawah ini untuk parsing data ke element, hmtl atau tag yang dituju

$(".tombol_c").on("click", function () {

  var attTitle  = $(this).attr('attTitle');
  var attDesk   = $(this).attr('attDesk');
  var attStatus = $(this).attr('attStatus');
  var attLink   = $(this).attr('attLink');

  $("input[name='title']").val(attTitle);
  $("textarea[name='desk']").val(attDesk);
  $("textarea[name='link']").val(attLink);
  $("select[name='status']").val(attStatus);

});

Demikian cara parsing value attribute pada jquery, jika ada kesulitan mengenai artikel ini, bisa tinggalkan komentar dibawah ini. Terima Kasih

TAG TAGS :

CARA PARSING VALUE PADA JQUERY | CARA QUERY PARSING VALUE PADA JQUERY | CARA PARSING VALUE MENGGUNAKAN JQUERY | HOW TO PARSING VALUE USE JQUERY | HOW TO QUERY PARSING VALUE WITH JQUERY | PARSING VALUE on JQUERY | PARSING VALUE on JQUERY langsungkoding.blogspot.com | langsungkoding |

BACA JUGA :

• Cara membuat QRCODE dengan Jquery

Read More

CARA MENGATASI $ is not a function PADA JQUERY

source logo : www.freebiesupply.com

Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,

Sebelum kalian mencoba kode ini, pastikan terlebih dahulu source atribut nya sudah benar, berikut contoh source atribut yang dimaksud : :

Jadi pastikan terlebih dahulu source nya benar, karena pada kasus saya, saya menggunakan source eksternal yang saya letakkan pada footer. Dan pada source nya sudah benar namun saat di run, munculah error. Berikut gambar errornya Ketika diinspect element.

berikut kode yang harus kalian copy dan pastekan pada file javascript eksternal.

Demikian cara mengatasi CARA MENGATASI $ is not a function PADA JQUERY , jika ada kesulitan mengenai artikel ini, bisa tinggalkan komentar dibawah ini. Terima Kasih

TAG TAGS :

CARA MENGATASI $ is not a function PADA JQUERY | MENGATASI $ is not a function PADA JQUERY | CARA MENGATASI $ is not a function | langsungkoding.blogspot.com | langsungkoding |

BACA JUGA :

• Cara membuat QRCODE dengan Jquery

Read More

CARA MENGGUNAKAN WHERE_IN PADA CODEIGNITER 3

Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,

Pada kasus ini saya ingin menampilkan data siswa yang saya pilih saja, dimana tampilan awal nya adalah menampilkan semua data siswa pada tabel dan terdapat checkbox untuk menmpilkan data sesuai dengan yang dipilih oleh user. Jadi pada script atau cara ini bisa digunakan saat ingin cetak profil siswa yang dipilih oleh user. Jika user memilih 3 siswa maka yang ditampilkan adalah 3 siswa. Baik langsung saja script nya

Pertama buat MVC nya dahulu, Model, View, Controller, menampilkan data untuk memudahkan dalam menggunakan where_in.

Menampilkan semua data siswa

#Controller

<?php 

public function view_checkbox()
{
  
    $data['user'] = $this->m_data->tampil_data()->result_array();
  
    $this->load->view('tutorial/v_data', $data);
  
}

#Model

<?php

// model

public function tampil_data()
{
 
  return $this->db->get('tb_siswa');
  
}

#View

<h1>Multiple Get</h1>

<form action="<?php echo base_url('datasiswa/where_in'); ?>" method="POST" target="_blank">

  <button type="submit">tampilkan</button>
  <br>
  <br>
  <table border="1">
    <tr>
    <td>No</td>
    <td>Nama</td>
    <td>option</td>
    </tr>


    <?php 

    $nomor = 1;
    foreach ($user as $result ) :

    ?>
      <tr>
      <td><?php echo $nomor++; ?></td>
      <td><?php echo $result['NAMA']; ?></td>
      <td><input type="checkbox" name="checkbox_nya[]" value="<?php echo $result['ID']; ?>"></td>
      </tr>

    <?php endforeach; ?>
      
  </table>
      
</form>

where_in

#Controller

<?php

// controller

public function where_in()
{
  $array_checkbox = $this->input->post('checkbox_nya');

  $id_where_in = array();

  foreach ($array_checkbox as $key) {

  $id_where_in[] = intval($key);

  }

  $data['row'] = $this->m_datasiswa->m_data_kk_akta($id_where_in)->result_array();

  $this->load->view('tutorial/v_where_in',$data);   
}

#Model

<?php

// model

public function m_data_kk_akta($id_where_in)
{
  
  $this->db->where_in('id', $id_where_in);

  return $this->db->get('tb_siswa');
  
}

#View
pada viwe yang ini, kamu harus buat file baru pada folder view nya pada percobaan saya beri nama v_where_in.php

<?php 

  foreach ($row as $row) {
    
    echo $row['NAMA']."<br>";
    
  }

 ?>
   
   

Demikian cara menggunakan where_in pada codeigniter, jika ada kesulitan mengenai artikel ini, bisa tinggalkan komentar dibawah ini. Terima Kasih

TAG TAGS :

CARA WHERE_IN PADA CODEIGNITER | CARA QUERY WHERE_IN PADA CODEIGNITER | CARA WHERE_IN MENGGUNAKAN CODEIGNITER | HOW TO WHERE_IN USE CODEIGNITER | HOW TO QUERY WHERE_IN WITH CODEIGNITER | WHERE_IN on CODEIGNITER | WHERE_IN on CODEIGNITER langsungkoding.blogspot.com | langsungkoding |

BACA JUGA :

• Cara Import Excel Menggunakan Codeigniter 3

Read More

CARA MENGGUNAKAN FIELD UPDATE OPERATOR

source logo : www.mongodb.com


Assalamualaikum warohmatullohi wabarokatuh,
Wa alaikum salam warohmatullohi wabarokatuh,

Disebelumnya adalah cara update document dengan menggunakan $set dan $unset selain itu masih ada banyak operator yang lain selain $set dan $unset yaitu $rename, $inc, $currentDate. Berikut adalah penjelasan singkatnya.
FIELD UPDATE OPERATOR
berikut adalah penjelasan singkatnya ::

No	Operator	Keterangan
1	$set	Mengubah nilai field pada document
2	$unset	Menghapus field pada document
3	$rename	Mengubah nama field pada document
4	$inc	Menaikkan nilai number pada field sesuai dengan jumlah tertentu
5	$currentDate	Mengubah field menjadi waktu saat ini

$set

$set berfungsi untuk mengubah nilai field pada dokumen seperti pada contoh updateOne dan updateMany yang harus menggunakan $set untuk mengetahui parameter atau field mana yang ingin di eksekusi.

db.collection.updateOne( // bisa juga menggunakan updateMany

        {}, // filter
        {}, // update
        {}, // option

);

sebelum melakukan update, karena ini menggunakan terminal, sebaiknya lakukan pengecekan data nya terlebih dahulu seperti melakukan find() terlebih dahulu. Seperti gambar dibawah ini.

tujuannya untuk mengetahui _id nya. Setelah itu copy _id nya lalu paste di syntax updateOne seperti di bawah ini.

// set

db.data_guru.updateOne({ 

  _id: ObjectId("61b48cf3183894bdab5ffa4d") 

  },{

  $set: { umur: 30 } 
})

Hasilnya jika di find() lagi maka tampilan nya seperti ini. Terdapat field umur: 30

$unset

$unset berfungsi untuk menghapus field pada dokumen.

pertama buatlah terlebih dahulu field sebagai percobaan.

// set

db.data_guru.updateMany{(),
  [{
    $set:{

      contoh_field: "percobaan salah"
    }
  }]
})

#result_nya
hasil dari syntax $set akan terdapat field dengan nama contoh_field : "percobaan salah" seperti gamabr di bawah ini.

lalu sekarang lakukan $unset untuk menghapus field pada dokumen tersebut, script nya seperti dibawah ini :

// unset

db.data_guru.updateMany{(),
  [{
    $unset:{

      contoh_field: "percobaan salah"
    }
  }]
})

lalu lakukan find untuk mengetahui apakah query nya berhasil. Maka hasilnya field dengan nama contoh_field akan terhapus.

$rename

Mengganti nama field yang di inginkan, pada contoh ini akan mengubah field umur menjadi umur_guru berikut syntax dasarnya

#basic_syntax

// rename

db.collection.update({

  //query

  },{

    $rename: {

      field1:"newName1",
      field2: "newName2"
    }
})

#sample_syntax

pada contoh ini, akan mengupdate semua field yang bernama umur

// rename

db.data_guru.updateMany({

  },{

  $rename: {

    umur:"umur_guru" // rename satu saja, jika ingin lebih bisa tambah koma di akhir.
  }
})

#result_nya

jika di find maka akan field umur ganti menjadi umur_guru seperti gambar dibawah ini :

$inc

inc yang berarti increment yang berarti menambah nilai, jika mengurangi nilai decrement. berikut basic syntax nya

#basic_syntax

// inc

db.collection.update({

  //query

  },{

  $inc: {

    field1: 1, // increment
    field2: -1 // decrement

  }
})

#sample_syntax

pada sample syntax ini mencoba untuk menambah field jjm dengan nilai 2, berikut syntax nya

// inc atau increment

db.data_guru.updateMany({},{

  $inc: {
  
    jjm: 2 // jjm = jumlah jam mengajar dalam sepekan

  }

})

pada sample syntax decrement tambahkan - untuk mengurangi nilai jjm nya berikut syntax nya // dec atau decrement

//dec atau decrement

db.data_guru.updateMany({},{

  $inc: {

    jjm: -3 // jjm = jumlah jam mengajar dalam sepekan
  
  }

})

#result_nya

Penjelasan dari syntax increment, nilai pada field jjm awalnya adalah 32, lalu berubah menjadi 34 dengan melakukan increment.

jika di find maka akan seperti gambar dibawah ini

pada gambar diatas nilai pada field jjm adalah 32 saat ditambahkan field berubah menjadi 34.

Lalu penjelasan syntax decrement, nilai pada field jjm awalnya adalah 34 lalu berubah menjadi 31 dengan melakukan decrement.

$currentDate

$currentDate

mengubah waktu menjadi waktu saat ini.

#basic_syntax

// currentDate

db.collection.update({

  //query

  },{
    $currentDate: {

        $field1: {
            $type: "date"
        },

        $field2: {
            $type: "timestamp"
        }
    }
})

#sample_syntax

// currentDate

db.data_guru.updateMany({},{

  $currentDate: {

      tgl_pembaruan: {

          $type: "date"

      }
  }
  
})

#result_nya

jika di find maka akan ada field tgl_pembaruan

Demikian pembahasan field update operator pada mongodb, jika ada kesulitan mengenai pembahasan ini, bisa tinggalkan komentar dibawah ini. Terima Kasih
Thank's

TAG TAGS :

CARA FIELD UPDATE OPERATOR PADA MONGODB | CARA FIELD UPDATE OPERATOR PADA DOKUMEN MONGODB | CARA FIELD UPDATE OPERATOR MENGGUNAKAN MONGODB | HOW TO FIELD UPDATE OPERATOR DATA USE MONGODB | HOW TO FIELD UPDATE OPERATOR WITH MONGODB | field update operator on mongodb | field update operator on mongodb langsungkoding.blogspot.com | langsungkoding |

BACA JUGA :

• Cara install mongodb di windows 7

Read More