example/teste.html at main · rodrigocns/example · 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
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--define largura da pagina apropriada (pc/mobile)-->
    <meta http-equiv="X-UA-Compatible" content="ie-edge"> <!--não sei o que faz direito-->
    <title>Testes do iRoT</title>
    <link rel="stylesheet" href="css/screen.css" /> <!--aponta arquivo .css -->
    <script type="text/javascript" src="jsmol/JSmol.min.js"></script>
    <!-- testar link abaixo  com funcoes do js
    <link rel="scripts" href="scripts.js" /> -->
    <script id="jmol_info">
        var Info = {
            color: "#000000",
            height: 400,
            width: 400,
            src: "models/C2OCl.xyz",  //carrega um modelo no local definido
    //        script: "load $caffeine", //executa um script quando termina de carregar. Atropela o src.
            use: "HTML5",
            j2sPath: "jsmol/j2s",
            serverURL: "jsmol/php/jsmol.php",
        };
    </script>

</head>

<body>
    <h1>Página teste</h1>
    <p>Hospedado @ GitHub Pages :)</p>
    <a href="index.html">Home</a>

    <div>
        <!--https://www.encodedna.com/javascript/practice-ground/default.htm?pg=save_form_data_in_text_file_using_javascript-->
        <!-- save localfile -->

    </div>
    <script>Jmol.getApplet("Jmol_A", Info)</script>

    <div id="demo", style="background-color: Navy">Div Teste</div>
    <button type="button" onclick="button1()">Button1</button>
    <button type="button" onclick="button2()">Button2</button>


    <script>
        function button1() {
            var teste = Jmol.getPropertyAsArray(Jmol_A, 'orientationInfo.quaternion');
            document.getElementById('demo').innerHTML = teste;
        }
        function button2() {
            var teste = Jmol.getPropertyAsArray(Jmol_A, 'orientationInfo.quaternion');
            alert(teste);
        }
    </script>

<!-- embed do google forms
    <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSf4BOVUttcRYnGGDdJDsQh9DfnrNwff_PiIBQb1i8xMkP-rRw/viewform?embedded=true" width="640" height="1730" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
-->
</body>

</html>