scaling-cyril/form.html at master · 3Shoka/scaling-cyril · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<html>
<head>
    <title>tes lagi</title>

    <style type="text/css">
        span {
            margin: 2px;
            width: 80px;
            display: inline-block;
        }
        #log {
            padding:20px 10px;
            border:1px solid blue;
            background:rgba(120, 120, 33, .4);
        }
        div {
            margin:2px;
            border:1px solid green;
            padding:2px;
        }
    </style>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
        function log(txt) {
            $("#log").append("<br/>" + txt);
        }
        $(document).ready(function () {

            $("#select").change(function () {
                var a = $("#select").val();
                var r = $("#row").val();
                var line = 1;
                log(a);
                log(r);
                r1 = 1;
                $("div#mainList").empty();
                $("div#heading").html('<span>&nbsp;</span>');
                $("div#row").empty();

                for (i = 0; i < a; i++) {
                    $("div#heading").append("<span>KW2</span><span>KW3</span>");
                }

                for (i2 = 0; i2 < r; i2++) {
                    $("div#mainList").append("<div id='row-" + i2 + "'><span>Error" + line + "</span></div>");
                    line++;
                    log("line:" + line);

                    for (i = 0; i < a; i++) {
                        //$("div#heading").append("<span>KW2</span><span>KW3</span>");
                        $("div#row-" + i2).append("<span><input type='text' size='6' value='kw2" + i + r1 + "' /></span><span><input type='text' size='6' value='kw3" + i + r1 + "' /></span>");

                        log("line2:" + i);
                    }
                    r1++;
                }
                $("#prosesSubmit").html("<button type='submit'>Prosess</button>");
            });

        });
    </script>
</head>
<body>
    <form id="form">
    <select id="select" onChange="this.form.submit">
        <option value="0">--</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select>
    <input id="row" type="hidden" name="row" value="4">
    </form>
    <form name="proses" id="proses">
        <div id="main">
            <div id="heading"> <span>&nbsp;</span>

            </div>
            <div id="mainList"></div>
        </div>
        <button id='processSubmit'>Submit</button>
    </form>
    <div id='log'></div>
</body>
</html>