Greasy Fork

Greasy Fork is available in English.

🦄️广东开放大学-广开-小猪手-回顾答案保存🦄️

回顾答案保存,降低难度

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name 🦄️广东开放大学-广开-小猪手-回顾答案保存🦄️
// @namespace http://tampermonkey.net/
// @version 1.3
// @description  回顾答案保存,降低难度
// @author Your name
// @match https://*.ougd.cn/*
// @require https://code.jquery.com/jquery-3.6.0.min.js
// @namespace  				https://enncy.cn
// @homepage   				https://docs.ocsjs.com
// @source     				https://github.com/ocsjs/ocsjs
// @icon       				https://cdn.ocsjs.com/logo.png
// @connect    				enncy.cn
// @connect    				icodef.com
// @connect    				ocsjs.com
// @connect    				localhost
// ==/UserScript==
(function() {
    'use strict';

    // Create a div for the floating box
    var floatingBox = $('<div id="customFloatingBox"></div>');
    $('body').append(floatingBox);

    // Apply styles to the floating box
    floatingBox.css({
        'display': 'none', // Hide the floating box initially
        'position': 'fixed',
        'top': '10px',
        'right': '10px',
        'width': '300px',
        'border': '1px solid #000',
        'border-radius': '10px',
        'z-index': '9999',
        'box-shadow': '0 4px 8px 0 rgba(0,0,0,0.2)',
        'cursor': 'move',
        'background': 'linear-gradient(to bottom, rgba(255, 165, 0, 0.5), rgba(255, 165, 0, 0.2))',
        'backdrop-filter': 'blur(10px)'
    });

    // Make the floating box draggable
    var isDragging = false;
    var xOffset = 0;
    var yOffset = 0;

    floatingBox.mousedown(function(e) {
        isDragging = true;
        xOffset = e.clientX - floatingBox.offset().left;
        yOffset = e.clientY - floatingBox.offset().top;
    });

    $(document).mousemove(function(e) {
        if (isDragging) {
            floatingBox.css({
                left: (e.clientX - xOffset) + 'px',
                top: (e.clientY - yOffset) + 'px'
            });
        }
    });

    $(document).mouseup(function() {
        isDragging = false;
    });

    // Add content to the floating box
    floatingBox.append('<h2>广开小猪手</h2>');
    floatingBox.append('<input type="text" id="searchInput" placeholder="搜索题目" style="color: #000">');
    floatingBox.append('<select id="courseSelect"><option value="course1">未搜索到课程</option><option value="course2">未搜索到课程...</option></select>');
    floatingBox.append('<label for="formativeAssessment">形成性考核<input type="checkbox" id="formativeAssessment"></label>');
    floatingBox.append('<div id="speedControl">提交速度调节</div>');
    floatingBox.append('<input type="range" id="speedSlider" min="1" max="10" value="5">');
    floatingBox.append('<button id="uploadQuestions">上传题目</button>');
    floatingBox.append('<button id="recordQuestions">收录题库</button>');
    floatingBox.append('<button id="customButton">教程/反馈</button>');
    floatingBox.append('<div id="menuContent" style="display: none;"></div>'); // Moved menu content outside of menu bar

    // Add styles
    GM_addStyle(`
        #customFloatingBox button, #customFloatingBox select, #customFloatingBox label, #customFloatingBox input {
            display: block;
            margin: 10px auto;
            border-radius: 5px;
            padding: 10px;
            background-color: #FF6347;
            color: #fff;
            border: none;
            cursor: pointer;
            width: 80%;
        }
        #customFloatingBox h2 {
            text-align: center;
            margin: 10px;
            color: #FF6347;
        }
        #speedControl {
            text-align: center;
            color: #FF6347;
        }
        #menuContent {
            padding: 10px;
            border: 1px solid #000;
            border-radius: 0 0 10px 10px;
            background-color: #FF6347;
            display: none;
        }
    `);

    // Add menu bar and toggle button
    var menuBar = $('<div id="menuBar"><button id="toggleMenu">菜单栏▼</button></div>');
    floatingBox.append(menuBar);

    // Fade in the floating box when the page is loaded
    $(document).ready(function() {
        floatingBox.fadeIn(1000);
    });

    // Add functionality to the custom button
    $(document).on('click', '#customButton', function() {
        // Navigate to www.baidu.com
        window.location.href = "http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=XaThxBcRK9DEhvuNXGMwO4Q80tFo3mmA&authKey=GYzAl0hsNVyb%2FiyRlnPuxVjDJSte0kw70rcSLQrI9SI7J3HekTZK5csWAdbBifWw&noverify=0&group_code=218886190";
    });

    // Toggle menu bar functionality
    $(document).on('click', '#toggleMenu', function() {
        $('#menuContent').slideToggle();
    });

    // Add menu content
    var menuContent = $('#menuContent');
    menuContent.append('<div style="display: flex; align-items: center;"><label class="custom-checkbox"><input type="checkbox" id="saveReview" style="display:none;"><span class="checkmark"></span><span class="checkbox-label">保存回顾答案</span></label></div>');
    menuContent.append('<div style="display: flex; align-items: center;"><label class="custom-checkbox"><input type="checkbox" id="autoFillReview" style="display:none;"><span class="checkmark"></span><span class="checkbox-label">自动填回回顾答案</span></label></div>');
    menuContent.append('<div style="display: flex; align-items: center;"><label class="custom-checkbox"><input type="checkbox" id="forceSubmit" style="display:none;"><span class="checkmark"></span><span class="checkbox-label">强制提交答案</span></label></div>');

    // Add styles for checkboxes and menuContent
    GM_addStyle(`
        .custom-checkbox {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
            font-size: 18px;
        }

        .custom-checkbox input[type="checkbox"] {
            display: none;
        }

        .checkmark {
            display: inline-block;
            position: relative;
            width: 25px;
            height: 25px;
            border: 1px solid #ccc;
            border-radius: 50%; /* 圆形样式 */
            margin-right: 10px;
        }

        .custom-checkbox input:checked + .checkmark {
            background-color: #2196F3;
            border-color: #2196F3;
        }

        .checkmark:after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); /* 文字居中 */
            width: 5px;
            height: 10px;
            border: solid white;
            border-width: 0 3px 3px 0;
            transform: rotate(45deg);
            display: none;
        }

        .custom-checkbox input:checked + .checkmark:after {
            display: block;
        }

        #menuContent {
            box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); /* 添加阴影特效 */
            padding: 20px;
        }
    `);

    // Add more custom functionality as needed
})();