|
|
Line 1: |
Line 1: |
− | | + | <!DOCTYPE html> |
| <html xmlns="http://www.w3.org/1999/xhtml"> | | <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> | | <head> |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| <title>MWCal</title> | | <title>MWCal</title> |
− | <!-- Fix Overwrite the original iGEM style=================================================== -->
| |
− |
| |
| <style> | | <style> |
− |
| |
− |
| |
| #sideMenu, #top_title {display:none;} | | #sideMenu, #top_title {display:none;} |
| #content { | | #content { |
Line 16: |
Line 12: |
| background-color:#ffffff; | | background-color:#ffffff; |
| } | | } |
− |
| |
− |
| |
− | #barchart1
| |
− | {
| |
− | height:400px;
| |
− | width::500px;
| |
− | }
| |
− |
| |
− | .MSTYLE_inputbox{font-size: 23px; font:"Times New Roman", Times, serif; width:inherit}
| |
− | .MSTYLE_inputboxdesc{font-size: 23px; font:"Times New Roman", Times, serif; width:inherit}
| |
− | .STYLE14 {color: #5e5656}
| |
− | .STYLE15 {font-size: xx-large}
| |
| </style> | | </style> |
| | | |
− |
| |
− | <script language="javascript" type="text/javascript">
| |
− | function init() //确保执行一次
| |
− | {
| |
− | document.getElementById("barchart1").innerHTML="Loading...";
| |
− | PSET=new Pset(1,1,1,1,1);
| |
− | NSET=new Nset(1,1);
| |
− | CCa=0;
| |
− | CCb=0;
| |
− | MA=25;
| |
− | MB=55;
| |
− | Bars=new Array();
| |
− | lBars=new Array();
| |
− | MLimit=300;
| |
− | dataready=0;
| |
− | uselog=0;
| |
− | UpdateData();
| |
− | GenerateChart();
| |
− | }
| |
− |
| |
− | var f = [1, 2, 6, 24, 120, 720, 5040, 40320, 362880, 3628800, 39916800, 479001600, 6227020800, 87178291200, 1307674368000, 20922789888000, 355687428096000, 6402373705728000, 121645100408832000, 2432902008176640000, 51090942171709440000, 1124000727777607680000, 25852016738884976640000, 620448401733239439360000, 15511210043330985984000000, 403291461126605635584000000, 10888869450418352160768000000, 304888344611713860501504000000, 8841761993739701954543616000000, 265252859812191058636308480000000, 8222838654177922817725562880000000, 263130836933693530167218012160000000, 8683317618811886495518194401280000000, 295232799039604140847618609643520000000, 10333147966386144929666651337523200000000, 371993326789901217467999448150835200000000, 13763753091226345046315979581580902400000000, 523022617466601111760007224100074291200000000, 20397882081197443358640281739902897356800000000, 815915283247897734345611269596115894272000000000, 33452526613163807108170062053440751665152000000000, 1405006117752879898543142606244511569936384000000000, 60415263063373835637355132068513997507264512000000000, 2658271574788448768043625811014615890319638528000000000, 119622220865480194561963161495657715064383733760000000000, 5502622159812088949850305428800254892961651752960000000000, 258623241511168180642964355153611979969197632389120000000000, 12413915592536072670862289047373375038521486354677760000000000, 608281864034267560872252163321295376887552831379210240000000000, 30414093201713378043612608166064768844377641568960512000000000000, 1551118753287382280224243016469303211063259720016986112000000000000, 80658175170943878571660636856403766975289505440883277824000000000000, 4274883284060025564298013753389399649690343788366813724672000000000000, 230843697339241380472092742683027581083278564571807941132288000000000000, 12696403353658275925965100847566516959580321051449436762275840000000000000, 710998587804863451854045647463724949736497978881168458687447040000000000000, 40526919504877216755680601905432322134980384796226602145184481280000000000000, 2350561331282878571829474910515074683828862318181142924420699914240000000000000, 138683118545689835737939019720389406345902876772687432540821294940160000000000000, 8320987112741390144276341183223364380754172606361245952449277696409600000000000000, 507580213877224798800856812176625227226004528988036003099405939480985600000000000000, 31469973260387937525653122354950764088012280797258232192163168247821107200000000000000, 1982608315404440064116146708361898137544773690227268628106279599612729753600000000000000, 126886932185884164103433389335161480802865516174545192198801894375214704230400000000000000, 8247650592082470666723170306785496252186258551345437492922123134388955774976000000000000000, 544344939077443064003729240247842752644293064388798874532860126869671081148416000000000000000, 36471110918188685288249859096605464427167635314049524593701628500267962436943872000000000000000, 2480035542436830599600990418569171581047399201355367672371710738018221445712183296000000000000000, 171122452428141311372468338881272839092270544893520369393648040923257279754140647424000000000000000, 11978571669969891796072783721689098736458938142546425857555362864628009582789845319680000000000000000, 850478588567862317521167644239926010288584608120796235886430763388588680378079017697280000000000000000, 61234458376886086861524070385274672740778091784697328983823014963978384987221689274204160000000000000000, 4470115461512684340891257138125051110076800700282905015819080092370422104067183317016903680000000000000000, 330788544151938641225953028221253782145683251820934971170611926835411235700971565459250872320000000000000000, 24809140811395398091946477116594033660926243886570122837795894512655842677572867409443815424000000000000000000, 1885494701666050254987932260861146558230394535379329335672487982961844043495537923117729972224000000000000000000, 145183092028285869634070784086308284983740379224208358846781574688061991349156420080065207861248000000000000000000, 11324281178206297831457521158732046228731749579488251990048962825668835325234200766245086213177344000000000000000000, 894618213078297528685144171539831652069808216779571907213868063227837990693501860533361810841010176000000000000000000, 71569457046263802294811533723186532165584657342365752577109445058227039255480148842668944867280814080000000000000000000, 5797126020747367985879734231578109105412357244731625958745865049716390179693892056256184534249745940480000000000000000000, 475364333701284174842138206989404946643813294067993328617160934076743994734899148613007131808479167119360000000000000000000, 39455239697206586511897471180120610571436503407643446275224357528369751562996629334879591940103770870906880000000000000000000, 3314240134565353266999387579130131288000666286242049487118846032383059131291716864129885722968716753156177920000000000000000000, 281710411438055027694947944226061159480056634330574206405101912752560026159795933451040286452340924018275123200000000000000000000, 24227095383672732381765523203441259715284870552429381750838764496720162249742450276789464634901319465571660595200000000000000000000, 2107757298379527717213600518699389595229783738061356212322972511214654115727593174080683423236414793504734471782400000000000000000000, 185482642257398439114796845645546284380220968949399346684421580986889562184028199319100141244804501828416633516851200000000000000000000, 16507955160908461081216919262453619309839666236496541854913520707833171034378509739399912570787600662729080382999756800000000000000000000, 1485715964481761497309522733620825737885569961284688766942216863704985393094065876545992131370884059645617234469978112000000000000000000000, 135200152767840296255166568759495142147586866476906677791741734597153670771559994765685283954750449427751168336768008192000000000000000000000, 12438414054641307255475324325873553077577991715875414356840239582938137710983519518443046123837041347353107486982656753664000000000000000000000, 1156772507081641574759205162306240436214753229576413535186142281213246807121467315215203289516844845303838996289387078090752000000000000000000000, 108736615665674308027365285256786601004186803580182872307497374434045199869417927630229109214583415458560865651202385340530688000000000000000000000, 10329978488239059262599702099394727095397746340117372869212250571234293987594703124871765375385424468563282236864226607350415360000000000000000000000, 991677934870949689209571401541893801158183648651267795444376054838492222809091499987689476037000748982075094738965754305639874560000000000000000000000, 96192759682482119853328425949563698712343813919172976158104477319333745612481875498805879175589072651261284189679678167647067832320000000000000000000000, 9426890448883247745626185743057242473809693764078951663494238777294707070023223798882976159207729119823605850588608460429412647567360000000000000000000000, 933262154439441526816992388562667004907159682643816214685929638952175999932299156089414639761565182862536979208272237582511852109168640000000000000000000000, 93326215443944152681699238856266700490715968264381621468592963895217599993229915608941463976156518286253697920827223758251185210916864000000000000000000000000
| |
− | ];
| |
− | function factorial (n) {
| |
− | if (n == 0 || n == 1)
| |
− | return 1;
| |
− | if (f[n] > 0)
| |
− | return f[n];
| |
− | else
| |
− | return f[n] = factorial(n-1) * n;
| |
− | }
| |
− |
| |
− | function num2e(num,fix){
| |
− | if (num==0) return 0;
| |
− | var p = Math.floor(Math.log(num)/Math.LN10);
| |
− | var n = num * Math.pow(10, -p);
| |
− | if ((p>-2)&(p<3)) return num.toFixed(fix); return n.toFixed(fix) + 'e' + p;
| |
− | }
| |
− |
| |
− | function Num(Ca,Cb,Ps,Ns) // how much mol/L of Ca,Cb
| |
− | {
| |
− | //only a function
| |
− | var Pa=Ps.Pf*0.5*(Ns.Na*Ps.fa+Ns.Nb*Ps.fb)/(Ns.Na*Ps.fa);
| |
− | var Pb=Ps.Pf*0.5*(Ns.Na*Ps.fa+Ns.Nb*Ps.fb)/(Ns.Nb*Ps.fb);
| |
− | var Pa1=Pa*Ps.Pa_;var Pb1=Pb*Ps.Pb_;
| |
− | if (Pa1>1) Pa1=1;
| |
− | if (Pb1>1) Pb1=1;
| |
− | var fa=Ps.fa, fb=Ps.fb;
| |
− |
| |
− | var Res=Ps.Pf*0.5*(Ns.Na*fa+Ns.Nb*fb)*Math.pow(Pa1,Cb-1)*Math.pow(Pb1,Ca-1)*Math.pow(1-Pa1,Ca*(fa-1)-Cb+1)*Math.pow(1-Pb1,Cb*(fb-1)-Ca+1)
| |
− | *factorial(Ca*fa-Ca)*factorial(Cb*fb-Cb)/factorial(Ca*fa-Ca-Cb+1)/factorial(Cb*fb-Ca-Cb+1)/factorial(Ca)/factorial(Cb);
| |
− |
| |
− | return Res;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | function test()
| |
− | {
| |
− | document.getElementById("OU_Pc").innerHTML=factorial(30);
| |
− | }
| |
− |
| |
− | function Pset(pf,pb_,pa_,fa,fb)
| |
− | {
| |
− | this.Pf=pf;
| |
− | this.Pa_=pa_;//Pa*pa_ = Pa'
| |
− | this.Pb_=pb_;
| |
− | this.fa=fa;
| |
− | this.fb=fb;
| |
− | return this;
| |
− | }
| |
− |
| |
− | function Nset(Na,Nb)
| |
− | {
| |
− | this.Na=Na;
| |
− | this.Nb=Nb;
| |
− | return this;
| |
− | }
| |
− |
| |
− | function r1()
| |
− | {
| |
− |
| |
− | }
| |
− |
| |
− | function UpdateData()
| |
− | {
| |
− |
| |
− |
| |
− | MA=parseFloat(document.getElementById("IN_MA").value);
| |
− | if (MA<0) MA=0;
| |
− | document.getElementById("IN_MA").value=MA.toFixed(2);
| |
− |
| |
− | MB=parseFloat(document.getElementById("IN_MB").value);
| |
− | if (MB<0) MB=0;
| |
− | document.getElementById("IN_MB").value=MB.toFixed(2);
| |
− |
| |
− | var mbig=MA;
| |
− | if (MB>MA) mbig=MB;
| |
− | MLimit=parseFloat(document.getElementById("IN_MLimit").value)
| |
− | if (MLimit<mbig) MLimit=mbig;
| |
− | if (MLimit>mbig*50) MLimit=mbig*50;
| |
− | document.getElementById("IN_MLimit").value=MLimit.toFixed(2);
| |
− |
| |
− | PSET.fa=parseInt(document.getElementById("IN_fa").value);
| |
− | PSET.fb=parseInt(document.getElementById("IN_fb").value);
| |
− | if (PSET.fa<1) PSET.fa=1;
| |
− | if (PSET.fb<1) PSET.fb=1;
| |
− | if (PSET.fa>10) PSET.fa=10;
| |
− | if (PSET.fb>10) PSET.fb=10;
| |
− | document.getElementById("IN_fb").value=PSET.fb;
| |
− | document.getElementById("IN_fa").value=PSET.fa;
| |
− |
| |
− | PSET.Pa_=parseFloat(document.getElementById("IN_Pa_").value);
| |
− | if (PSET.Pa_<0) PSET.Pa_=0;
| |
− | document.getElementById("IN_Pa_").value=num2e(PSET.Pa_,3);
| |
− |
| |
− | PSET.Pb_=parseFloat(document.getElementById("IN_Pb_").value);
| |
− | if (PSET.Pb_<0) PSET.Pb_=0;
| |
− | document.getElementById("IN_Pb_").value=num2e(PSET.Pb_,3);
| |
− |
| |
− | NSET.Na=parseFloat(document.getElementById("IN_Na").value);
| |
− | if (NSET.Na<0) NSET.Na=0;
| |
− | document.getElementById("IN_Na").value=num2e(NSET.Na,3);
| |
− |
| |
− | NSET.Nb=parseFloat(document.getElementById("IN_Nb").value);
| |
− | if (NSET.Nb<0) NSET.Nb=0;
| |
− | document.getElementById("IN_Nb").value=num2e(NSET.Nb,3);
| |
− |
| |
− | Kd=parseFloat(document.getElementById("IN_Kd").value);
| |
− | if (Kd<0) Kd=0;
| |
− | document.getElementById("IN_Kd").value=num2e(Kd,2);
| |
− |
| |
− |
| |
− | /*
| |
− | PSET.Pf=parseFloat(document.getElementById("IN_Pf").value);
| |
− | if (PSET.Pf<0) PSET.Pf=0;
| |
− | if (PSET.Pf>1) PSET.Pf=1;
| |
− | */
| |
− |
| |
− | //you need to get Pc now
| |
− | Pc=2*Math.sqrt(NSET.Na*NSET.Nb*PSET.fa*PSET.fb/(PSET.fa-1)/(PSET.fb-1))/(NSET.Na*PSET.fa+NSET.Nb*PSET.fb);
| |
− | if (Pc!=NaN)
| |
− | {
| |
− | document.getElementById("OU_Pc").innerHTML="Pc = "+Pc.toFixed(3)+" ;";
| |
− | }
| |
− | else
| |
− | {
| |
− | document.getElementById("OU_Pc").innerHTML=" Pc = - ;";
| |
− | }
| |
− | // Then Pf as a out
| |
− | var alfun=NSET.Na*PSET.fa+NSET.Nb*PSET.fb;
| |
− | PSET.Pf=1+Kd/(alfun)-Math.sqrt((Kd+alfun)*(Kd+alfun)-4*NSET.Na*NSET.Nb*PSET.fa*PSET.fb)/alfun;
| |
− | if (PSET.Pf>1) PSET.Pf=1;
| |
− | document.getElementById("IN_Pf").value=num2e(PSET.Pf,3);
| |
− |
| |
− | document.getElementById("OU_Pfc").innerHTML="Pf/Pc = "+(PSET.Pf/Pc).toFixed(3)+" ;";
| |
− | if (PSET.Pf>=Pc)
| |
− | document.getElementById("OU_Pfc").style.color='#5C9085';
| |
− | else
| |
− | document.getElementById("OU_Pfc").style.color='#000000';
| |
− |
| |
− | }
| |
− |
| |
− | function UpdateData2()
| |
− | {
| |
− | PSET.Pf=parseFloat(document.getElementById("IN_Pf").value);
| |
− | if (PSET.Pf<0) PSET.Pf=0;
| |
− | if (PSET.Pf>1) PSET.Pf=1;
| |
− | document.getElementById("IN_Pf").value=num2e(PSET.Pf,3);
| |
− |
| |
− | var x=PSET.Pf*(NSET.Na*PSET.fa+NSET.Nb*PSET.fb)/2;
| |
− | Kd=(NSET.Na*PSET.fa-x)*(NSET.Nb*PSET.fb-x)/x;
| |
− | document.getElementById("IN_Kd").value=num2e(Kd,2);
| |
− |
| |
− |
| |
− | //you need to get Pc now
| |
− | Pc=2*Math.sqrt(NSET.Na*NSET.Nb*PSET.fa*PSET.fb/(PSET.fa-1)/(PSET.fb-1))/(NSET.Na*PSET.fa+NSET.Nb*PSET.fb);
| |
− | if (Pc!=NaN)
| |
− | {
| |
− | document.getElementById("OU_Pc").innerHTML="Pc = "+Pc.toFixed(3)+" ;";
| |
− | }
| |
− | else
| |
− | {
| |
− | document.getElementById("OU_Pc").innerHTML=" Pc = - ;";
| |
− | }
| |
− | // Then Pf as a out
| |
− | var alfun=NSET.Na*PSET.fa+NSET.Nb*PSET.fb;
| |
− | PSET.Pf=1+Kd/(alfun)-Math.sqrt((Kd+alfun)*(Kd+alfun)-4*NSET.Na*NSET.Nb*PSET.fa*PSET.fb)/alfun;
| |
− | if (PSET.Pf>1) PSET.Pf=1;
| |
− | document.getElementById("IN_Pf").value=num2e(PSET.Pf,3);
| |
− |
| |
− | document.getElementById("OU_Pfc").innerHTML="Pf/Pc = "+(PSET.Pf/Pc).toFixed(3)+" ;";
| |
− | if (PSET.Pf>=Pc)
| |
− | document.getElementById("OU_Pfc").style.color='#5C9085';
| |
− | else
| |
− | document.getElementById("OU_Pfc").style.color='#000000';
| |
− | }
| |
− |
| |
− | function Cal()
| |
− | {
| |
− | //checkfirst
| |
− | if (!isFinite(PSET.fa*PSET.fb*PSET.Pa_*PSET.Pb_*PSET.Pf*NSET.Na*NSET.Nb*CCa*CCb*MA*MB)) return;
| |
− |
| |
− |
| |
− | Bars=null;
| |
− | Bars=new Array();
| |
− | lBars=null;
| |
− | lBars=new Array();
| |
− | dataready=0;
| |
− | CCa=Math.floor((MLimit/MA)+1);
| |
− | CCb=Math.floor((MLimit/MB)+1);
| |
− |
| |
− | TotalMass=MA*NSET.Na+MB*NSET.Nb;
| |
− |
| |
− | var tag=0;
| |
− | for (var i=0;i<CCa;i++)
| |
− | {
| |
− | for (var j=0;j<CCb;j++)
| |
− | {
| |
− | if ((i+j)==0) {continue;}
| |
− | if (i-1>(j*PSET.fb-j)) {continue;}
| |
− | if (j-1>(i*PSET.fa-i)) {continue;}
| |
− | if (MA*i+MB*j>MLimit) {continue;}
| |
− | Bars[tag]=
| |
− | [
| |
− | MA*i+MB*j,
| |
− | (MA*i+MB*j)*Num(i,j,PSET,NSET)/TotalMass
| |
− | ];
| |
− | tag++;
| |
− | }
| |
− | }
| |
− | if (MA<MB)
| |
− | {
| |
− | var tp=Bars[1];
| |
− | Bars[1]=Bars[0];
| |
− | Bars[0]=tp;
| |
− | }
| |
− | tag--;
| |
− | A=(Bars[tag][0]-Bars[0][0])/(Math.log(Bars[tag][0])-Math.log(Bars[0][0]));
| |
− | B=Bars[tag][0]-A*Math.log(Bars[tag][0]);// newpos=Alog(old)+B
| |
− |
| |
− | tag++;
| |
− | for (var i=0;i<tag;i++)
| |
− | {
| |
− | lBars[i]=
| |
− | [
| |
− | A*Math.log(Bars[i][0])+B,
| |
− | Bars[i][1]
| |
− | ];
| |
− | }
| |
− |
| |
− | dataready=1;
| |
− | }
| |
− |
| |
− | function Draw2()
| |
− | {
| |
− | if (dataready==0) return;
| |
− | $('#barchart1').highcharts({
| |
− | chart: {
| |
− | type: 'column',
| |
− | zoomType: 'y'
| |
− | },
| |
− | credits:
| |
− | {
| |
− | enabled:false
| |
− | },
| |
− | title: {
| |
− | text: 'Theoretical Molecular Weight Distribution'
| |
− | },
| |
− |
| |
− | yAxis: {
| |
− | title:
| |
− | {
| |
− | text:"Weight Fraction"
| |
− | },
| |
− | labels:
| |
− | {
| |
− | formatter:function()
| |
− | {
| |
− | return (this.value*100).toFixed(1)+"%";
| |
− | }
| |
− | }
| |
− | },
| |
− | xAxis: {
| |
− | title:
| |
− | {
| |
− | text:"Molecular Weight(kDa)"
| |
− | },
| |
− | labels:
| |
− | {
| |
− | formatter:function()
| |
− | {
| |
− | return Math.exp((this.value-B)/A).toFixed(2);
| |
− | }
| |
− | }
| |
− | },
| |
− | legend: {
| |
− | enabled: 0
| |
− | },
| |
− | plotOptions:
| |
− | {
| |
− | series: {
| |
− | color: '#5C9085'
| |
− | }
| |
− | },
| |
− | tooltip:
| |
− | {
| |
− | shared: true,
| |
− | useHTML: true,
| |
− | formatter: function ()
| |
− | {
| |
− | return "W: "+(Math.exp((this.x-B)/A)).toFixed(2)+'<b></br>'+"D: "+this.y;
| |
− | }
| |
− | },
| |
− |
| |
− | series: [{
| |
− | data: lBars,
| |
− | pointPadding:0.3,
| |
− | animation:0,
| |
− | },]
| |
− | });
| |
− | }
| |
− |
| |
− | function Draw1()
| |
− | {
| |
− | if (dataready==0) return;
| |
− | $('#barchart1').highcharts({
| |
− | chart: {
| |
− | type: 'column',
| |
− | zoomType: 'y'
| |
− | },
| |
− | credits:
| |
− | {
| |
− | enabled:false
| |
− | },
| |
− | title: {
| |
− | text: 'Theoretical Molecular Weight Distribution'
| |
− | },
| |
− |
| |
− | yAxis: {
| |
− | title:
| |
− | {
| |
− | text:"Weight Fraction"
| |
− | },
| |
− | labels:
| |
− | {
| |
− | formatter:function()
| |
− | {
| |
− | return (this.value*100).toFixed(1)+"%";
| |
− | }
| |
− | }
| |
− | },
| |
− | xAxis: {
| |
− | title:
| |
− | {
| |
− | text:"Molecular Weight(kDa)"
| |
− | },
| |
− | labels:
| |
− | {
| |
− | formatter:function()
| |
− | {
| |
− | return this.value;
| |
− | }
| |
− | }
| |
− | },
| |
− | legend: {
| |
− | enabled: 0
| |
− | },
| |
− | plotOptions:
| |
− | {
| |
− | series: {
| |
− | color: '#72AEA1'
| |
− | }
| |
− | },
| |
− | tooltip:
| |
− | {
| |
− | shared: true,
| |
− | useHTML: true,
| |
− | formatter: function ()
| |
− | {
| |
− | return "W: "+(this.x).toFixed(2)+'<b></br>'+"D: "+this.y;
| |
− | }
| |
− | },
| |
− |
| |
− | series: [{
| |
− | data: Bars,
| |
− | pointPadding:0.3,
| |
− | animation:0,
| |
− | },]
| |
− | });
| |
− | }
| |
− |
| |
− | function GenerateChart()
| |
− | {
| |
− | //var f=new Array([1,9],[3,4],[5,8]);
| |
− | if (!isFinite(PSET.fa*PSET.fb*PSET.Pa_*PSET.Pb_*PSET.Pf*NSET.Na*NSET.Nb*CCa*CCb*MA*MB)) {alert("Invalid Parameter!");return;}
| |
− | Cal();
| |
− | if (uselog==0)
| |
− | Draw1();
| |
− | else
| |
− | Draw2();
| |
− | }
| |
− |
| |
− | function ChangeLog(btn)
| |
− | {
| |
− | if (uselog==0)
| |
− | {
| |
− | uselog=1;
| |
− | btn.innerHTML="Linear Coordinate";
| |
− | if (dataready) Draw2();
| |
− | }
| |
− | else
| |
− | {
| |
− | uselog=0;
| |
− | btn.innerHTML="Logarithmic Coordinate";
| |
− | if (dataready) Draw1();
| |
− | }
| |
− | }
| |
− | </script>
| |
| </head> | | </head> |
| | | |
− | <body onload="init()" style=""> | + | <body onLoad="init()"> |
| <div align="center"> | | <div align="center"> |
− | <div id="barchart1">The browser has blocked javascript</div> | + | <div id="barchart1" style="height:400px">The browser has blocked javascript</div> |
| </div> | | </div> |
− | <p align="center" class="STYLE14">Drag to zoom in | + | <div align="center" >Drag to zoom in</div> |
− | <p align="center" class="MSTYLE_inputboxdesc"> | + | |
| | | |
− | <button onclick="GenerateChart()" class="MSTYLE_inputboxdesc">Generate Chart</button> | + | <div align="center"><button onClick="GenerateChart()" style="font-size:18px; font:'Times New Roman', Times, serif" >Generate Chart</button> |
| | | |
− | <button onclick="ChangeLog(this)" class="MSTYLE_inputboxdesc">Logarithmic Coordinate</button> | + | <button onClick="ChangeLog(this)" style="font-size:18px; font:'Times New Roman', Times, serif" >Logarithmic Coordinate</button> |
− | | + | </div> |
| <div align="center"> | | <div align="center"> |
− | <table width="692" border="1" bordercolor="#4d7d75"> | + | <table width="700" border="1" bordercolor="#4d7d75"> |
− | <caption class="MSTYLE_inputboxdesc"> | + | <caption > |
| Parameters | | Parameters |
| </caption> | | </caption> |
| <tr> | | <tr> |
− | <td width="210" align="center"><table width="200" border="0"> | + | <td width="200" align="center"><table width="200" border="0"> |
− | <caption class="MSTYLE_inputboxdesc"> | + | <caption > |
| Functional Group Numbers | | Functional Group Numbers |
| </caption> | | </caption> |
| <tr> | | <tr> |
− | <td width="100" nowrap="nowrap"><span class="MSTYLE_inputboxdesc">Fa</span><br> | + | <td style="width:auto" nowrap="nowrap"><span >Fa</span><br> |
− | <input name="fa" id="IN_fa" class="MSTYLE_inputbox" onchange="UpdateData()" value="3" width="100"/> | + | <input name="fa" id="IN_fa" onchange="UpdateData()" value="3" style="width:80px; font-size:80px; font:Arial, Helvetica, sans-serif"/> |
| | | |
| </td> | | </td> |
− | <td width="100" nowrap="nowrap"><span class="MSTYLE_inputboxdesc">Fb</span><br> | + | <td width="100" nowrap="nowrap"><span >Fb</span><br> |
− | <input name="fb" class="MSTYLE_inputbox" id="IN_fb" onchange="UpdateData()" value="3" width="100"/> | + | <input name="fb" id="IN_fb" onChange="UpdateData()" value="3" width="100"/> |
| </td> | | </td> |
| </tr> | | </tr> |
| </table></td> | | </table></td> |
− | <td width="230" align="center"><table width="230" border="0"> | + | <td width="200" align="center"><table width="230" border="0"> |
− | <caption class="MSTYLE_inputboxdesc"> | + | <caption > |
| Molar Concentration (mol/L) | | Molar Concentration (mol/L) |
| </caption> | | </caption> |
| <tr> | | <tr> |
− | <td width="100" nowrap="nowrap"><span class="MSTYLE_inputboxdesc">Na</span><br> | + | <td width="100" nowrap="nowrap"><span >Na</span><br> |
− | <input name="na" class="MSTYLE_inputbox" id="IN_Na" onchange="UpdateData()" value="0.554" width="100px"/> | + | <input name="na" id="IN_Na" onChange="UpdateData()" value="0.554" width="100px"/> |
| </td> | | </td> |
− | <td width="100" nowrap="nowrap"><span class="MSTYLE_inputboxdesc">Nb</span><br> | + | <td width="100" nowrap="nowrap"><span >Nb</span><br> |
− | <input name="nb" class="MSTYLE_inputbox" id="IN_Nb" onchange="UpdateData()" value="0.214" width="100px"/> | + | <input name="nb" id="IN_Nb" onChange="UpdateData()" value="0.214" width="100px"/> |
| </td> | | </td> |
| </tr> | | </tr> |
| </table></td> | | </table></td> |
− | <td width="330" align="center"><table width="219" border="0"> | + | <td width="300" align="center"><table width="219" border="0"> |
− | <caption class="MSTYLE_inputboxdesc"> | + | <caption > |
| Monomer Weight<br /> | | Monomer Weight<br /> |
| (kDa) | | (kDa) |
| </caption> | | </caption> |
| <tr> | | <tr> |
− | <td width="120" nowrap="nowrap"><span class="MSTYLE_inputboxdesc">MA</span><br> | + | <td width="120" nowrap="nowrap"><span >MA</span><br> |
− | <input name="MA" id="IN_MA" class="MSTYLE_inputbox" onchange="UpdateData()" value="21.4" width="100"/> | + | <input name="MA" id="IN_MA" onchange="UpdateData()" value="21.4" width="100"/> |
| | | |
| </td> | | </td> |
− | <td width="120"><span class="MSTYLE_inputboxdesc">MB</span><br> | + | <td width="120"><span >MB</span><br> |
− | <input name="MB" class="MSTYLE_inputbox" id="IN_MB" onchange="UpdateData()" value="55.4" width="100"/> | + | <input name="MB" id="IN_MB" onChange="UpdateData()" value="55.4" width="100"/> |
| | | |
| </td> | | </td> |
Line 515: |
Line 79: |
| <table width="780" border="1" bordercolor="#4d7d75"> | | <table width="780" border="1" bordercolor="#4d7d75"> |
| <tr> | | <tr> |
− | <td width="210"><div align="center" class="MSTYLE_inputboxdesc">Reaction Degree </div></td> | + | <td width="210"><div align="center" >Reaction Degree </div></td> |
− | <td width="231" nowrap="nowrap"><div align="center" class="MSTYLE_inputboxdesc">Correction Factors </div></td> | + | <td width="231" nowrap="nowrap"><div align="center" >Correction Factors </div></td> |
− | <td width="287"><div align="center" class="MSTYLE_inputboxdesc">Calculational Range</div></td> | + | <td width="287"><div align="center" >Calculational Range</div></td> |
| </tr> | | </tr> |
| <tr> | | <tr> |
| <td width="210"><table width="203" height="168" border="0"> | | <td width="210"><table width="203" height="168" border="0"> |
| <tr> | | <tr> |
− | <td width="200" height="62" nowrap="nowrap"><span class="MSTYLE_inputboxdesc">Kd(mol/L)</span><br> | + | <td width="200" height="62" nowrap="nowrap"><span >Kd(mol/L)</span><br> |
− | <input name="kd" class="MSTYLE_inputbox" id="IN_Kd" onchange="UpdateData()" value="2.56" width="100"/></td> | + | <input name="kd" id="IN_Kd" onChange="UpdateData()" value="2.56" width="100"/></td> |
| </tr> | | </tr> |
| <tr> | | <tr> |
− | <td width="200" height="36" nowrap="nowrap"><span class="MSTYLE_inputboxdesc">Pf </span><br> | + | <td width="200" height="36" nowrap="nowrap"><span >Pf </span><br> |
− | <input name="pf" class="MSTYLE_inputbox" id="IN_Pf" onchange="UpdateData2()" value="0.3" width="100"/></td> | + | <input name="pf" id="IN_Pf" onChange="UpdateData2()" value="0.3" width="100"/></td> |
| </tr> | | </tr> |
| <tr> | | <tr> |
− | <td width="200" height="30"><span id="OU_Pc" class="MSTYLE_inputboxdesc">Pc = ;</span><br> | + | <td width="200" height="30"><span id="OU_Pc" >Pc = ;</span><br> |
− | <span id="OU_Pfc" class="MSTYLE_inputboxdesc"><span class="MSTYLE_inputboxdesc">Pf/Pc = </span></span></td> | + | <span id="OU_Pfc" ><span >Pf/Pc = </span></span></td> |
| </tr> | | </tr> |
| </table></td> | | </table></td> |
| <td width="231"><table width="145" height="159" border="0"> | | <td width="231"><table width="145" height="159" border="0"> |
| <tr> | | <tr> |
− | <td width="150" nowrap="nowrap"><span class="MSTYLE_inputboxdesc">Pa_d</span> | + | <td width="150" nowrap="nowrap"><span >Pa_d</span> |
− | <input name="pad" class="MSTYLE_inputbox" id="IN_Pa_" onchange="UpdateData()" value="1.000" width="80"/></td> | + | <input name="pad" id="IN_Pa_" onChange="UpdateData()" value="1.000" width="80"/></td> |
| </tr> | | </tr> |
| <tr> | | <tr> |
− | <td width="150" nowrap="nowrap"><span class="MSTYLE_inputboxdesc">Pb_d</span> | + | <td width="150" nowrap="nowrap"><span >Pb_d</span> |
− | <input name="pbd" class="MSTYLE_inputbox" id="IN_Pb_" onchange="UpdateData()" value="1.000" width="80"/></td> | + | <input name="pbd" id="IN_Pb_" onChange="UpdateData()" value="1.000" width="80"/></td> |
| </tr> | | </tr> |
| | | |
| </table></td> | | </table></td> |
− | <td width="287" nowrap="nowrap"><span class="MSTYLE_inputboxdesc">Weight Constraint(KDa)</span><br> | + | <td width="287" nowrap="nowrap"><span >Weight Constraint(KDa)</span><br> |
| | | |
− | <input name="ML" class="MSTYLE_inputbox" id="IN_MLimit" onchange="UpdateData()" value="300" width="100"/> | + | <input name="ML" id="IN_MLimit" onChange="UpdateData()" value="300" width="100"/> |
| </td> | | </td> |
| </tr> | | </tr> |
Line 554: |
Line 118: |
| <p> </p> | | <p> </p> |
| </div> | | </div> |
| + | |
| <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery310min?action=raw&ctype=text/javascript"></script> | | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery310min?action=raw&ctype=text/javascript"></script> |
| <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/highcharts?action=raw&ctype=text/javascript"></script> | | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/highcharts?action=raw&ctype=text/javascript"></script> |
| <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/highchartssrc?action=raw&ctype=text/javascript"></script> | | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/highchartssrc?action=raw&ctype=text/javascript"></script> |
| <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/sop?action=raw&ctype=text/javascript"></script> | | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/sop?action=raw&ctype=text/javascript"></script> |
− |
| |
| </body> | | </body> |
| </html> | | </html> |