Register CSS Dan JS Di YII2

Di Kesempatan kali ini saya akan mencoba membuat sebuah artikel tentang bagaimana cara menambahkan fungsi pada view di framework yii. Saya sangat terbilang baru mengenal lingkungan framework yii ini makanya dalam kesempatan kali ini biar tidak hilang catatan nya maka saya tulis lah di blog saya ini. Kebingungan ketika saya akan menambahkan internal style dan fungsi javascript pada halaman view. Setelah mencari ngulek - ngulek internet dan alhamdulillah akhirnya ketemu juga cara menambahkan inline css dengan contoh coding sebagai berikut :

$css = <<< CSS
.response-resi {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    display: none;
}
CSS;
$this->registerCss($css);

nah dengan menambahkan kode di atas, saya contohkan mebambahkan internal CSS dengan kelas response-resi, dan dibawah dituliskan fungsi registerCSS yang mana sebenarnya ini menambahkan include css pada sebuah halaman view. Adapun untuk contoh JS/JavaScript adalah sebagai berikut :

$script = <<< JS
var no_resi = $('input[name=resi]').val();
JS;
$this->registerJs($script);

Nah dengan demikian maka insaallah fungsi css dan JS yang penambahan tersebut akan berfungsi sebagai mana mestinya, demikianlah artikel kali ini, semoga bermanfaat.

Related Articles

Comments