Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <title>Treta zadaca</title>
- <meta charset="UTF-8">
- <script>
- function loadXML(){
- var xmlhttp;
- var tabela;
- xmlhttp=new XMLHttpRequest();
- xmlhttp.onreadystatechange=function()
- {
- if (xmlhttp.readyState==4)
- {
- var option = "<option value='Display'>Display</option><option value='Url'>Url</option>";
- document.getElementById("menu").innerHTML=option;
- tabela="<table border='1'><tr><th class='Display'>display</th><th class='Url'>url</th>";
- var array = JSON.parse(xmlhttp.responseText);
- for(var i=0;i<array.length;i++){
- tabela=tabela+"<tr><td class='Display'>"+array[i].display+"</td><td class='Url'>"+array[i].url+"</td></tr>";
- }
- tabela=tabela+"</table>";
- document.getElementById("container").innerHTML=tabela;
- }
- }
- xmlhttp.open("GET","myTutorials.tabela",true);
- xmlhttp.send();
- }
- function HideData(){
- if(!document.getElementById("checkfield").checked){
- var selected = document.getElementById("menu");
- var val = selected.options[selected.selectedIndex].value;
- var arr = document.getElementsByClassName(val);
- for(var i=0; i<arr.length; i++){
- arr[i].style.display="none";
- }
- }
- else{
- var selected = document.getElementById("menu");
- var val = selected.options[selected.selectedIndex].value;
- var arr = document.getElementsByClassName(val);
- for(var i=0; i<arr.length; i++){
- arr[i].style.display="";
- }
- }
- }
- </script>
- <style>
- table th
- {
- text-align: center;
- font-size: 25px;
- }
- </style>
- </head>
- <body>
- <button id="get" onclick="loadXML()"> Get data</button><br/>
- <select id="menu" onchange="HideData()">
- </select >
- <input type="checkbox" id="checkfield" onchange="HideData()" checked />
- <div id="container">
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement