Published October 29, 2022 by RIT with 0 comment

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 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 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 :

langsungkoding

CARA PARSING VALUE ATTRIBUTE PADA JQUERY

CARA MENGATASI $ is not a function PADA JQUERY

CARA MENGGUNAKAN WHERE_IN PADA CODEIGNITER 3

Menampilkan semua data siswa

where_in

Search

Blog Archive