";
tableText += "
";
}
$("#table0").append(tableText);
var teamTxt ="";
tableText += "
";
tableText += "
| "+(r*2+2)+" | "; tableText += ""+team[r].rider2+" | "; tableText += ""+team[r].rider2+" | "; tableText += ""; tableText += " | 0 | "; tableText += "
";
teamTxt += "
";
$("#table1").append(teamTxt);
}
$("#riderData0").html(''+team[teamClicked].rider1+'";
teamTxt += "
";
teamTxt += "
| "+(r+1)+" | "; teamTxt += ""+team[r].team+" | "; teamTxt += ""+((r==0)?"0"+pts:"0")+" | "; teamTxt += "
'+team[teamClicked].record1+'
'+txtArr[5]+': '+''+team[teamClicked].age1+''+'
'+txtArr[6]+': '+''+team[teamClicked].weight1+''+'
'+txtArr[7]+': '+''+team[teamClicked].height1+''); $("#riderData1").html(''+team[teamClicked].rider2+'
'+team[teamClicked].record2+'
'+txtArr[5]+': '+''+team[teamClicked].age2+''+'
'+txtArr[6]+': '+''+team[teamClicked].weight2+''+'
'+txtArr[7]+': '+''+team[teamClicked].height2+''); $("#teamHead").html(team[teamClicked].team.toUpperCase()); $("#bikeModel").html(team[teamClicked].bike); $("#resBtn0 .resultTxt").html(txtArr[8]); $("#resBtn1 .resultTxt").html(txtArr[9]); //$("#resBtn2 .resultTxt").html(txtArr[10]); $("#resHead").html(txtArr[11]); $(".teamdata").css({'height':35,'width':'98%', 'background-color':'rgba(212,227,245,1.0)', 'padding-left':'3px', 'box-shadow':'3px 2px 5px rgba(51,56,54,0.75)'});//203,212,209 $(".driverpts").css({'font-weight':'bold','text-align':'right', 'padding-right':'3px'}); $(".driverdata").css({'height':19,'width':'98%', 'background-color':'rgba(212,227,245,1.0)', 'padding-left':'3px', 'box-shadow':'3px 2px 5px rgba(51,56,54,0.75)'});//203,212,209 $("td.teamrank").css({'width':25,'font-weight':700,'font-size':16,'text-align':'center','color':'white','background-color':'rgba(172,187,205,1.0)'}); $("td.driverrank").css({'width':25,'font-weight':700,'font-size':14,'text-align':'center','color':'white','background-color':'rgba(172,187,205,1.0)'}); $("td.team").css({'width':220,'padding-left':4});$("td.driver").css({'width':140,'padding-left':4}); $("td.teampts").css({'font-weight':700,'font-size':14,'text-align':'right', 'padding-right':'3px'}); $(".driverschamp, .teamchamp").css({'font-size':'13px', 'font-family':'Helvetica, arial, sans-serif', 'width':'98%', 'margin-bottom':'2px'}); $(".driverschamp table, .teamchamp table").css({'width':'100%','height':'100%','border':'none','border-collapse':'collapse','padding':0,'margin':0}); }, complete:function(){ checkRTL(); } }); } getJson(); //******************************************************************************************************** // RESULTS //******************************************************************************************************** resultArray = [];//the array that will hold references to the buttons. for (var h=0; h<2; h++){ resultArray.push(h); } var resultBtnClick = function(resNo){ //to handle lexical scope return function (e) { resultClicked = resNo; loadResult(); }; }; for (var b=0;b<2;b++){ $("#resBtn"+b).on('touch click',resultBtnClick(b)); $("#resBtn"+b).css({'cursor':'pointer'}); } function loadResult(){ for (var b=0;b<2;b++){ $("#resBtn"+b+" .resBg").removeClass('bgColor').addClass('btnOut'); $("#resBtn"+b+" .resultTxt").css({'color':'#000000', 'font-weight':'normal'}); } $("#resBtn"+resultClicked+" .resBg").removeClass('btnOut').addClass('bgColor'); $("#resBtn"+resultClicked+" .resultTxt").css({'color':'#ffffff', 'font-weight':'bold'}); $(".restable").fadeOut(400); $("#table"+resultClicked).fadeIn(400); } loadResult(); //******************************************************************************************************** // TEAM BUTTONS //******************************************************************************************************** teamArray = [];//the array that will hold references to the buttons. for (var h=0; h<12; h++){ teamArray.push(h); } var teamBtnClick = function(teamNo){ //to handle lexical scope return function (e) { teamClicked = teamNo; setTeam(); loadTxt(); }; }; for (var b=0;b<12;b++){ $("#teamBtn"+b).on('touch click',teamBtnClick(b)); $("#teamBtn"+b).css({'cursor':'pointer'}); } //******************************************************************************************************** // CHANGE TEXT //******************************************************************************************************** function loadTxt(){ $("#riderData0").html(''+team[teamClicked].rider1+'
'+team[teamClicked].record1+'
'+txtArr[5]+': '+''+team[teamClicked].age1+''+'
'+txtArr[6]+': '+''+team[teamClicked].weight1+''+'
'+txtArr[7]+': '+''+team[teamClicked].height1+''); if (teamClicked==2){ $("#riderData1").html(""); }else{ $("#riderData1").html(''+team[teamClicked].rider2+'
'+team[teamClicked].record2+'
'+txtArr[5]+': '+''+team[teamClicked].age2+''+'
'+txtArr[6]+': '+''+team[teamClicked].weight2+''+'
'+txtArr[7]+': '+''+team[teamClicked].height2+''); } $("#teamHead").html(team[teamClicked].team.toUpperCase()); $("#bikeModel").html(team[teamClicked].bike); } //******************************************************************************************************** // SET TEAM //******************************************************************************************************** function setTeam(){ for (var i=0; i<12; i++){ $("#teamBtn"+i+" .teamBtnBg").hide(); } $("#teamBtn"+teamClicked+" .teamBtnBg").show(); $("#helmet0 .helmet").animate({top: teamClicked*-84}, 300, "easeOutCubic"); $("#helmet1 .helmet").animate({top: teamClicked*-84}, 300, "easeOutCubic"); $("#rider0 .rider").animate({top: teamClicked*-134}, 300, "easeOutCubic"); $("#rider1 .rider").animate({top: teamClicked*-134}, 300, "easeOutCubic"); $("#bike .bike").animate({top: teamClicked*-198}, 300, "easeOutCubic"); } setTeam(); //******************************************************************************************************** // SCALE SITE //******************************************************************************************************** function scaleSite(){ containerw = window.innerWidth; actWidth = containerw/100; for (var i=0; i<12; i++){ $("#teamBtn"+i+" .logo").css({top: i*-45}); } hD.getSymbolInstanceById('team').goToTimeInTimelineNamed(actWidth, 'teamTime') $("#helmet0 .helmet").css({top: teamClicked*-84}); $("#helmet1 .helmet").css({top: teamClicked*-84}); $("#bike .bike").css({top: teamClicked*-198}); $("#rider0 .rider").css({top: teamClicked*-134}); $("#rider1 .rider").css({top: teamClicked*-134}); if (containerw < maxWidth){ headlinetxt.innerHTML=txtArr[1]; }else{ headlinetxt.innerHTML=txtArr[0]; containerw=maxWidth; } hD.getElementById('txtWidth').innerHTML = "SW = " + containerw; $("#panelBtn").css({left:containerw-40}); $("#copyright").css({left:containerw-106}); $("#sidePanel").css({left:containerw+10, width:containerw}); closePanel(); closeSource(); checkRTL(); } scaleSite(); //******************************************************************************************************** // PANEL BTN //******************************************************************************************************** var panelVis = false; panelBtn.addEventListener("click", function () { if (panelVis == false){ $("#sidePanel").css({left:containerw+10, width:containerw}); $("#sidePanel").stop().animate({ left: 0}, 300, "easeOutCubic"); panelBtn.style.transform = "rotate(180deg)"; panelVis = true; }else{ closePanel(); } }); function closePanel(){ $("#sidePanel").stop().animate({ left: maxWidth+10 }, 200, "easeInCubic"); panelBtn.style.transform = "rotate(0deg)"; panelVis = false; } //******************************************************************************************************** // SOURCE BTN //******************************************************************************************************** var sourceVis = false; $("#sourceBtn").on("click", function () { if (sourceVis == false){ $("#sourceBtn").stop().animate({ top: 0-sourcetxt.scrollHeight }, 300, "easeOutCubic"); sourceArrow.style.transform = "rotate(-90deg) scale(0.45)"; $("#sourceArrow").css({left:-11, top:-11}); sourceVis = true; }else{ closeSource(); } checkRTL(); }); function closeSource(){ $("#sourceBtn").stop().animate({ top: 0 }, 300, "easeOutCubic"); sourceArrow.style.transform = "rotate(90deg) scale(0.45)"; $("#sourceArrow").css({left:-11, top:-11}); sourceVis = false; } //******************************************************************************************************** // CHECK RTL //******************************************************************************************************** function checkRTL(){ if (RTL == true){ $("#riderData0").css({'text-align':'right','direction':'rtl'}); $("#riderData1").css({'text-align':'right','direction':'rtl'}); $("#txt0").css({'text-align':'right'}); $("#txt2").css({'text-align':'right'}); $("#txt4").css({'text-align':'right'}); $("#sourceArrow").css({left:171}); $("#sourceBtn").css({left:containerw-200}); $("#copyright").css({left:0}); $("#panelBtn").css({left:0}); } } //******************************************************************************************************** // END CODE //******************************************************************************************************** $(function(){ $(window).resize(scaleSite); }); } >_#// element - DOMHTMLElement that triggered this function being called // event - event that triggered this function being called function getResults(hypeDocument, element, event) { var gn=35089, gnYear=2017;//34046,2016 var dataURL = ('http:'==document.location.protocol?"http://www2.graphicnews.com/":"https://data.graphicnews.com/")+ "infostradasports/api.php"; //******************************************************************************************************** //LIVE DATA //******************************************************************************************************** function getStartList(){ $.ajax({ type: "GET", url: dataURL, data: "type=motogp&gn="+gn+"&yr="+gnYear+"&q=drivers", contentType: "text/plain", dataType: "jsonp", jsonp: "callback", async: true, crossDomain: true, success: function (data) { var startData=data; if (startData.length>20){ barHeight = ((500/startData.length)-2); }else{ barHeight = 23; } for (var i=0; i
";
tableText += "
";
//sym.getSymbol("driverchampMc").$("graph").append(tableText);
$('#driverrnk' + i).text(startData[i].c_ShirtNr);
$('#driverNm' + i).text(startData[i].c_Person);
$('#driverteam' + i).text(startData[i].c_Team);
if (i==0){
$('#driverpts' + i).text("0pts");
}else{
$('#driverpts' + i).text("0");
}
$(".driverschamp").css({'font-size':'12px', 'font-family':'Helvetica, arial, sans-serif', 'width':'100%', 'margin-bottom':'2px'});
$("#driverdata" + i).css({'height':barHeight+'px','width':'65%', 'background-color':'rgba(212,227,245,0.8)', 'padding-left':'3px','box-shadow':'3px 2px 5px rgba(100,100,100,0.75)'});
$("#driverpts" + i).css({'text-align':'right', 'padding-right':'3px'});
$("#driverdata" + i).animate({width:scale+'%'},1500);
}
}
});
}
function getDriverStandings(){
var barHeight,nRaceDrivers,maxPoints,scale,scaleTeam,maxTeamPts;
$.ajax({ type:"GET",
url:dataURL,
data: "type=motogp&gn="+gn+"&q=champdrivers&yr="+gnYear,
contentType: "text/plain", dataType: "jsonp", jsonp: "callback",
async: true,
crossDomain: true,
success: function (data) {
var rankData = data;
var teamNames=[], teamPts=[], sortOrder=[], teamIDs=[49145,49139,49146,49138,49141,49142,61846,68582,49143,49144,61880];//'Repsol Honda','Movistar','Suzuki Ecstar','Ducati','LCR','Monster','Reale','Aprilia','Aspar','OCTO','Marc VDS'
if (rankData.length<1){
getStartList();
}else{
//Ensure all drivers will fit in graph
$("#table0").empty();
nRaceDrivers = rankData.length;
if (rankData.length>20){
barHeight = ((500/rankData.length)-2);
}else{
barHeight = 23;
}
//calculate relative length of each bar
maxPoints = rankData[0].n_PointsSort;
var min = (maxPoints!=null) ? maxPoints : 0;
var minTeamPts= (maxTeamPts!=null)?maxTeamPts:0;
for (var n=0; n";
tableText += "
";
tableText += "
| "; tableText += " | "; tableText += " | "; tableText += " | "; tableText += " |
";
tableText += "
";
$("#table0").append(tableText);
//var teamLogo='";
tableText += "
";
tableText += "
| "; tableText += " | "; tableText += " | "; tableText += " | "; tableText += " | "; tableText += " |
';
if (rankData[i].n_Rank!=null){
$('#driverrnk' + i).text(rankData[i].n_Rank);
}else{
$('#driverrnk' + i).text(i+1);
}
$('#driverNmSht' + i).text((rankData[i].c_PersonShort).toUpperCase());
$('#driverNm' + i).text(rankData[i].c_Person);
//$('#driverteam' + i).html(teamLogo);
var driverpts=(i==0)?rankData[i].c_Points+pts:rankData[i].c_Points;
if (rankData[i].c_Points!=null){
$('#driverpts' + i).text(driverpts);
}else{
$('#driverpts' + i).text("0");
}
if (maxPoints==min && rankData[i].n_PointsSort==maxPoints) {
scale=100;
}else if(rankData[i].n_PointsSort==null){
scale=50;
}else{
scale = 100-((maxPoints-rankData[i].n_PointsSort)*45/(maxPoints-min));
}
$("#driverdata" + i).css({'height':barHeight+'px','width':'50%', 'background-color':'rgba(212,227,245,1.0)', 'padding-left':'3px', 'box-shadow':'3px 2px 5px rgba(51,56,54,0.75)'});//203,212,209
$("#driverpts" + i).css({'text-align':'right', 'padding-right':'3px'});
$("#driverdata" + i).animate({'width':scale+'%'},400);
//build team rankings
var teamID=rankData[i].n_TeamID;
var teamName=rankData[i].c_Team;
var teamIndex=teamIDs.indexOf(teamID);
if(teamIndex>=0){
teamPts[teamIndex]=teamPts[teamIndex]>0?teamPts[teamIndex]+parseInt(rankData[i].c_Points):parseInt(rankData[i].c_Points);
teamNames[teamIndex]=teamName;
}else{
teamIDs.push(teamID);
teamNames.push(teamName);
teamPts.push(parseInt(rankData[i].c_Points));
}
}
sortPts=teamPts.slice().sort(function(a, b){ return b-a});
maxTeamPts = sortPts[0];
$("#table1").empty();
for (var n=0;n| "+(n+1)+" | "; teamTxt += ""+nameOrder+" | "; teamTxt += ""+((n==0)?sortPts[n]+pts:sortPts[n])+" | "; teamTxt += "