load dinamis file CSS dan JS - Tutorial Website | Tutorial PHP & MYSQL | Boostsrap | Ajax Javascript

Bila anda yang bekerja dibidang web developer pasti anda pernah menggalami atau merasa pusing dengan urusan pemanggilan file CSS dan JS, Plugin jQuery itu bisa menjadi sakit untuk terus kembali ke kode dan menambahkan <script> tag lain untuk masing-masing dan kemudian menghapusnya lagi ketika Anda mengetahui itu bukan file yang anda butuhkan. Saya menemukan solusi untuk melihat folder "js" dan membuat tag yang benar untuk memuat file. Lalu saya memperpanjang ini untuk melakukan file CSS juga. Yang perlu Anda lakukan adalah menjatuhkan file js / css ke direktori "js" dan "css" dan halaman yang telah Anda masukkan ke kode PHP akan memuat file-file itu. 

Untuk menonaktifkan file, cukup hapus atau pindahkan ke dalam subfolder.tinggalkan komentar untuk membantu orang lain memahaminya. Semoga Anda merasa berguna dalam beberapa aplikasi.

buat folder bootstrap lalu buat 2 folder berikut (CSS dan JS) folder ini digunakan untuk menempatkan file CSS dan JS didalamnya  berikut :

Directory
CSS
JS
file php
index.php
function.php
sekarang anda buat file function.php untuk scriptnya seperti dibawah ini :

<?php
define('SELF', pathinfo(__FILE__, PATHINFO_BASENAME));
function is_https()
{
    if ( !empty($_SERVER['HTTPS']) && strtolower($_SERVER['HTTPS']) !== 'off'){
        return TRUE;
    }elseif (isset($_SERVER['HTTP_X_FORWARDED_PROTO']) && $_SERVER['HTTP_X_FORWARDED_PROTO'] === 'https') {
        return TRUE;
    }elseif ( ! empty($_SERVER['HTTP_FRONT_END_HTTPS']) && strtolower($_SERVER['HTTP_FRONT_END_HTTPS']) !== 'off') {
        return TRUE;
    }
    return FALSE;
}

/*
* URL
* baseh url
*/
function baseh()
{
    if (isset($_SERVER['HTTP_HOST']) && preg_match('/^((\[[0-9a-f:]+\])|(\d{1,3}(\.\d{1,3}){3})|[a-z0-9\-\.]+)(:\d+)?$/i', $_SERVER['HTTP_HOST'])) {
        $baseurl = is_https() ? 'https' : 'http'."://".$_SERVER['HTTP_HOST'].''.preg_replace('@/+$@','',dirname($_SERVER['SCRIPT_NAME'])).'/';
    }else{
        $baseurl = 'http://localhost';
    }
    return $baseurl ? $baseurl : false;
}

function load_style(){
    // FOR CSS FILES
    $css = null;
    $handle = null;
    $file = null;

    if ($handle = opendir('css')) {
        while (false !== ($file = readdir($handle))) {
            if (is_file('css/' . $file)) {
                $css .= '<link rel="stylesheet" href="'.baseh().'css/' . $file .
                    '" type="text/css"/>' . "\n";
            }
        }
        closedir($handle);
        return $css;
    }  
}

// FOR JAVASCRIPT FILES
function load_js() {
    $js = null;
    $handle = null;
    $file = null;
    if ($handle = opendir('js')) {
        while (false !== ($file = readdir( $handle ))) {
            if (is_file('js/' . $file)) {
                $js .= '<script src="'.baseh().'js/' . $file . '" type="text/javascript"></script>' . "\n";
            }
        }
        closedir($handle);
        return $js;
    }
}

function style_js_stylesheet( $show ){

    switch ( $show ) {
        case 'stylesheet':
            return load_style();
        break;

        case 'javascript':
            return load_js();
        break;
        
        default:
           header('HTTP/1.1 503 Service Unavailable.', TRUE, 503);
            echo 'Your view folder path does not appear to be set correctly. Please open the following file and correct this: '.SELF;
            exit(3); // EXIT_CONFIG
        break;
    }
}

penjelasan script, untuk function load_style() untuk membaca folder cssnya

function load_style(){
    // FOR CSS FILES
    $css = null;
    $handle = null;
    $file = null;

    if ($handle = opendir('css')) {
        while (false !== ($file = readdir($handle))) {
            if (is_file('css/' . $file)) {
                $css .= '<link rel="stylesheet" href="'.baseh().'css/' . $file .
                    '" type="text/css"/>' . "\n";
            }
        }
        closedir($handle);
        return $css;
    }  
}

script function load_js() untuk membaca folder jsnya

function load_js() {
    $js = null;
    $handle = null;
    $file = null;
    if ($handle = opendir('js')) {
        while (false !== ($file = readdir( $handle ))) {
            if (is_file('js/' . $file)) {
                $js .= '<script src="'.baseh().'js/' . $file . '" type="text/javascript"></script>' . "\n";
            }
        }
        closedir($handle);
        return $js;
    }
}

script dibawah ini untuk membagi filenya menggunakan switch, untuk menampilkan cssnya menggunakan case 'stylesheet' dan untuk js menggunakan case 'javascript'

function style_js_stylesheet( $show ){

    switch ( $show ) {
        case 'stylesheet':
            return load_style();
        break;

        case 'javascript':
            return load_js();
        break;
        default:
           header('HTTP/1.1 503 Service Unavailable.', TRUE, 503);
            echo 'Your view folder path does not appear to be set correctly. Please open the following file and correct this: '.SELF;
            exit(3); // EXIT_CONFIG
        break;
    }
}

untuk penerapan scriptnya buat file index.php scriptnya seperti dibawah ini :

<!DOCTYPE html>
<html>
    <head>
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="keywords" content="">
 <meta name="description" content="">
 <meta name="author" content="website">
 <title>load file css dan js dinamis</title>
 <!-- tampilkan css disini -->
     <?php 
     include_once 'function.php';
         echo style_js_stylesheet( 'stylesheet' );
     ?>
     <!-- end css -->
    </head>
<body>

<?php 
    include_once 'function.php';//tampilkan js nya disini
    echo style_js_stylesheet( 'javascript' );
?>
</body>
</html>

diatas adalah langkah-langkahnya, anda tidak perlu lagi bulak balik menulis tag css atau javascript, silakan di coba dan di praktekan semoga bermanfaat