SKI2019 1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>

    </style>
</head>
<body>
    <video id="klip" height="250" width="500" controls autoplay>
        <source src="video_file_1.mp4" type="video/mp4">
    </video>
    <button id="full" onclick="openFullScreen()">Open</button>

    <script>
        var elem=document.getElementById("klip");

        function openFullScreen(){

        if(elem.mozRequestFullScreen){         /* Firefox */
            elem.mozRequestFullScreen();
        }
        else if(elem.webkitRequestFullscreen){      /* Chrome, Safari, Opera */
            elem.webkitRequestFullscreen();
        }
        }


                    var xmlhttp= new XMLHttpRequest;

            xmlhttp.open("GET","korpa.json");
            xmlhttp.send();

            function getData(){
                var html="";
                if(xmlhttp.readyState==4 && xmlhttp.status==200){
                var myObj= JSON.parse(xmlhttp.responseText)
                var t=document.createElement("TABLE");
                t.setAttribute("id","myTable");
                document.body.appendChild(t)
                t.innerHTML="<thead><tr><th>Slika artikla</th><th>Naziv Artikla</th><th>Dimznzije</th><th>Velicina</th><th>Rezolucija</th><th>Cena</th></tr></thead>"

                for(i=0;i<myObj.length;i++){
                    html+="<tr>"
                    html+="<td><img src='" + myObj[i].slika + "'></td>"
                    html+="<td>" + myObj[i].naziv + "</td>"
                    html+="<td>" + myObj[i].dimenzije + "</td>"
                    html+="<td>" + myObj[i].velicina + "</td>"
                    html+="<td>" + myObj[i].rezolucija + "</td>"
                    html+="<td>" + myObj[i].cena + "</td>"
                    html+="</tr>"
                }
                t.innerHTML+=html;

                }
            }

            xmlhttp.addEventListener("readystatechange",getData)


    </script>

</body>
</html>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <button id="full" onclick="openFullScreen()">Open</button>

    <script>
        var elem=document.documentElement;

        function openFullScreen(){

        if(elem.mozRequestFullScreen){         /* Firefox */
            elem.mozRequestFullScreen();
        }
        else if(elem.webkitRequestFullscreen){      /* Chrome, Safari, Opera */
            elem.webkitRequestFullscreen();
        }
        }

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


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
        var xmlhttp= new XMLHttpRequest;

        xmlhttp.open("GET","doc1.json");
        xmlhttp.send();

        function getData(){
            var html="";
            if(xmlhttp.readyState==4 && xmlhttp.status==200){
            var myObj= JSON.parse(xmlhttp.responseText)
            var t=document.createElement("TABLE");
            t.setAttribute("id","myTable");
            document.body.appendChild(t)
            t.innerHTML="<thead><tr><th>Ime</th><th>Prezime</th></tr></thead>"

            for(i=0;i<myObj.length;i++){
                html+="<tr>"
                html+="<td>" + myObj[i].ime + "</td>"
                html+="<td>" + myObj[i].prezime + "</td>"
                html+="</tr>"
            }
            t.innerHTML+=html;

            }
        }

        xmlhttp.addEventListener("readystatechange",getData)
    </script>
</body>
</html>