JSFiddle - React, Tailwind, and code Playground

by Albin Larsson

HTML

<iframe id="iCatch" width="100%" height="450px" marginwidth="0" marginheight="0" src=""></iframe>
<div id="pop"></div>

JavaScript

//offset 
// 0 = Engelska
// 1 = Franska
// 2 = Tyska
// 3 = Spanska 
var offset=0;
var show="Okt 09";

var nameA=new Array();
var clipIdA=new Array();
nameA[0]="Sep 08"; clipIdA[0]=241;
nameA[1]="Okt 08"; clipIdA[1]=246;
nameA[2]="Nov 08"; clipIdA[2]=251;
nameA[3]="Dec 08"; clipIdA[3]=256;

nameA[4]="Jan 09"; clipIdA[4]=261;
nameA[5]="Feb 09"; clipIdA[5]=266;
nameA[6]="Mar 09"; clipIdA[6]=271;
nameA[7]="Apr 09"; clipIdA[7]=276;
nameA[8]="Maj 09"; clipIdA[8]=281;
nameA[9]="Jun 09"; clipIdA[9]=286;

var nameB=new Array();
var clipIdB=new Array();
nameB[0]="Sep 09"; clipIdB[0]=291;
nameB[1]="Okt 09"; clipIdB[1]=296;
nameB[2]="Nov 09"; clipIdB[2]=301;
nameB[3]="Dec 09"; clipIdB[3]=306;

nameB[4]="Jan 10"; clipIdB[4]=311;
nameB[5]="Feb 10"; clipIdB[5]=316;
nameB[6]="Mar 10"; clipIdB[6]=321;
nameB[7]="Apr 10"; clipIdB[7]=326;
nameB[8]="Maj 10"; clipIdB[8]=331;
nameB[9]="Jun 10"; clipIdB[9]=336;

var nameC=new Array();
var clipIdC=new Array();
nameC[0]="Sep 10"; clipIdC[0]=400;
nameC[1]="Okt 10"; clipIdC[1]=404;
nameC[2]="Nov 10"; clipIdC[2]=410;
nameC[3]="Dec 10"; clipIdC[3]=412;

nameC[4]="Jan 11"; clipIdC[4]=416;
nameC[5]="Feb 11"; clipIdC[5]=420;
nameC[6]="Mar 11"; clipIdC[6]=424;
nameC[7]="Apr 11"; clipIdC[7]=428;
nameC[8]="Maj 11"; clipIdC[8]=432;
nameC[9]="Jun 11"; clipIdC[9]=436;

var nameD=new Array();
var clipIdD=new Array();
nameD[0]="Sep 11"; clipIdD[0]=442;
nameD[1]="Okt 11"; clipIdD[1]=446;
nameD[2]="Nov 11"; clipIdD[2]=450;
nameD[3]="Dec 11"; clipIdD[3]=454;

nameD[4]="Jan 12"; clipIdD[4]=458;
nameD[5]="Feb 12"; clipIdD[5]=462;
nameD[6]="Mar 12"; clipIdD[6]=466;
nameD[7]="Apr 12"; clipIdD[7]=470;
nameD[8]="Maj 12"; clipIdD[8]=474;
nameD[9]="Jun 12"; clipIdD[9]=478;

function gotoPage() {
var showClip="";
for (var i = 0; i < nameA.length; i++) {
if(show==nameA[i]){
showClip=clipIdA[i];
}
}
for (var i = 0; i < nameB.length; i++) {
if(show==nameB[i]){
showClip=clipIdB[i];
}
}
for (var i = 0; i < nameC.length; i++)...