CocoRoboLabs
/
lxhelp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Blockly X 幫助文檔</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="description" content="Description">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <!--<link rel="stylesheet" href="https://unpkg.com/docsify-themeable/dist/css/theme-simple.css">-->
    <link rel="stylesheet" href="vue.css">
    <meta name="theme-color" content="#2C4FCD">
    <link rel="apple-touch-icon" sizes="57x57" href="http://cocorobo.hk/cocoblockly/dev/img/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="http://cocorobo.hk/cocoblockly/dev/img/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="http://cocorobo.hk/cocoblockly/dev/img/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="http://cocorobo.hk/cocoblockly/dev/img/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="http://cocorobo.hk/cocoblockly/dev/img/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="http://cocorobo.hk/cocoblockly/dev/img/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="http://cocorobo.hk/cocoblockly/dev/img/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="http://cocorobo.hk/cocoblockly/dev/img/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="http://cocorobo.hk/cocoblockly/dev/img/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192"
        href="http://cocorobo.hk/cocoblockly/dev/img/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="http://cocorobo.hk/cocoblockly/dev/img/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="http://cocorobo.hk/cocoblockly/dev/img/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="http://cocorobo.hk/cocoblockly/dev/img/favicon-16x16.png">
    <link rel="manifest" href="http://cocorobo.hk/cocoblockly/dev/img/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="http://cocorobo.hk/cocoblockly/dev/img/ms-icon-144x144.png">
    <script type="text/javascript" src="colorpicker.js"></script>
    <link href="./lightbox.min.css" rel="stylesheet" />
    <style type="text/css">
        #picker {
            width: 200px;
            height: 200px
        }

        #slide {
            width: 30px;
            height: 200px
        }

        .headerInProgress {
            font-weight: bold;
            background-color: rgba(247, 114, 16, .9);
            color: white;
            padding: 16px 18px;
            margin-bottom: 40px;
            border-radius: 10px;
            border-left: 5px solid rgba(238, 91, 10, 1.0);
        }
    </style>
</head>

<body>
    <nav class="body-nav">
        <a href="#/" id="hk" class="active">繁</a>
        <a href="#/" id="cn">简</a>
        <!-- <a href="#/" id="aa">EN</a> -->
    </nav>
    <div id="app">Please wait...</div>
    <script>
        window.$docsify = {
            name: 'Blockly X Help',
            // repo: '',
            logo: './media/help-logo.png',
            themeColor: '#225dd5',
            homepage: 'index.md',
            auto2top: true,

            loadSidebar: true,
            loadSidebar: 'summary.md',
            maxLevel: 1,
            subMaxLevel: 1,

            // Search feature

            search: 'auto', // default
            search: [
                '/index.md',
                '/EX_01.md',
                '/EX_02.md',
                '/EX_03.md',
            ],

            // complete configuration parameters
            search: {
                maxAge: 86400000, // Expiration time, the default one day
                paths: 'auto', // or 'auto'
                placeholder: '點此處搜尋內容',

                // Localization
                placeholder: {
                    '/': '點此處搜尋內容'
                },

                noData: '沒有搜尋到結果',

                // Localization
                noData: {
                    '/': '沒有搜尋到結果'
                },

                // Headline depth, 1 - 6
                depth: 6
            },

            ga: 'UA-110081781-1'
        }
    </script>
    <script>
        var hash = window.location.hash;
        if (window.addEventListener) {
            window.addEventListener("hashchange", myFunction, false);
        } else if (window.attachEvent) {
            window.attachEvent("hashchange", myFunction);
        }
        // window.onhashchange(function () {

        // console.log(myFunction())
        // })
        function myFunction() {
            hash = window.location.hash;
            setTimeout(() => { imgload(); }, 500)
        }
        document.getElementById('hk').onclick = function () {
            window.location.href = "../hant/";
        }
        document.getElementById('cn').onclick = function () {
            window.location.href = "../hans/";
        }
    </script>
    <!-- docsify -->
    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/docsify/4.9.4/docsify.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/docsify/4.9.4/plugins/search.min.js"></script> -->
    <script src="docsify.min.js"></script>
    <script src="search.min.js"></script>
    <!-- docsify-themeable -->
    <!-- <script src="//unpkg.com/docsify-themeable"></script>-->
    <script type="text/javascript" src="lightbox-plus-jquery.min.js"></script>
    <script>
        window.onload = imgload = function () {
            let imgs = document.getElementsByTagName('img')
            for (let i = 0; i < imgs.length - 1; i++) {
                imgs[i].onclick = function () {
                    let parent = imgs[i].parentNode;
                    let num = 0
                    for (let j = 0; j < parent.children.length; j++) {
                        let parentStr = decodeURI(parent.children[j] && parent.children[j].src) || '';
                        let imgSrc = imgs[i].src
                        if ((parentStr && parentStr.slice(parentStr.lastIndexOf('/') + 1, parentStr.lastIndexOf('.'))) === imgSrc.slice(imgSrc.lastIndexOf('/') + 1, imgSrc.lastIndexOf('.'))) {
                            num = j;
                            console.log(num)
                        }
                    }
                    if (parent.tagName !== "A") {
                        imgs[i].style.marginRight = 5 + 'px';
                        let A = document.createElement('a')
                        A.href = imgs[i].src;
                        A.setAttribute('data-lightbox', imgs[i].src);
                        A.appendChild(imgs[i]);
                        parent.insertBefore(A, parent.children[num]);
                        A.addEventListener('click', function () { })
                    }
                }
            }
        }
    </script>
</body>

</html>