Javascript downloadable content available for download

Question

Javascript downloadable content available for download

<div class="center"data-role="content" id="content"  >
        <a href="#flappy" data-transition="slide" >Avoid Becoming a Terrorist</a>
        </div>

    <div id="flappy" >
    <center>
    <div id="page">
            <div data-role="header">
            <h1 style="color: white; font-size: 20px;">Avoid Becoming a Terrorist</h1>
            <a data-icon="home" data-rel="back" style="margin-top:2px; background-color: white;">....</a>
        </div>

        <div id="frame" onload="check2()">
        <script>
        function check2(){
        $.get(/flappy.html)
    .done(function() { 
    alert("you have it");
                <p style="color: white; margin-top: 30px;">Avoid becoming a terrorist is a game where you must guide a plane through buildings without crashing. Be careful to not cause any destruction and complete the mission successfully.<br> Controls:<br>Hold the screen down to go up, let go to go down. Avoid collisions with buildings to survive.</p>
        <a href="flappy.html" data-transition="pop" rel="external"><img src="images/play.png" width="320px" height="320px"></img></a>

    }).fail(function() { 
    alert("Download it now!");
    })
    }
    </script>
    
        </div>
        </div>
        </center>
    </div>

This code snippet is designed for a gaming website, offering users the option to play or download a game titled "Avoid Becoming a Terrorist". The script checks for the existence of the game file and provides appropriate actions based on its availability. Hope this helps in your website development!

Happy coding! :)

javascript

Answer 1

Answer №1

The onload event can only be utilized on the document(body) itself, frames, images, and scripts.

If the file is present, users should have the option to play the game; otherwise, provide a button for them to download it.

You can verify the existence of the file using jQuery's ajax success & error methods:

$(document).ready(function(){
    $.ajax({
        url:'path/to/game.html',
        type:'HEAD',
        success: function() {
            alert('Game exists, add some code.')
        },
        error: function() {
            alert('Download Game !')
        }
    })
})

You can also use Vanilla JavaScript to check if the file exists

function gameExists(url) {
    var http = new XMLHttpRequest();
    http.open('HEAD', url, false);
    http.send();
    return http.status!=404;
}

if(gameExists('path/to/game.html')) {
    alert('Game exists, add some code.');
} else {
    alert('Download Game !');
}

If you prefer not to use ajax, you can utilize PHP to determine file existence and then embed a javascript variable in the code.

<script type="text/javascript">
    var gameExists = <?php echo file_exists($fileName) ? true : false;?>
</script>

To append HTML content to the frame container, you can employ jQuery Append()

$('#frame').append('<a href="#/download">Download</a>');

Answer 2

The onload event can only be utilized on the document(body) itself, frames, images, and scripts.

If the file is present, users should have the option to play the game; otherwise, provide a button for them to download it.

You can verify the existence of the file using jQuery's ajax success & error methods:

$(document).ready(function(){
    $.ajax({
        url:'path/to/game.html',
        type:'HEAD',
        success: function() {
            alert('Game exists, add some code.')
        },
        error: function() {
            alert('Download Game !')
        }
    })
})

You can also use Vanilla JavaScript to check if the file exists

function gameExists(url) {
    var http = new XMLHttpRequest();
    http.open('HEAD', url, false);
    http.send();
    return http.status!=404;
}

if(gameExists('path/to/game.html')) {
    alert('Game exists, add some code.');
} else {
    alert('Download Game !');
}

If you prefer not to use ajax, you can utilize PHP to determine file existence and then embed a javascript variable in the code.

<script type="text/javascript">
    var gameExists = <?php echo file_exists($fileName) ? true : false;?>
</script>

To append HTML content to the frame container, you can employ jQuery Append()

$('#frame').append('<a href="#/download">Download</a>');

Answer 3

Answer №2

Unclear about your request:

If the file exists, provide an option to play the game. If not, offer a button for them to download it.

But what will they be downloading if there is no file available? Nonetheless, you can initiate a download in browsers that support the use of the download attribute for link elements. Currently, this functionality is compatible with Chrome and possibly Firefox.

Referencing this answer,

var myLink = document.createElement('a');
myLink.href = 'path_to_file_you_want_to_give_them.extension';
myLink.download = 'whatever_you_want_to_call_the_file_that_they_get.extension';
document.body.appendChild(link);
link.click();

In essence, this code generates a link leading to the desired file for them to download, allows customization of the downloaded file name, appends the link to the DOM, and triggers a click event using jQuery's function to ensure initiation of the download process.

Answer 4

Unclear about your request:

If the file exists, provide an option to play the game. If not, offer a button for them to download it.

But what will they be downloading if there is no file available? Nonetheless, you can initiate a download in browsers that support the use of the download attribute for link elements. Currently, this functionality is compatible with Chrome and possibly Firefox.

Referencing this answer,

var myLink = document.createElement('a');
myLink.href = 'path_to_file_you_want_to_give_them.extension';
myLink.download = 'whatever_you_want_to_call_the_file_that_they_get.extension';
document.body.appendChild(link);
link.click();

In essence, this code generates a link leading to the desired file for them to download, allows customization of the downloaded file name, appends the link to the DOM, and triggers a click event using jQuery's function to ensure initiation of the download process.

Javascript downloadable content available for download

Answer №1

Answer №2

Similar questions

What are the reasons behind professional web designers opting for absolute paths over relative paths (like for CSS, Javascript, images, etc.)?

Embed programming into an iframe upon its loading

Performing a modulo operation within a v-for loop

Unexpected data output detected in Ajax Json response

Tips on how to indicate a checkbox as selected within an Angular controller

Steps to keep the gridlines in the chart from moving

Having trouble getting my Sequelize model to export properly

SQL stores Array Input as a static identifier 'Array'

I am unable to apply CSS to style my <div> element

Is there a way to align my two tables next to each other using CSS?

Does this Loop run synchronously?

Traverse through nested objects

How can I prevent a browser from allowing users to select an image tag?

Transformation of an Ajax array into an associative array

Troubleshooting problems with AngularJS placeholders on Internet Explorer 9

Learn how to bring in images using props within React and incorporate the 'import' pathway

Expanding Module Scope to Just the Request (employing Require, Node.js)

Tips for Customizing the Appearance of Material UI Select Popups

The integration of Firebase Google Auth seems to encounter issues when used on the Vercel

JQuery ID Media Queries: Enhancing responsive design with targeted