iman
/
DTC-WWW


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
							<html>
<meta charset="utf-8"/>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<style>
* {box-sizing: border-box}
body {font-family: "Lato", sans-serif;}

.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}

.but { 
            background-color: #33CCFF; 
            color: black; 
            padding: 5px 10px; 
            text-align: center; 
            display: inline-block; 
            font-size: 15px; 
            margin: 10px 40px; 
            cursor: pointer; 
            text-decoration:none; 
            border-radius:10px;
            padding: 10px 30px;
                    
} 

a:hover{
  background-color: #003399;
}

a:active {
  color: #003399;
} 

</style>
<h2>Digital Tool Card</h2>
<script type="text/javascript">
	var mydiv = "<div class='tab'>";
        var linkList = "";
        $.ajax({
           url: '../callbacks/DTC_EVENT.txt',
           async: false,
           success: function (data){
              linkList = data;
           }
       });     
      linkList = JSON.parse(linkList);
      var workerID = window.parent.workerID;
      console.log(workerID);
      for (var i = 0; i < linkList.length; i++) {
               if (linkList[i]['role'] == "VORB") {     
                    var myLink = linkList[i]['form'] + "?cbid=" + linkList[i]['cbid'] + "&workerID=" + workerID;
                    console.log(myLink);
		    mydiv += "<li><a class=\"but\" href="+ myLink +"  target=\"mainFrame\" >" + linkList[i]['task']+ "</a></li>";
	}}
      mydiv += "</div>";
      document.write(mydiv);

      function loadit( element){
	var tabs=document.getElementById('tabs').getElementsByTagName("a");
	for (var i=0; i < tabs.length; i++){
            if(tabs[i].href == element.href) 
		tabs[i].className="selected";
	    else
		tabs[i].className="";
        }
      }

</script>


</head>
</html>