<?php require 'db.php'; if (isset($_GET['id'])) { $deck = intval($_GET['id']); $db = database_connection(); $words = get_all_game_words($db, $deck); $number_of_words = get_number_of_words_for_game($db, $deck); $deck_name = get_deck_title($db, $deck); $image_url = '../../../'; $currency = get_points_symbol($db); } ?> <!DOCTYPE html> <html lang="en"> <link> <meta charset="UTF-8"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.flip.js"></script> <script src="js/main.js"></script> <link href="css/jquery.circliful.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/jquery.circliful.min.js"></script> <link href="css/style.css" type="text/css" rel="stylesheet"> <title>Vocabulary Play - Game</title> </head> <body> <script type="text/javascript"> var game_title = "<?php
function view_spotgame_settings_page() { $main_js = WP_PLUGIN_URL . '/vocabulary-plugin/spotGame/js/main.js'; $flip_js = WP_PLUGIN_URL . '/vocabulary-plugin/spotGame/js/jquery.flip.js'; $circliful_js = WP_PLUGIN_URL . '/vocabulary-plugin/spotGame/js/jquery.circliful.min.js'; $circliful_css = WP_PLUGIN_URL . '/vocabulary-plugin/spotGame/css/jquery.circliful.css'; $style_css = WP_PLUGIN_URL . '/vocabulary-plugin/spotGame/css/style.css'; if (isset($_POST['deck_id'])) { $deck = intval($_POST['deck_id']); $right_word_id = intval(get_number_of_words_for_game($deck)); $words = get_all_game_words_spotgame($deck, $right_word_id); //$number_of_words = get_number_of_words_for_game($deck); $deck_name = get_deck_title($deck); $word = get_word($right_word_id); $image_url = '../../../'; $currency = get_points_symbol(); } ?> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script type="text/javascript" src="<?php echo $flip_js; ?> "></script> <script src="<?php echo $main_js; ?> "></script> <link href="<?php echo $circliful_css; ?> " rel="stylesheet" type="text/css" /> <script type="text/javascript" src="<?php echo $circliful_js; ?> "></script> <link href="<?php echo $style_css; ?> " type="text/css" rel="stylesheet"> <script type="text/javascript"> var right_word_db = [ {word:"<?php echo $word->word; ?> ", description:"<?php echo $word->description; ?> ", image:"<?php echo $image_url . $word->image; ?> ", audio:"<?php echo $word->audio; ?> ", points:"<?php echo $word->points; ?> "} ]; </script> <div id="wrapper"> <script type="text/javascript"> var game_title = "Spot Game"; var currency = "<?php echo $currency; ?> "; var question = "<?php echo $deck_name->name; ?> "; var words = [ <?php foreach ($words as $word) { ?> {word:"<?php echo $word->word; ?> ", description:"<?php echo $word->description; ?> ", image:"<?php echo $image_url . $word->image; ?> ", audio:"<?php echo $word->audio; ?> ", points:"<?php echo $word->points; ?> "}, <?php } ?> ]; var number_of_words_to_guess_from_db = 1; var errors = 0; var points = 0; var total_game_points = 0; var current_index = 0; var words_to_guess; var wrong_words; var game = []; build_home(); initiate("game"); </script> </div> <?php }