Advertisement
Guest User

Untitled

a guest
Dec 25th, 2014
181
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.81 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3. <title>Treta zadaca</title>
  4. <meta charset="UTF-8">
  5. <script>
  6. function loadXML(){
  7. var xmlhttp;
  8. var tabela;
  9. xmlhttp=new XMLHttpRequest();
  10. xmlhttp.onreadystatechange=function()
  11. {
  12. if (xmlhttp.readyState==4)
  13. {
  14. var option = "<option value='Display'>Display</option><option value='Url'>Url</option>";
  15. document.getElementById("menu").innerHTML=option;
  16. tabela="<table border='1'><tr><th class='Display'>display</th><th class='Url'>url</th>";
  17. var array = JSON.parse(xmlhttp.responseText);
  18. for(var i=0;i<array.length;i++){
  19. tabela=tabela+"<tr><td class='Display'>"+array[i].display+"</td><td class='Url'>"+array[i].url+"</td></tr>";
  20. }
  21. tabela=tabela+"</table>";
  22. document.getElementById("container").innerHTML=tabela;
  23. }
  24.  
  25. }
  26. xmlhttp.open("GET","myTutorials.tabela",true);
  27. xmlhttp.send();
  28. }
  29. function HideData(){
  30. if(!document.getElementById("checkfield").checked){
  31. var selected = document.getElementById("menu");
  32. var val = selected.options[selected.selectedIndex].value;
  33. var arr = document.getElementsByClassName(val);
  34. for(var i=0; i<arr.length; i++){
  35. arr[i].style.display="none";
  36. }
  37. }
  38. else{
  39. var selected = document.getElementById("menu");
  40. var val = selected.options[selected.selectedIndex].value;
  41. var arr = document.getElementsByClassName(val);
  42. for(var i=0; i<arr.length; i++){
  43. arr[i].style.display="";
  44. }
  45.  
  46. }
  47. }
  48.  
  49. </script>
  50. <style>
  51. table th
  52. {
  53. text-align: center;
  54. font-size: 25px;
  55. }
  56. </style>
  57.  
  58. </head>
  59. <body>
  60.  
  61. <button id="get" onclick="loadXML()"> Get data</button><br/>
  62. <select id="menu" onchange="HideData()">
  63.  
  64. </select >
  65. <input type="checkbox" id="checkfield" onchange="HideData()" checked />
  66. <div id="container">
  67. </div>
  68.  
  69. </body>
  70. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement