All geek questions in one place

Call jQuery function for urls in same folder

I am currently running a jQuery script in a .js file, and the script is getting longer and longer, with each new file being added, including my header.
I want to call a function for every URL opened on my website that is in the same folder and one function works. Every url is not that useful.

My current script

$(document).ready(function(){
  if (window.location.pathname == "/DE/") {
  $(".Startseite").css("display","block");
  $(".Forum").css("display","none");
  $(".Gaming-News").css("display","none");
  $(".Clans").css("display","none");
  $(".Test").css("display","none");
  $(".About").css("display","none");
} else if (window.location.pathname == "/DE/About/") {
  $(".Startseite").css("display","none");
  $(".Forum").css("display","none");
  $(".Gaming-News").css("display","none");
  $(".Clans").css("display","none");
  $(".Test").css("display","none");
  $(".About").css("display","block");
} else if (window.location.pathname == "/DE/Gaming-News/") {
  $(".Startseite").css("display","none");
  $(".Forum").css("display","none");
  $(".Gaming-News").css("display","block");
  $(".Clans").css("display","none");
  $(".Test").css("display","none");
  $(".About").css("display","none");
} else if (window.location.pathname == "/DE/Gaming-News/ExampleFileExample.php") {
  $(".Startseite").css("display","none");
  $(".Forum").css("display","none");
  $(".Gaming-News").css("display","block");
  $(".Clans").css("display","none");
  $(".Test").css("display","none");
  $(".About").css("display","none");
} else if (window.location.pathname == "/DE/Gaming-News/FIleExample.html") {
  $(".Startseite").css("display","none");
  $(".Forum").css("display","none");
  $(".Gaming-News").css("display","block");
  $(".Clans").css("display","none");
  $(".Test").css("display","none");
  $(".About").css("display","none");
} else if (window.location.pathname == "/DE/Gaming-News/File.Example") {
  $(".Startseite").css("display","none");
  $(".Forum").css("display","none");
  $(".Gaming-News").css("display","block");
  $(".Clans").css("display","none");
  $(".Test").css("display","none");
  $(".About").css("display","none");
} else if (window.location.pathname == "/DE/Gaming-News/Artikel4/Example.file") {
  $(".Startseite").css("display","none");
  $(".Forum").css("display","none");
  $(".Gaming-News").css("display","block");
  $(".Clans").css("display","none");
  $(".Test").css("display","none");
  $(".About").css("display","none");
} else if (window.location.pathname == "/DE/Clans/") {
  $(".Startseite").css("display","none");
  $(".Forum").css("display","none");
  $(".Gaming-News").css("display","none");
  $(".Clans").css("display","block");
  $(".Test").css("display","none");
  $(".About").css("display","none");
} else if (window.location.pathname == "/DE/...") {
  $(".Startseite").css("display","none");
  $(".Forum").css("display","none");
  $(".Gaming-News").css("display","none");
  $(".Clans").css("display","none");
  $(".Test").css("display","block");
  $(".About").css("display","none");
} else {
  $(".Startseite").css("display","none");
  $(".Forum").css("display","none");
  $(".Gaming-News").css("display","none");
  $(".Clans").css("display","none");
  $(".Test").css("display","none");
  $(".About").css("display","none");
}
});
Run codeHide result

Now, as you can see, each path with a file that includes these classes calls these functions. Can I mow this up to one function for each folder? Let's say I go into a folder and there is just an index, my title is on ... blaaaa
Is there a function to call each file in this folder? I don’t know how to explain it. Now/DE/index.php, /DE/GN/index.php, /DE/GN/Art3.php.

, , GN ?

, , .

.js, script.

<script src="https://Website.online/path%20to%20file/file.js"/>
Hide result

html php, script . , , Microsoft js.

+4
2
<script>
    $(document).ready(function () {
        var str = window.location.pathname;
        if (str.endsWith("/DE/")) {
            $(".Startseite").css("display", "block");
            $(".Forum").css("display", "none");
            $(".Gaming-News").css("display", "none");
            $(".Clans").css("display", "none");
            $(".Test").css("display", "none");
            $(".About").css("display", "none");
        } else {
            var arrayOfClasses = ['Startseite', 'Forum', 'Gaming-News', 'Clans', 'Test', 'About'];
            myFuncToMakeAppropriateDisplays(str, arrayOfClasses);
        }
        function myFuncToMakeAppropriateDisplays(path, arrayOfClasses) {
            var path = path.split('/').filter(element => arrayOfClasses.includes(element))[0];
            $("." + path).css("display", "block");
            for (var i = 0; i < arrayOfClasses.length; i++) {
                if (path != arrayOfClasses[i]) {
                    $("." + arrayOfClasses[i]).css("display", "none");
                }
            }
        }
    });
</script>

array arrayOfClasses, .

+2

- -

    <script>
    $(document).ready(function() {

        console.log(window.location.pathname);
        var str = window.location.pathname;
        if (str.indexOf("/DE/") >= 0) {
            console.log("DE");
            $(".Startseite").css("display","block");
            $(".Forum").css("display","none");
            $(".Gaming-News").css("display","none");
            $(".Clans").css("display","none");
            $(".Test").css("display","none");
            $(".About").css("display","none");                 

            if(str.indexOf("Forum") >= 0) {
                $(".Startseite").css("display","none");
                $(".Forum").css("display","block");
            }

            if(str.indexOf("Gaming-News") >= 0) {
                $(".Startseite").css("display","none");
                $(".Gaming-News").css("display","block");
            }  

            if(str.indexOf("Clans") >= 0) {
                $(".Startseite").css("display","none");
                $(".Clans").css("display","block");
            } 

            if(str.indexOf("Test") >= 0) {
                $(".Startseite").css("display","none");
                $(".Test").css("display","block");
            } 

            if(str.indexOf("About") >= 0) {
                $(".Startseite").css("display","none");
                $(".About").css("display","block");
            }                

        }
        else if(str.indexOf("stackoverflow") >= 0) {
            console.log("so");
        }
        else {
            console.log("no");
            $(".Startseite").css("display","none");
            $(".Forum").css("display","none");
            $(".Gaming-News").css("display","none");
            $(".Clans").css("display","none");
            $(".Test").css("display","none");
            $(".About").css("display","none");                
        }

    } );

</script>
+2

Source: https://habr.com/ru/post/1688793/

More articles:


All Articles