SilabaJS/TestSilabaJS.html at main · Viorel/SilabaJS · 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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html lang="ro">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="icon" type="image/png" href="data:image/png;base64,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" />

    <title>Silaba</title>

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


    <script type="text/javascript">

        var textAnterior = "";
        var t = undefined;

        function Taimer()
        {
            var text = document.getElementById( "cuvinte" ).value;

            if( textAnterior == text ) return;

            textAnterior = text;

            clearTimeout( t );
            t = setTimeout( Desparte, 444 );
        }

        function Desparte()
        {
            let tbc = document.getElementById( "cuvinte" );
            let tbr = document.getElementById( "rezultat" );

            var text = tbc.value;

            //console.info("cuvint: ", text);

            var rezultat = Silaba.DesparteTot( text );

            tbr.value = rezultat;

            if( tbr.scrollTop != tbc.scrollTop )
            {
                tbr.scrollTop = tsr = tbc.scrollTop;
            }
        }

        function OnLoad()
        {
            document.getElementById( "cuvinte" ).focus();

            setInterval( Taimer, 333 );
        }

        var tsc = undefined;
        var tsr = undefined;

        function ScrollC()
        {
            let tbc = document.getElementById( "cuvinte" );
            let tbr = document.getElementById( "rezultat" );

            if( tsc !== undefined )
            {
                if( tbc.scrollTop === tsc ) tsc = undefined;

                return;
            }

            tbr.scrollTop = tsr = tbc.scrollTop;
        }

        function ScrollR()
        {
            let tbc = document.getElementById( "cuvinte" );
            let tbr = document.getElementById( "rezultat" );

            if( tsr !== undefined )
            {
                if( tbr.scrollTop === tsr ) tsr = undefined;

                return;
            }

            tbc.scrollTop = tsc = tbr.scrollTop;
        }

    </script>

    <style>
        *
        {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: #F5F5F5;
        }

        label
        {
        }

        textarea
        {
            font-family: monospace, 'Courier New', Courier;
            border: 1pt solid gray;
            border-radius: 3pt;
            width: 300pt;
            height: 400pt;
            padding: 3pt;
        }

        textarea:not(:read-only)
        {
            background-color: white;
        }
    </style>
</head>
<body onload="OnLoad()">

    <table>
        <tr>
            <td>
                <label for="cuvinte">Cuvinte</label></td>
            <td>
                <label for="rezultat">Despărțire în silabe</label></td>
        </tr>
        <tr>
            <td>
                <textarea id="cuvinte" wrap="off" onscroll="ScrollC()" lang="ro" title="Cuvinte" placeholder="Introduceți cuvintele"></textarea>
            </td>
            <td>
                <textarea id="rezultat" wrap="off" onscroll="ScrollR()" lang="ro" readonly="readonly"></textarea>
            </td>
        </tr>
    </table>

</body>
</html>