Tuesday, 30 October 2018

What in the world veni vidi vici

Berapa banyak telah dihapuskan
mengapa kita tak bersatu
Berapa lama hendak diagungkan
sedangkan mereka membunuh

hanyut selesa berada ditempatmu
duduk berdiam diri dari atas bangku

Telah lama kita dipalsukan
cerita yg benar ditutup
Sudah menyelinap umpama asap
racunnya telah dihidu

telah ditutup telinga mata dan hati
terikat pada istilah weni widi wiki

cuba dihitungkan harian
cuba dikira perbuatan
apa yang telah kita lakukan
selama ini...

what in the world, the money we spending..
what in the world, the life we living..
what in the world, the written we reading
what in the world what in the world?

What in the world, the tought we thingking
what in the world, the word we speaking
what in the world, the love we hating
what in the world what in the world!

Thursday, 25 October 2018

JS : Contenteditable Save data at local

 //editable cookies enable

 $(function(){
    var liveEdit = document.getElementById('live-edit');

    $(liveEdit).blur(function(){
      localStorage.setItem('liveEditData', this.innerHTML);
    });

    //when the page loads

    if ( localStorage.getItem('liveEditData')){
      liveEdit.innerHTML = localStorage.getItem('liveEditData');
    }
  });

    //end function of contenteditable

  $(function(){
    var editUser = document.getElementById('edit-user');

    $(editUser).blur(function(){
      localStorage.setItem('editUserData', this.innerHTML);
    });

    //when the page loads

    if ( localStorage.getItem('editUserData')){
      editUser.innerHTML = localStorage.getItem('editUserData');
    }
  });

      //end function of contenteditable
  

Thursday, 11 October 2018

JAVASCRIPT : BOOTSTRAP DROPDOWN PILL OR ACCORDION USING DROPDOWN

<div class="dropdown">
    <a class="btn btn-danger dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown"
        aria-haspopup="true" aria-expanded="false">
        Senarai Pegawai
    </a>

    <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
        <ul class="nav nav-pills flex-column list-unstyled" role="tablist">
            <li class="nav-item list-unstyled">
                <a class="nav-link active umum" data-toggle="pill" href="#semua-unit">SEMUA UNIT</a>
            </li>
            <li class="nav-item list-unstyled">
                <a class="nav-link umum" data-toggle="pill" href="#unit-satu">UNIT SATU</a>
            </li>
            <li class="nav-item list-unstyled">
                <a class="nav-link umum" data-toggle="pill" href="#unit-dua">UNIT DUA</a>
            </li>
            <li class="nav-item list-unstyled">
                <a class="nav-link umum" data-toggle="pill" href="#unit-tiga">UNIT TIGA</a>
            </li>
            <li class="nav-item list-unstyled">
                <a class="nav-link umum" data-toggle="pill" href="#unit-empat"> UNIT EMPAT</a>
            </li>
        </ul>
    </div>
</div>

<div style="margin-top:50px"></div>

<!-- Tab panes -->
<div class="tab-content">
    <div id="welcome" class=" tab-pane fade">

        <h1>SELAMAT DATANG KE DIREKTORI PEGAWAI</h1>

    </div>



    <div id="semua-unit" class=" tab-pane active">

        Semua unit loading...

    </div>




    <div id="unit-satu" class="tab-pane fade">

        Coming soon

    </div>

    <!-- start business data-->

    <div id="unit-dua" class="tab-pane fade">


        Coming soon

    </div>

    <div id="unit-tiga" class=" tab-pane fade">

        Coming soon

    </div>

    <div id="unit-empat" class=" tab-pane fade">

        Coming soon

    </div>
    <!--improvement tab-->
</div>
<!--tab content-->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>

Wednesday, 3 October 2018

CHARTJS : CHANGE LABEL SIZE


var ctx = document.getElementById('myChart').getContext('2d');
var chart = new Chart(ctx, {
    // The type of chart we want to create
    type: 'radar',

    // The data for our dataset
    data: {
        labels: ["Entrepreneur Capability", "Business Capacity", "Product Strength", "Technological Potential", "User Performance", ],
        datasets: [{
            label: "BUSINESS HEALTH SCORE",
            backgroundColor: '#c72b34bf',
            borderColor: '#c72b34bf',
            data: [10, 20, 40, 60, 50, ],

        }]
    },

    // Configuration options go here
    options: {
        scale: {
            pointLabels: {
                fontSize: 18,
            }
        }
    }
});

Tuesday, 2 October 2018

DIVI : Message Pattern

My name is %%Name%%,
 my message is %%Message%%
 and email address is %%Email%%.

add %%id%% to get the input value.

email mailto: pretext

 <a href="mailto:designoutsourced.com+info@gmail.com?subject=Maklumat%20lanjut%20pakej&body=Hai,%20saya%20berminat%20tahu%20lebi...