Contoh-Contoh Selector dalamJavaScript

Contoh-contoh selector dalam javascript:

HTML
<tr data-dd="1">
Javascript
$("tr[data-dd='1']");


HTML
<tr RowID="123">
Javascript
$("tr[RowID='" + rowID + "']");

Sekian, terimakasih atas kunjungannya.

Salam,

PHP Aku : Membangun web terorganisasi dan mudah dimengerti, contoh tutorial dengan menggunakan HTML, CSS, JavaScript, SQL, PHP, dan XML.

Bagaimana Cara Menampilkan Multi tootips di Highcharts?

Di bawah ini adalah cara untuk menampilkan multi tootips di Highcharts.

Contoh 1:

tooltip: {

        formatter: function() {

            var s = [];

            $.each(this.points, function(i, point) {

                s.push('<span style="color:#D31B22;font-weight:bold;">'+ point.series.name +' : '+

                    point.y +'<span>');

            });

            return s.join(' and ');

        },

        shared: true

    }

Contoh 2:

tooltip: {

    shared: false,

    formatter: function() {

        var text = '';

        if(this.series.name == 'MSFT') {

            text = this.x + ': ' + this.series.name +

                   '<br> $' + Highcharts.numberFormat(this.y, 0);

        } else {

            text = 'In ' + this.x + ' the median value was' + this.median +

                   'and the total $' + Highcharts.numberFormat(this.y, 0);

        }

        return text;

    }

}

Sumber: highcharts[dot]com

Sekian, terimakasih atas kunjungannya.

Salam,

PHP Aku : Membangun web terorganisasi dan mudah dimengerti, contoh tutorial dengan menggunakan HTML, CSS, JavaScript, SQL, PHP, dan XML.

Contoh Cara Menambah Element di Javascript Menggunakan appendChild

Contoh cara penggunaan append javascript:

<ul id="daftar">
  <li>Teks 1</li>
  <li>Teks 2</li>
</ul>

<button onclick="append()">Klik untuk tambah</button>

<script>
function append() {
    var selector= document.createElement("LI");
    var textselector = document.createTextNode("Teks tambahannya");
    selector.appendChild(textselector );
    document.getElementById("daftar").appendChild(selector);
}
</script>

Sekian, terimakasih atas kunjungannya.

Salam,

PHP Aku : Membangun web terorganisasi dan mudah dimengerti, contoh tutorial dengan menggunakan HTML, CSS, JavaScript, SQL, PHP, dan XML.

Cara Merubah Warna Text di Selectbox atau Dropdown

Contoh cara merubah warna text di selectbox:

.dataTables_length select option {
    background: rgba(0,0,0,0.3);
    color:#fff;
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
}

.dataTables_length select option[val="1"]{
    background: rgba(100,100,100,0.3);
}

Contoh hanya value tertentu saja:

select option {
    margin:40px;
    background: rgba(0,0,0,0.3);
    color:#fff;
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
}

select option[val="1"]{
    background: rgba(100,100,100,0.3);
}

select option[val="2"]{
    background: rgba(200,200,200,0.3);
}

Sekian, terimakasih atas kunjungannya.

Salam,

PHP Aku : Membangun web terorganisasi dan mudah dimengerti, contoh tutorial dengan menggunakan HTML, CSS, JavaScript, SQL, PHP, dan XML.