jackmattison

Hi Nathan,

I have purchased and installed the Pro version of the plug-in however the region I have auto-highlighted stays highlighted even when I click another area. I recall that you confirmed that it was possible to have a region highlight up until another area is clicked, please could you provide details on how to set this up in the settings? The URL that contains the map is here – http://www.tcqadev.com/frontcover/speedy-drivers

As you can see, ‘South East’ is auto-highlighting, but stays that way even when clicked off.

Here are screenshots of my settings – https://pasteboard.co/JOKnOKe.png
And – https://pasteboard.co/JOKo1ti.png

Thanks,
Jack

Hi there
Upon further investigation, it came to light that by renaming the ‘html’ variable to ‘htmla’, it refreshed the cache and therefore sorted the issue – the code is now working perfectly.
Thank you ever so much for your ongoing help, it is greatly appreciated!
Regards
Jack

Hi there
Thank you – I couldn’t see any <span> tags with those IDs inside functions.php, however, I have added the tags as per your example fix and it still doesn’t appear to be working. The code I’ve added begins at line 971. Here’s the full functions.php file:

<?php

/* Include the basic required files
------------------------------------------------------- */
require dirname(__FILE__) . '/tools/data_upgrade.php';
require dirname(__FILE__) . '/tools/csv_import.php';

// Register HD Quiz pages
function hdq_register_quizzes_page_callback()
{
    require dirname(__FILE__) . '/hdq_quizzes.php';
}

function hdq_register_settings_page_callback()
{
    require dirname(__FILE__) . '/about.php';
}

function hdq_register_addons_page_callbak()
{
    require dirname(__FILE__) . '/addons.php';
}

function hdq_register_tools_page_callbak()
{
    require dirname(__FILE__) . '/tools.php';
}

// Get image ID (for *super* old HD Quiz users image as answer)
// taken from https://wpscholar.com/blog/get-attachment-id-from-wp-image-url/
// great work Micah! This is super elegant
function hdq_get_attachment_id($url)
{
    $attachment_id = 0;
    $dir = wp_upload_dir();

    if (false !== strpos($url, $dir['baseurl'] . '/')) { // Is URL in uploads directory?
        $file = basename($url);

        $query_args = array(
            'post_type'   => 'attachment',
            'post_status' => 'inherit',
            'fields'      => 'ids',
            'meta_query'  => array(
                array(
                    'value'   => $file,
                    'compare' => 'LIKE',
                    'key'     => '_wp_attachment_metadata',
                ),
            )
        );

        $query = new WP_Query($query_args);

        if ($query->have_posts()) {
            foreach ($query->posts as $post_id) {
                $meta = wp_get_attachment_metadata($post_id);

                $original_file       = basename($meta['file']);
                $cropped_image_files = wp_list_pluck($meta['sizes'], 'file');

                if ($original_file === $file || in_array($file, $cropped_image_files)) {
                    $attachment_id = $post_id;
                    break;
                }
            }
        }
    }

    return $attachment_id;
}

function hdq_get_settings()
{
    $settings = get_option("hdq_settings");
    if ($settings != "" && $settings != null) {
        $fields = hdq_sanitize_fields($settings);
    } else {
        // check to see if legacy settings exist
        $hd_qu_fb = sanitize_text_field(get_option("hd_qu_fb"));
        $hd_qu_tw = sanitize_text_field(get_option("hd_qu_tw"));
        $hd_qu_next = sanitize_text_field(get_option("hd_qu_next"));
        $hd_qu_finish = sanitize_text_field(get_option("hd_qu_finish"));
        $hd_qu_start = sanitize_text_field(get_option("hd_qu_start"));
        $hd_qu_results = sanitize_text_field(get_option("hd_results"));
        $hd_qu_authors = sanitize_text_field(get_option("hd_qu_authors"));
        $hd_qu_percent = sanitize_text_field(get_option("hd_qu_percent"));
        $hd_qu_adcode = stripcslashes(urldecode(get_option("hd_qu_adcode")));

        $ar = array();
        $ar["name"] = "hd_qu_heart";
        $ar["type"] = "checkbox";
        $ar["value"] = array("");
        $ar["tab"] = "general";
        $fields["hd_qu_heart"] = $ar;

        $ar = array();
        $ar["name"] = "hd_qu_legacy_scroll";
        $ar["type"] = "checkbox";
        $ar["value"] = array("");
        $ar["tab"] = "general";
        $fields["hd_qu_legacy_scroll"] = $ar;

        if ($hd_qu_fb != "" || $hd_qu_fb != null) {
            $ar = array();
            $ar["name"] = "hd_qu_fb";
            $ar["type"] = "text";
            $ar["value"] = $hd_qu_fb;
            $ar["tab"] = "general";
            $fields["hd_qu_fb"] = $ar;
        } else {
            $ar = array();
            $ar["name"] = "hd_qu_fb";
            $ar["type"] = "text";
            $ar["value"] = "";
            $ar["tab"] = "general";
            $fields["hd_qu_fb"] = $ar;
        }

        if ($hd_qu_tw != "" || $hd_qu_tw != null) {
            $ar = array();
            $ar["name"] = "hd_qu_tw";
            $ar["type"] = "text";
            $ar["value"] = $hd_qu_tw;
            $ar["tab"] = "general";
            $fields["hd_qu_tw"] = $ar;
        } else {
            $ar = array();
            $ar["name"] = "hd_qu_tw";
            $ar["type"] = "text";
            $ar["value"] = "";
            $ar["tab"] = "general";
            $fields["hd_qu_tw"] = $ar;
        }

        if ($hd_qu_authors != "" || $hd_qu_authors != null) {
            $ar = array();
            $ar["name"] = "hd_qu_authors";
            $ar["type"] = "checkbox";
            $ar["value"] = array($hd_qu_authors);
            $ar["tab"] = "general";
            $fields["hd_qu_authors"] = $ar;
        } else {
            $ar = array();
            $ar["name"] = "hd_qu_authors";
            $ar["type"] = "checkbox";
            $ar["value"] = array("");
            $ar["tab"] = "general";
            $fields["hd_qu_authors"] = $ar;
        }

        if ($hd_qu_percent != "" || $hd_qu_percent != null) {
            $ar = array();
            $ar["name"] = "hd_qu_percent";
            $ar["type"] = "text";
            $ar["value"] = array($hd_qu_percent);
            $ar["tab"] = "general";
            $fields["hd_qu_percent"] = $ar;
        } else {
            $ar = array();
            $ar["name"] = "hd_qu_percent";
            $ar["type"] = "text";
            $ar["value"] = array("");
            $ar["tab"] = "general";
            $fields["hd_qu_percent"] = $ar;
        }

        if ($hd_qu_adcode != "" || $hd_qu_adcode != null) {
            $hd_qu_adcode = stripcslashes(urldecode($hd_qu_adcode)); // decode adset code
            $ar = array();
            $ar["name"] = "hd_qu_adcode";
            $ar["type"] = "textarea";
            $ar["value"] = hdq_encode($hd_qu_adcode); // reencode
            $ar["tab"] = "general";
            $fields["hd_qu_adcode"] = $ar;
        } else {
            $hd_qu_adcode = stripcslashes(urldecode($hd_qu_adcode)); // decode adset code
            $ar = array();
            $ar["name"] = "hd_qu_adcode";
            $ar["type"] = "textarea";
            $ar["value"] = ""; // reencode
            $ar["tab"] = "general";
            $fields["hd_qu_adcode"] = $ar;
        }

        if ($hd_qu_results != "" || $hd_qu_results != null) {
            $ar = array();
            $ar["name"] = "hd_qu_results";
            $ar["type"] = "text";
            $ar["value"] = $hd_qu_results;
            $ar["tab"] = "general";
            $fields["hd_results"] = $ar;
        } else {
            $ar = array();
            $ar["name"] = "hd_qu_results";
            $ar["type"] = "text";
            $ar["value"] = "";
            $ar["tab"] = "general";
            $fields["hd_results"] = $ar;
        }

        if ($hd_qu_finish != "" || $hd_qu_finish != null) {
            $ar = array();
            $ar["name"] = "hd_qu_finish";
            $ar["type"] = "text";
            $ar["value"] = $hd_qu_finish;
            $ar["tab"] = "translate";
            $fields["hd_qu_finish"] = $ar;
        } else {
            $ar = array();
            $ar["name"] = "hd_qu_finish";
            $ar["type"] = "text";
            $ar["value"] = "";
            $ar["tab"] = "translate";
            $fields["hd_qu_finish"] = $ar;
        }

        if ($hd_qu_next != "" || $hd_qu_next != null) {
            $ar = array();
            $ar["name"] = "hd_qu_next";
            $ar["type"] = "text";
            $ar["value"] = $hd_qu_next;
            $ar["tab"] = "translate";
            $fields["hd_qu_next"] = $ar;
        } else {
            $ar = array();
            $ar["name"] = "hd_qu_next";
            $ar["type"] = "text";
            $ar["value"] = "";
            $ar["tab"] = "translate";
            $fields["hd_qu_next"] = $ar;
        }

        if ($hd_qu_start != "" || $hd_qu_start != null) {
            $ar = array();
            $ar["name"] = "hd_qu_start";
            $ar["type"] = "text";
            $ar["value"] = $hd_qu_start;
            $ar["tab"] = "translate";
            $fields["hd_qu_start"] = $ar;
        } else {
            $ar = array();
            $ar["name"] = "hd_qu_start";
            $ar["type"] = "text";
            $ar["value"] = "";
            $ar["tab"] = "translate";
            $fields["hd_qu_start"] = $ar;
        }

        // save so we don't need to lookup each time
        update_option("hdq_settings", $fields);
    }
    return $fields;
}

function hdq_save_settings()
{
    if (!current_user_can('edit_others_pages')) {
        echo '{"error": "User level cannot modify settings"}';
        die();
    }

    $hdq_nonce = sanitize_text_field($_POST['nonce']);
    if (!wp_verify_nonce($hdq_nonce, 'hdq_about_options_nonce')) {
        echo '{"error": "Nonce was not valid"}';
        die();
    }

    if (!isset($_POST["payload"])) {
        echo '{"error": "Data was not correctly sent"}';
        die();
    }

    $fields = $_POST["payload"];
    $fields = hdq_sanitize_fields($fields);

    update_option("hdq_settings", $fields);

    echo '{"success": true}';
    die();
}
add_action('wp_ajax_hdq_save_settings', 'hdq_save_settings');

function hdq_load_questions_page()
{
    if (hdq_user_permission()) {
        $hdq_nonce = sanitize_text_field($_POST['nonce']);
        if (wp_verify_nonce($hdq_nonce, 'hdq_quiz_nonce') != false) {
            // permission granted
            // send the correct file to load data from
            include dirname(__FILE__) . '/settings/questions.php';
        } else {
            echo 'error: Nonce failed to validate'; // failed nonce
        }
    } else {
        echo 'error: You have insufficient user privilege'; // insufficient user privilege
    }
    die();
}
add_action('wp_ajax_hdq_load_quiz', 'hdq_load_questions_page');

function hdq_load_question()
{
    if (hdq_user_permission()) {
        $hdq_nonce = sanitize_text_field($_POST['nonce']);
        if (wp_verify_nonce($hdq_nonce, 'hdq_quiz_nonce') != false) {
            // permission granted
            // send the correct file to load data from
            include dirname(__FILE__) . '/settings/question.php';
        } else {
            echo 'error: Nonce failed to validate'; // failed nonce
        }
    } else {
        echo 'error: You have insufficient user privilege'; // insufficient user privilege
    }
    die();
}
add_action('wp_ajax_hdq_load_question', 'hdq_load_question');

/* Check acccess level
 * check if authors should be granted access
------------------------------------------------------- */
function hdq_user_permission()
{
    $hasPermission = false;
    $settings = hdq_get_settings();
    $authorsCan = $settings["hd_qu_authors"]["value"][0];
    if ($authorsCan === "yes") {
        if (current_user_can('publish_posts')) {
            $hasPermission = true;
        }
    } else {
        if (current_user_can('edit_others_pages')) {
            $hasPermission = true;
        }
    }
    return $hasPermission;
}

/* Settings
------------------------------------------------------- */
function get_hdq_settings()
{
    // TODO: Merge default values
    return hdq_sanitize_fields(get_option("hdq_settings"));
}

/* Quiz Settings
------------------------------------------------------- */
function get_hdq_quiz($quizID)
{
    return hdq_sanitize_fields(get_term_meta($quizID, "quiz_data", true));
}

function hdq_save_quiz()
{
    if (!hdq_user_permission()) {
        echo '{"error": "User level cannot modify products"}';
        die();
    }

    $hdq_nonce = sanitize_text_field($_POST['nonce']);
    if (!wp_verify_nonce($hdq_nonce, 'hdq_quiz_nonce')) {
        echo '{"error": "Nonce was not valid"}';
        die();
    }

    if (!isset($_POST["payload"])) {
        echo '{"error": "Data was not correctly sent"}';
        die();
    }

    $fields = $_POST["payload"];

    $fields = hdq_sanitize_fields($fields);
    $quiz_ID = $fields["quiz_id"]["value"];

    if ($quiz_ID <= 0) {
        echo '{"error": "Data was not correctly sent"}';
        die();
    }

    // update each question to set question menu_order
    if (isset($fields["question_order"])) {
        foreach ($fields["question_order"]["value"] as $q) {
            $post = array();
            $post['ID'] = intval($q[0]);
            $post['menu_order'] = intval($q[1]);
            wp_update_post($post);
        }
    }

    update_term_meta($quiz_ID, "quiz_data", $fields);

    // incase the quizname was changed
    if (isset($fields["quiz_name"]["value"])) {
        wp_update_term($quiz_ID, 'quiz', array(
            'name' => $fields["quiz_name"]["value"],
        ));
    }

    echo '{"success": true}';
    die();
}
add_action('wp_ajax_hdq_save_quiz', 'hdq_save_quiz');

/* Question Settings
------------------------------------------------------- */
function get_hdq_question($questionID)
{
    return hdq_sanitize_fields(get_post_meta($questionID, "question_data", true));
}

/* Save Question Meta
------------------------------------------------------- */
function hdq_save_question()
{
    if (!hdq_user_permission()) {
        echo '{"error": "User level cannot modify products"}';
        die();
    }

    $hdq_nonce = sanitize_text_field($_POST['nonce']);
    if (!wp_verify_nonce($hdq_nonce, 'hdq_quiz_nonce')) {
        echo '{"error": "Nonce was not valid"}';
        die();
    }

    if (!isset($_POST["payload"])) {
        echo '{"error": "Data was not correctly sent"}';
        die();
    }

    $fields = $_POST["payload"];
    $fields = hdq_sanitize_fields($fields);

    // if new question
    if ($fields["question_id"]["value"] == "" || $fields["question_id"]["value"] == null) {
        // new question

        $total = wp_count_posts('post_type_questionna');
        $total = $total->publish;

        $post_information = array(
            'post_title' => $fields["title"]["value"],
            'post_content' => '', // post_content is required, so we leave blank
            'post_type' => 'post_type_questionna',
            'post_status' => 'publish',
            'menu_order' => $total // always set as the last question of the quiz
        );
        $fields["question_id"]["value"] = wp_insert_post($post_information);
    }
    // set meta
    update_post_meta($fields["question_id"]["value"], "question_data", $fields);

    // update post title
    $post_main = array(
        'ID'           => $fields["question_id"]["value"],
        'post_title'   => $fields["title"]["value"]
    );
    wp_update_post($post_main);

    // set or update terms
    $terms = wp_set_post_terms($fields["question_id"]["value"], $fields["quizzes"]["value"], "quiz");

    echo '{"success": true, "id": "' . $fields["question_id"]["value"] . '"}';
    die();
}
add_action('wp_ajax_hdq_save_question', 'hdq_save_question');

// delete question
function hdq_delete_question()
{
    if (!hdq_user_permission()) {
        echo '{"error": "User level cannot modify products"}';
        die();
    }

    $hdq_nonce = sanitize_text_field($_POST['nonce']);
    if (!wp_verify_nonce($hdq_nonce, 'hdq_quiz_nonce')) {
        echo '{"error": "Nonce was not valid"}';
        die();
    }

    if (!isset($_POST["question"])) {
        echo '{"error": "Data was not correctly sent"}';
        die();
    }

    $questionID = intval($_POST["question"]);
    wp_delete_post($questionID); // will move to trash
    echo '{"success": true}';
    die();
}
add_action('wp_ajax_hdq_delete_question', 'hdq_delete_question');

/* Add New Quiz
------------------------------------------------------- */
function hdq_add_quiz()
{
    if (!hdq_user_permission()) {
        echo '{"error": "User level cannot modify products"}';
        die();
    }

    $hdq_nonce = sanitize_text_field($_POST['nonce']);
    if (!wp_verify_nonce($hdq_nonce, 'hdq_quiz_nonce')) {
        echo '{"error": "Nonce was not valid"}';
        die();
    }

    if (!isset($_POST["quiz"])) {
        echo '{"error": "Quiz name was not sent"}';
        die();
    }

    $quiz = sanitize_text_field($_POST["quiz"]);

    $hdq_new_quiz = wp_insert_term(
        $quiz, // the term
        'quiz' // the taxonomy
    );
    echo '{"success": true, "quiz": "' . hdq_encodeURIComponent($quiz) . '", "id": "' . $hdq_new_quiz["term_id"] . '"}';
    die();
}
add_action('wp_ajax_hdq_add_quiz', 'hdq_add_quiz');

/* Set Default Quiz Meta
------------------------------------------------------- */
function hdq_set_default_quiz_meta()
{
    $quiz_settings = array();
    $quiz_settings["randomize_questions"]["value"][0] = "";
    $quiz_settings["randomize_answers"]["value"][0] = "";
    $quiz_settings["pool_of_questions"]["value"] = "";
    $quiz_settings["wp_paginate"]["value"] = "";
    $quiz_settings["quiz_timer"]["value"] = "";
    $quiz_settings["quiz_timer_question"]["value"][0] = "no";
    $quiz_settings["show_results"]["value"][0] = "yes";
    $quiz_settings["show_results_correct"]["value"][0] = "";
    $quiz_settings["show_extra_text"]["value"][0] = "";
    $quiz_settings["show_results_now"]["value"][0] = "";
    $quiz_settings["stop_answer_reselect"]["value"][0] = "";
    $quiz_settings["quiz_pass_percentage"]["value"] = 70;
    $quiz_settings["share_results"]["value"][0] = "yes";
    $quiz_settings["results_position"]["value"] = "above";
    $quiz_settings["quiz_pass_text"]["value"] = "";
    $quiz_settings["quiz_fail_text"]["value"] = "";
    return $quiz_settings;
}

/* Sanitize all fields read
------------------------------------------------------- */
function hdq_sanitize_fields($fields)
{
    if (!isset($fields) || $fields == "") {
        return hdq_set_default_quiz_meta();
    }

    foreach ($fields as $key => $v) {
        if (!isset($v["value"])) {
            if (isset($v["default"])) {
                $v["value"] = $v["default"];
            }
        }

        if (
            $v["type"] == "text" ||
            $v["type"] == "select" ||
            $v["type"] == "radio"
        ) {
            $fields[$key]["value"] = sanitize_text_field($v["value"]);
        } elseif (
            $v["type"] == "float"
        ) {
            if ($fields[$key]["value"] != "") {
                $fields[$key]["value"] = floatval($v["value"]);
            }
        } elseif ($v["type"] == "integer") {
            if ($fields[$key]["value"] != "") {
                $fields[$key]["value"] = intval($v["value"]);
            }
        } elseif ($v["type"] == "checkbox") {
            if (is_array($v["value"])) {
                for ($i = 0; $i < count($v["value"]); $i++) {
                    $fields[$key]["value"][$i] = sanitize_text_field($v["value"][$i]);
                }
            } else {
                $fields[$key]["value"] = array("");
            }
        } elseif ($v["type"] == "categories") {
            if (isset($v["value"]) && $v["value"] != "") {
                for ($i = 0; $i < count($v["value"]); $i++) {
                    $fields[$key]["value"][$i] = intval($v["value"][$i]);
                }
            }
        } elseif ($v["type"] == "editor") {
            $fields[$key]["value"] = wp_kses_post(stripslashes(urldecode($v["value"])));
        } elseif ($v["type"] == "email") {
            $v["value"] = explode(",", $v["value"]);
            for ($i = 0; $i < count($v["value"]); $i++) {
                $v["value"][$i] = sanitize_email($v["value"][$i]);
            }
            $fields[$key]["value"] = join(",", $v["value"]);
        } elseif ($v["type"] == "question_order") {
            if (isset($v["value"])) {
                for ($i = 0; $i < count($v["value"]); $i++) {
                    $fields[$key]["value"][$i][0] = intval($v["value"][$i][0]);
                    $fields[$key]["value"][$i][1] = intval($v["value"][$i][1]);
                }
            }
        } elseif ($v["type"] == "answers") {
            for ($i = 0; $i < count($v["value"]); $i++) {
                $fields[$key]["value"][$i]["answer"] = wp_kses_post($v["value"][$i]["answer"]);
                $fields[$key]["value"][$i]["image"] = intval($v["value"][$i]["image"]);
            }
        } elseif ($v["type"] == "correct") {
            if (isset($v["value"])) {
                for ($i = 0; $i < count($v["value"]); $i++) {
                    $fields[$key]["value"][$i] = intval($v["value"][$i]);
                }
            } else {
                $fields[$key]["value"] = array();
                $fields[$key]["value"][0] = 1;
            }
        } elseif ($v["type"] == "title") {
            $allowed_html = array(
                'strong' => array(),
                'em' => array(),
                'code' => array(),
                'sup' => array(),
                'sub' => array(),
            );
            $fields[$key]["value"] = wp_kses_post($v["value"]);
        } elseif ($v["type"] == "encode") {
            $fields[$key]["value"] = hdq_encode($v["value"]);
        } else {
            // unknown type, santize as string
            if (!is_array($v["value"])) {
                $fields[$key]["value"] = sanitize_text_field($v["value"]);
            } else {
                // santize array as string
                $fields[$key]["value"] = array_map('hdq_sanitize_array', $v["value"]);
            }
        }
    }
    return $fields;
}

// mimic javaScripts encodeURIComponent
function hdq_encodeURIComponent($str)
{
    $revert = array('%21' => '!', '%2A' => '*', '%27' => "'", '%28' => '(', '%29' => ')');
    return strtr(rawurlencode($str), $revert);
}

// sanitize array
function hdq_sanitize_array($data)
{
    return sanitize_text_field($data);
}

/* Print Template Functions
------------------------------------------------------- */
function hdq_get_results($quiz_settings)
{
    $pass_text = $quiz_settings["quiz_pass_text"]["value"];
    $fail_text = $quiz_settings["quiz_fail_text"]["value"];
    // $fail_text = "hello world";
    $share_results = $quiz_settings["share_results"]["value"][0];

    $settings = hdq_get_settings();
    if (isset($settings["hd_results"]["value"])) {
        $result_text = $settings["hd_results"]["value"];
    } else {
        $result_text = "";
    }
    if ($result_text == null || $result_text == "") {
        $result_text = "You scored:";
    }
    // if user has added a Facebook App ID
    $fb_appId = $settings["hd_qu_fb"]["value"];
    // if the user wants to show results as a percentage as well
    $results_percent = $settings["hd_qu_percent"]["value"][0]; ?>

    <div class="hdq_results_wrapper">
        <div class="hdq_results_inner">
            <h2 class="hdq_results_title"><?php echo $result_text; ?></h2>
            <div class="hdq_result"><?php if ($results_percent == "yes") {
                                        echo ' - <span class = "hdq_result_percent"></span>';
                                    } ?></div>
            <div class="hdq_result_pass"><?php echo apply_filters('the_content', $pass_text); ?></div>
            <div class="hdq_result_fail"><?php echo apply_filters('the_content', $fail_text); ?></div>
            <?php
            if ($share_results === "yes") {
            ?>
                <div class="hdq_share">
                    <?php
                    if ($fb_appId == "" || $fb_appId == null) {
                    ?>

                        <div class="hdq_social_icon">
                            <a title="share quiz on Facebook" href="http://www.facebook.com/sharer/sharer.php?u=<?php echo the_permalink(); ?>&title=Quiz" target="_blank" class="hdq_facebook">
                                <img src="<?php echo plugins_url('/images/fbshare.png', __FILE__); ?>" alt="Share your score!">
                            </a>
                        </div>
                    <?php
                    } else {
                        hdq_get_fb_app_share($fb_appId);
                    } ?>
                    <div class="hdq_social_icon">
                        <a href="#" target="_blank" class="hdq_twitter"><img src="<?php echo plugins_url('/images/twshare.png', __FILE__); ?>" alt="Tweet your score!"></a>
                    </div>
                </div>
            <?php
            } ?>
        </div>

        <?php
        if (isset($settings["hd_qu_heart"]["value"]) && $settings["hd_qu_heart"]["value"][0] === "yes") {
            echo '<p class = "hdq_heart">HD Quiz powered by <a href = "https://harmonicdesign.ca" target = "_blank" title = "Best WordPress Developers">harmonic design</a></p>';
        }
        ?>

    </div>
<?php
}

function hdq_get_fb_app_share($fb_appId)
{
?>
    <script>
        window.fbAsyncInit = function() {
            FB.init({
                appId: '<?php echo $fb_appId; ?>',
                autoLogAppEvents: true,
                xfbml: true,
                version: 'v3.2'
            });
        };

        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) {
                return;
            }
            js = d.createElement(s);
            js.id = id;
            js.src = "https://connect.facebook.net/en_US/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    </script>

    <div class="hdq_social_icon">
        <img id="hdq_fb_sharer" src="<?php echo plugins_url('/images/fbshare.png', __FILE__); ?>" alt="Share your score!">
    </div>

<?php
}

function hdq_print_question_featured_image($question)
{
    if ($question["featured_image"]["value"] != "" && $question["featured_image"]["value"] != 0) {
        $image = wp_get_attachment_image($question["featured_image"]["value"], "full", "", array("class" => "hdq_featured_image"));
        if ($image != null) {
            echo '<div class = "hdq_question_featured_image">';
            echo $image;
            echo '</div>';
        }
    }
}

// This should be depricated starting HD Quiz 1.9
function hdq_get_answer_image_url($image)
{
    if (is_numeric($image)) {
        // if this uses image ID instead of URL
        $image_url = wp_get_attachment_image_src($image, "hd_qu_size2", false);
        if ($image_url[0] == "" || $image_url[0] == null) {
            $image_url = wp_get_attachment_image_src($image, "thumbnail", false);
        } else {
            // check if image is a gif
            // When WP resizes a gif, the gif is no longer animated :(
            $extention =  parse_url($image_url[0], PHP_URL_PATH);
            $extention = pathinfo($extention, PATHINFO_EXTENSION);
            if ($extention === "gif") {
                $image_url = wp_get_attachment_image_src($image, "full", false);
            }
        }
        $image = $image_url[0];
        return $image;
    } else {
        // figure out what the original custom image size was
        // get the extention -400x400
        $image_parts = explode(".", $image);
        $image_extention = end($image_parts);
        unset($image_parts[count($image_parts) - 1]);
        $image_url = implode(".", $image_parts);
        $image_url = $image_url . '-400x400.' . $image_extention;
        return $image_url;
    }
}

function hdq_print_quiz_start($timer, $use_adcode)
{
    if (intval($timer) > 3 && $use_adcode !== true) {
        $label = "Click <strong>here</strong> to test your speed<br /> awareness knowledge in our quiz!";
        $settings = hdq_get_settings();
        $hd_qu_start = $settings["hd_qu_start"]["value"];
        if ($hd_qu_start != "" && $hd_qu_start != null) {
            $label = $hd_qu_start;
        }
        echo '<div class = "hdq_quiz_start hdq_button" role = "button" title = "' . $label . '">' . $label . '</div>';
    }
}

function hdq_print_quiz_in_loop()
{
    $label = "START QUIZ";
    $settings = hdq_get_settings();
    $hd_qu_start = $settings["hd_qu_start"]["value"];
    if ($hd_qu_start != "" && $hd_qu_start != null) {
        $label = $hd_qu_start;
    }

    $permalink = get_the_permalink();

    echo '<div class = "hdq_quiz_wrapper"><a href = "' . $permalink . '" rel="noamphtml" class = "hdq_quiz_start hdq_button button" role = "button" title = "' . $label . '">' . $label . '</a></div>';
}

function hdq_print_question_title($question_number, $question)
{
    if (isset($_GET['totalQuestions'])) {
        $question_number = $question_number + intval($_GET['totalQuestions']);
    }
    $tooltip = "";
    if ($question["tooltip"]["value"] != "" && $question["tooltip"]["value"] != null) {
        $tooltip = '<span class="hdq_tooltip">
    ?
    <span class="hdq_tooltip_content">
        <span>' . $question["tooltip"]["value"] . '</span>
    </span>
</span>';
    }
    echo '<h3 class = "hdq_question_heading"><span class = "hdq_question_number">' . $question_number . '.</span> ' . $question["title"]["value"] . ' ' . $tooltip . '</h3>';
}

function hdq_print_question_extra_text($question)
{
    if ($question["extra_text"]["value"] != "") {
        echo '<div class = "hdq_question_after_text">';
        echo apply_filters('the_content', $question["extra_text"]["value"]);
        echo '</div>';
    }
}

function hdq_get_question_answers($answers, $correct, $randomized)
{
    $n = array();
    if ($correct) {
        for ($i = 0; $i < count($answers); $i++) {
            $a = array();
            $a["answer"] = $answers[$i]["answer"];
            $a["image"] = $answers[$i]["image"];
            $a["correct"] = in_array($i + 1, $correct);
            if ($a["answer"] != "" && $a["answer"] != null) {
                array_push($n, $a);
            }
        }
        if ($randomized == "yes") {
            shuffle($n);
        }
    }
    return $n;
}

function hdq_print_jPaginate($hdq_id)
{
    // TODO: give tabindex = "0" once ready to fire off JS events to sim buttons
    $settings = hdq_get_settings();
    $next_text = $settings["hd_qu_next"]["value"];
    if ($next_text == "" || $next_text == null) {
        $next_text = "NEXT QUESTION";
    }
    echo '<div class = "hdq_jPaginate"><div class = "hdq_next_button hdq_jPaginate_button hdq_button" data-id = "' . $hdq_id . '" role = "button">' . $next_text . '</div></div>';
}

function hdq_print_finish($hdq_id, $jPaginate)
{
    // TODO: give tabindex = "0" once ready to fire off JS events to sim buttons
    $settings = hdq_get_settings();
    $finish_text = $settings["hd_qu_finish"]["value"];
    if ($finish_text == "" || $finish_text == null) {
        $finish_text = "SHOW RESULTS";
    }
    if ($jPaginate) {
        $jPaginate = "hdq_hidden";
    } else {
        $jPaginate = "";
    }
    echo '<div class = "hdq_finish"><div class = "hdq_finsh_button hdq_button ' . $jPaginate . '" data-id = "' . $hdq_id . '" role = "button">' . $finish_text . '</div></div>';
}

function hdq_print_next($hdq_id, $page_num)
{
    $settings = hdq_get_settings();
    $next_text = $settings["hd_qu_next"]["value"];
    if ($next_text == "" || $next_text == null) {
        $next_text = "next";
    }
    $page_num = $page_num + 1;
    $next_page_data = get_the_permalink();
    $next_page_data = $next_page_data . 'page/' . $page_num . '?currentScore=';
    echo '<div class = "hdq_next_page"><a class = "hdq_next_page_button hdq_button" data-id = "' . $hdq_id . '" href = "' . $next_page_data . '">' . $next_text . '</a></div>';
}

function hdq_get_paginate_question_number($i)
{
    if (isset($_GET['totalQuestions'])) {
        return intval($_GET['totalQuestions'] + $i);
    } else {
        return $i;
    }
}

/* Default Question Types
------------------------------------------------------- */
function hdq_multiple_choice_text($question_ID, $question_number, $question, $quiz)
{
    require(dirname(__FILE__) . '/templates/default.php');
}
function hdq_multiple_choice_image($question_ID, $question_number, $question, $quiz)
{
    require(dirname(__FILE__) . '/templates/image.php');
}
function hdq_text_based($question_ID, $question_number, $question, $quiz)
{
    require(dirname(__FILE__) . '/templates/text.php');
}
function hdq_title($question_ID, $question_number, $question, $quiz)
{
    require(dirname(__FILE__) . '/templates/title.php');
}
function hdq_select_all_apply_text($question_ID, $question_number, $question, $quiz)
{
    require(dirname(__FILE__) . '/templates/select-all-text.php');
}

// STEP 1. 
// Tell HD Quiz to run a custom JavaScript function called "hdq_jackmattison_submit_action" once the quiz completes
function hdq_jackmattison_submit($quizOptions)
{
    array_push($quizOptions->hdq_submit, "hdq_jackmattison_submit_action");
    return $quizOptions;
}
add_action('hdq_submit', 'hdq_jackmattison_submit');

// STEP 2. 
// Now we need to add the custom JavaScript to HD Quiz
function hdq_jackmattison_add_js()
{
    ?>

<script>
// this function will run once the quiz has been completed
function hdq_jackmattison_submit_action(){
    // grab the score from the HDQ global vars
    let score = HDQ.VARS.hdq_score; // this will be an array x / y
    let html = "";
    if(score[0] >= 9){
         html = "<h2><span id=\"your-colour-is-green\">Your colour is GREEN</span></h2>";
    } else if (score[0] >= 8){
        html = "<h2><span id=\"your-colour-is-amber\">Your colour is AMBER</span></h2>";
    } else if (score[0] >= 6){
        html = "<h2><span id=\"your-colour-is-amber\">Your colour is AMBER</span></h2>";
    } else if (score[0] < 6) {
        html = "<h2><span id=\"your-colour-is-red\">Your colour is RED</span></h2>";
    }  // continue the tree as needed

	// OK we now have dynamic content based on the score
    // now we need to actually show this content.
    // grab the divs for pass and fail text, and replace them with our custom content
    const r_pass = document.getElementsByClassName("hdq_result_pass");
    const r_fail = document.getElementsByClassName("hdq_result_fail");
    for(let i = 0; i < r_pass.length; i++){
        r_pass[i].innerHTML = html;
        r_fail[i].innerHTML = html;
    }
	return {};
}
</script>
    <?php
}
add_action("hdq_after", "hdq_jackmattison_add_js");

Does anything look unusual here?

Many thanks
Jack

• This reply was modified 5 years, 3 months ago by jackmattison.
• This reply was modified 5 years, 3 months ago by jackmattison.

Hi there
Thank you again, however, I believe you did actually include this line originally, unfortunately, it still doesn’t seem to be working (I have also tried appending twice). I have sent a quote request for this work using the form at the bottom of this page: https://harmonicdesign.ca/#contact

Please would someone be able to take a look at your earliest convenience? Feel free to email me if it is easier.

Many thanks
Jack

• This reply was modified 5 years, 3 months ago by jackmattison.

Great news. Thank you!