April 20, 2012

jquery load to hide content

Question by Adam Strudwick

There is javascript on my webpage, but I need to hide it from my users (I don’t want them to be able to see it because it contains some answers to the game.)

So I tried using Jquery .load in order to hide the content (I load the content from an external js file with that call). But it failed to load. So I tried ajax and it failed too.

Maybe the problem comes from the fact that I’m trying to load a file located in my root directory, while the original page is located in “root/public_html/main/pages”:

<script type="text/javascript">
$(document).ready(function() {
    $.ajax({
        url : "../../../secret_code.js",
        dataType: "text",
        success : function (data) {
            $("#ajaxcontent").html(data);
        }
    });
});
</script>

1) Why can’t I load a file from the root directory with ajax or load method?
2) Is there another way around?

PS: I’m putting the file in the root directory so people can’t access it directly from their browsers…

Answer by Starx

Navigate to the URL, not the directory. Like

$.ajax({
        url : "http://domain.com/js/secret_code.js",

..

Author: Nabin Nepal (Starx)

Hello, I am Nabin Nepal and you can call me Starx. This is my blog where write about my life and my involvements. I am a Software Developer, A Cyclist and a Realist. I hope you will find my blog interesting. Follow me on Google+

...

Please fill the form - I will response as fast as I can!