Rabu, 01 Oktober 2014

Mengganti iDisplayLength pada JQuery Datatable 2 kali

Posted by daniGunawan on 12:57 AM with No comments
Jika anda menginginkan JQuery Datatable melakukan perubahan IDisplayLength lebih dari satu kali.. contoh kasus : Anda menginginkan Datatable meload semua datanya pada tahap pertama.. lalu pada tahap kedua anda batasi tampilan sejumlah 10 setelah nya
maka caranya adalah sebagai berikut :
Bagian Javascript :
<script type="text/javascript">

            $(document).ready(function () {

                var table = $('#example1').DataTable({

                    "iDisplayLength": 10000 //max data //set iDisplayLength Pertama

                });

            });



            function resetDisplay(){

                oTable = $('#example1').dataTable();

                var oSettings = oTable.fnSettings();

                oSettings._iDisplayLength = 10; //set iDisplayLength Kedua

                oTable.fnDraw();

            }

</script>

Bagian HTML
<body class="skin-blue" onload="resetDisplay()">


Silahkan Mencoba!

Jumat, 16 November 2012

JQuery toggleClass untuk Add/Remove Class pada Elemen HTML

Posted by daniGunawan on 12:44 PM with 1 comment

Seperti yang kita ketahui, JQuery memiliki kemampuan untuk memberi maupun mengurangi class pada elemen HTML. Saat ini saya akan mencoba memberi class pada suatu div sehingga div tersebut dapat bergerak sesuai dengan event yang dilakukan oleh button. contoh gambarnya seperti ini :

Berikut ini adalah contoh kode nya :

<!DOCTYPE html>
<html>
<head>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $(".kotak").toggleClass("gerak");
  });
});
</script>
<style type="text/css">
.gerak{
animation: 5s;
margin-left:300px;
}

.kotak{
margin-top:20px;
height:100px;
width:100px;
background:yellow;

-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
</style>
</head>
<body>
<button>Start Animation</button>
<div class="kotak">
test
</div>
</body>
</html>

Rabu, 05 September 2012

Transparansi Background CSS Tanpa Berpengaruh Pada Elemen Anak

Posted by daniGunawan on 1:15 PM with No comments
saat anda ingin melakukan transparansi background maka elemen anak akan menjadi transparan juga, untuk mengakali nya dapat menggunakan pewarnaan RGBA & Filters :
contohnya adl tampilan sbg berikut :
 
code : 
.background {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

Selasa, 12 Juni 2012

Rotasi Tabel di Sql Server 2005 (baris menjadi kolom)

Posted by daniGunawan on 7:52 AM with No comments
hasilnya nanti akan seperti ini :




Syntax nya ada 2.. silahkan pilih salah satu :

1.)
SELECT NO_SOAL,
Q1= ISNULL((SELECT SKOR FROM COBA WHERE KD_RESPONDEN = 'R001' AND NO_SOAL = Q.NO_SOAL),0),Q2= ISNULL((SELECT SKOR FROM COBA WHERE KD_RESPONDEN = 'R002' AND NO_SOAL = Q.NO_SOAL),0),
Q3= ISNULL((SELECT SKOR FROM COBA WHERE KD_RESPONDEN = 'R003' AND NO_SOAL = Q.NO_SOAL),0), Q4= ISNULL((SELECT SKOR FROM COBA WHERE KD_RESPONDEN = 'R004' AND NO_SOAL = Q.NO_SOAL),0)
FROM COBA Q GROUP BY NO_SOAL

2.). jika format kolom integer maka gunakan script ini

select NO_SOAL = q.NO_SOAL,
SUM(CASE KD_RESPONDEN WHEN 'R001' THEN SKOR ELSE 0 END) as R001,
SUM(CASE KD_RESPONDEN WHEN 'R002' THEN SKOR ELSE 0 END) as R002,
SUM(CASE KD_RESPONDEN WHEN 'R003' THEN SKOR ELSE 0 END) as R003,
SUM(CASE KD_RESPONDEN WHEN 'R004' THEN SKOR ELSE 0 END) as R004
FROM coba q GROUP BY NO_SOAL

3. jika format kolom varchar  maka gunakan script ini

select NO_SOAL = q.NO_SOAL,
MAX(CASE KD_RESPONDEN WHEN 'R001' THEN SKOR ELSE '' END) as R001,
MAX(CASE KD_RESPONDEN WHEN 'R002' THEN SKOR ELSE '' END) as R002,
MAX(CASE KD_RESPONDEN WHEN 'R003' THEN SKOR ELSE '' END) as R003,
MAX(CASE KD_RESPONDEN WHEN 'R004' THEN SKOR ELSE '' END) as R004
FROM coba q GROUP BY NO_SOAL

Selasa, 15 Mei 2012

Convert Datetime To Numeric SQL Server 2005

Posted by daniGunawan on 4:31 AM with No comments

Permasalahan yang sdg saya alami adalah :
apabila kita perlu untuk membandingkan nilai integer dalam 2 bulan yang berbeda.. akan tetapi format table yang kita gunakan adalah String..  misalkan tampilkan semua data sebelum bulan Maret 2012.. 


SOLUSI nya bisa menggunakan CAST .. syntax untuk cast adalah sebagai berikut :
CAST ( expression AS data_type [ ( lenght ) ] )

CONTOH CODING nya adalah sebagai berikut : (pada contoh kasus saya menggunakan CASE)
SELECT
CASE WHEN CAST(CONVERT(datetime,H.RESIGN_BLN) as bigint) <= CAST(CONVERT(datetime,'MAR 2012') as bigint) THEN A.ST_SISWA ELSE '' END as STUDENT_ST
FROM RESIGN H, SISWA A
WHERE A.NO_SISWA = H.NO_SISWA

 Hasil : (status yg terlihat hanya bulan sebelum atau sama dengan bulan Maret 2012)




 Hasil : (status yg terlihat hanya bulan sebelum atau sama dengan bulan Apr2012)

SELECT
CASE WHEN CAST(CONVERT(datetime,H.RESIGN_BLN) as bigint) <= CAST(CONVERT(datetime,'Apr 2012') as bigint) THEN A.ST_SISWA ELSE '' END as STUDENT_ST
FROM RESIGN H, SISWA A
WHERE A.NO_SISWA = H.NO_SISWA



Terlihat Kan Bedanya ?? .. ^^ Semoga Bermanfaat ..

Kamis, 26 April 2012

Share Printer Di Windows XP

Posted by daniGunawan on 7:07 AM with No comments
Tahap 1 :
Masuk Control Panel -> Printer & Faxes


Tahap 2 :
Isi Share Name -> Klik OK




Tahap 3 :

Pada Computer CLIENT Klik File -> Add Printer



Tahap 4 : 
Ikuti Step2 Dibawah Ini :






 







Semoga Bermanfaat ^.^
Langganan: Postingan (Atom)