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

Error with constructor argument in NestJS validator

Transform date format using VueJS in JavaScript

"Utilize AJAX to submit the value of the text box input from a jQuery slider when the Submit Button

How to use multiple template urls in Angular 6

Error: Attempting to retrieve a refresh token from the Google API resulted in an Uncaught ReferenceError, as the

Utilizing util.format to enclose every string within an array with double quotation marks

Adjust picture dimensions when the window changes (using jQuery)

What are the pros and cons of using a piped connection for Puppeteer instead of a websocket?

Is there an alternative method to retrieve the client's user agent if getStaticProps and getServerSideProps cannot be used together?

developing versatile paths with Node.js

I'm having trouble understanding why my Javascript validation suddenly stopped functioning. Can anyone assist me in troubleshooting this issue?

Ways to identify an element within a webpage

Oops! Looks like there was an issue with defining Angular in AngularJS

Using AJAX to populate a dropdown menu in a CodeIgniter application

Creating a secure authentication system with Parse for password recovery and website logins

The issue with displaying inline block is that the divs are not appearing side by side on the

Creating interactive dropdown menus with PHP and Catalyst using Jquery

AngularJS's support for html5mode on GitHub pages is now available

Bringing in data from <script> to use in <script setup>

Creating dynamic forms with JQuery and ReactJS