Javascript will not pull php variable? -
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>calc</title> <?php $isop = 1; $megp = 1; $mexp = 1; $morp = 1; $nocp = 1; $pyep = 1; $trip = 1; $zydp = 1; ?> <script type="text/javascript" src="calceve.js"></script> </head> <body> </body> var iso = "<?php = $isop; ?>"; var meg = "<?php = $megp; ?>"; var mex = "<?php = $mexp; ?>"; var mor = "<?php = $morp; ?>"; var noc = "<?php = $nocp; ?>"; var pye = "<?php = $pyep; ?>"; var tri = "<?php = $trip; ?>"; var zyd = "<?php = $zydp; ?>"; the javascript wont grab php variables. im trying make can use javascript edit php variable everyonce in while eve online prices change, , have javascript pull php variables use in calculator.
full code
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>str8nge brew calculator</title> <?php $isop = 1; $megp = 1; $mexp = 1; $morp = 1; $nocp = 1; $pyep = 1; $trip = 1; $zydp = 1; ?> <script type="text/javascript" src="calceve.js"></script> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="12%"><p>isogen</p></td> <td width="24%"><input type="text" id="uiso" /></td> <td width="14%" id="isoq"></td> <td width="50%" id="isocash"></td> </tr> <tr> <td><p>megacyte</p></td> <td><input type="text" id="umeg" /></td> <td id="megq"></td> <td id="megcash"></td> </tr> <tr> <td><p>mexallon</p></td> <td><input type="text" id="umex" /></td> <td id="mexq"></td> <td id="mexcash"></td> </tr> <tr> <td><p>morphite</p></td> <td><input type="text" id="umor" /></td> <td id="morq"></td> <td id="morcash"></td> </tr> <tr> <td><p>nocxium</p></td> <td><input type="text" id="unoc" /></td> <td id="nocq"></td> <td id="noccash"></td> </tr> <tr> <td><p>pyerite</p></td> <td><input type="text" id="upye" /></td> <td id="pyeq"></td> <td id="pyecash"></td> </tr> <tr> <td><p>tritanium</p></td> <td><input type="text" id="utri" /></td> <td id="triq"></td> <td id="tricash"></td> </tr> <tr> <td><p>zydrine</p></td> <td><input type="text" id="uzyd" /></td> <td id="zydq"></td> <td id="zydcash"></td> </tr> <tr> <td>--------------</td> <td>--------------</td> <td>--------------</td> <td></td> </tr> <tr> <td width="12%"><p>veldspar</p></td> <td width="24%"><input type="text" id="uvel" /><input type="text" id="uvel5" placeholder="concentrated" /><input type="text" id="uvel10" placeholder="dense" /></td> <td width="14%"><p id="velq"></p><p id="velq5"></p><p id="velq10"></p></td> <td id="velcash"></td> </tr> <tr> <td><p>scordite</p></td> <td><input type="text" id="usco" /><input type="text" id="usco5" placeholder="condensed" /><input type="text" id="usco10" placeholder="massive" /></td> <td><p id="scoq"></p><p id="scoq5"></p><p id="scoq10"></p></td> <td id="scocash"></td> </tr> <tr> <td><p>pyroxeres</p></td> <td><input type="text" id="upyr" /><input type="text" id="upyr5" placeholder="solid" /><input type="text" id="upyr10" placeholder="viscous" /></td> <td><p id="pyrq"></p><p id="pyrq5"></p><p id="pyrq10"></p></td> <td id="pyrcash"></td> </tr> <tr> <td><p>plaglioclase</p></td> <td><input type="text" id="upla" /><input type="text" id="upla5" placeholder="azure" /><input type="text" id="upla10" placeholder="rich" /></td> <td><p id="plaq"></p><p id="plaq5"></p><p id="plaq10"></p></td> <td id="placash"></td> </tr> <tr> <td><p>omber</p></td> <td><input type="text" id="uomb" /><input type="text" id="uomb5" placeholder="silvery" /><input type="text" id="uomb10" placeholder="golden" /></td> <td><p id="ombq"></p><p id="ombq5"></p><p id="ombq10"></p></td> <td id="ombcash"></td> </tr> <tr> <td><p>kernite</p></td> <td><input type="text" id="uker" /><input type="text" id="uker5" placeholder="luminous" /><input type="text" id="uker10" placeholder="fiery" /></td> <td><p id="kerq"></p><p id="kerq5"></p><p id="kerq10"></p></td> <td id="kercash"></td> </tr> <tr> <td><p>jaspet</p></td> <td><input type="text" id="ujas" /><input type="text" id="ujas5" placeholder="pure" /><input type="text" id="ujas10" placeholder="pristine" /></td> <td><p id="jasq"></p><p id="jasq5"></p><p id="jasq10"></p></td> <td id="jascash"></td> </tr> <tr> <td><p>hemorphite</p></td> <td><input type="text" id="uhem" /><input type="text" id="uhem5" placeholder="vivid" /><input type="text" id="uhem10" placeholder="radient" /></td> <td><p id="hemq"></p><p id="hemq5"></p><p id="hemq10"></p></td> <td id="hemcash"></td> </tr> <tr> <td><p>hedbergite</p></td> <td><input type="text" id="uhed" /><input type="text" id="uhed5" placeholder="vitric" /><input type="text" id="uhed10" placeholder="glazed" /></td> <td><p id="hedq"></p><p id="hedq5"></p><p id="hedq10"></p></td> <td id="hedcash"></td> </tr> <tr> <td><p>gneiss</p></td> <td><input type="text" id="ugne" /><input type="text" id="ugne5" placeholder="iridescent" /><input type="text" id="ugne10" placeholder="prismatic" /></td> <td><p id="gneq"></p><p id="gneq5"></p><p id="gneq10"></p></td> <td id="gnecash"></td> </tr> <tr> <td><p>dark orchre</p></td> <td><input type="text" id="udar" /><input type="text" id="udar5" placeholder="onyx" /><input type="text" id="udar10" placeholder="obsidian" /></td> <td><p id="darq"></p><p id="darq5"></p><p id="darq10"></p></td> <td id="darcash"></td> </tr> <tr> <td><p>crokite</p></td> <td><input type="text" id="ucro" /><input type="text" id="ucro5" placeholder="sharp" /><input type="text" id="ucro10" placeholder="crystalline" /></td> <td><p id="croq"></p><p id="croq5"></p><p id="croq10"></p></td> <td id="crocash"></td> </tr> <tr> <td><p>spodumain</p></td> <td><input type="text" id="uspo" /><input type="text" id="uspo5" placeholder="bright" /><input type="text" id="uspo10" placeholder="gleaming" /></td> <td><p id="spoq"></p><p id="spoq5"></p><p id="spoq10"></p></td> <td id="spocash"></td> </tr> <tr> <td><p>bistot</p></td> <td><input type="text" id="ubis" /><input type="text" id="ubis5" placeholder="triclinic" /><input type="text" id="ubis10" placeholder="monoclinic" /></td> <td><p id="bisq"></p><p id="bisq5"></p><p id="bisq10"></p></td> <td id="biscash"></td> </tr> <tr> <td><p>arkanor</p></td> <td><input type="text" id="uark" /><input type="text" id="uark5" placeholder="crimson" /><input type="text" id="uark10" placeholder="prime" /></td> <td><p id="arkq"></p><p id="arkq5"></p><p id="arkq10"></p></td> <td id="arkcash"></td> </tr> <tr> <td><p>mercoxit</p></td> <td><input type="text" id="umer" /><input type="text" id="umer5" placeholder="magma" /><input type="text" id="umer10" placeholder="vitreous" /></td> <td><p id="merq"></p><p id="merq5"></p><p id="merq10"></p></td> <td id="mercash"></td> </tr> <tr> <td id="sub"></td> <td></td> <td><p>total</p></td> <td id="totalcash"></td> </tr> </table> <table> <tr> <td></td> </tr> <tr> <td id="sub3"></td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0" style="display:none;" id="admin"> <tr> <td width="12%"><p>isogen</p></td> <td width="24%"><input type="text" id="uisoa" /></td> <td width="14%" id="isoqc">116.99</td> <td width="50%" id="isocash"></td> </tr> <tr> <td><p>megacyte</p></td> <td><input type="text" id="umega" /></td> <td id="megqc">2029.87</td> <td id="megcash"></td> </tr> <tr> <td><p>mexallon</p></td> <td><input type="text" id="umexa" /></td> <td id="mexqc">33.56</td> <td id="mexcash"></td> </tr> <tr> <td><p>morphite</p></td> <td><input type="text" id="umora" /></td> <td id="morqc">6895.29</td> <td id="morcash"></td> </tr> <tr> <td><p>nocxium</p></td> <td><input type="text" id="unoca" /></td> <td id="nocqc">684.26</td> <td id="noccash"></td> </tr> <tr> <td><p>pyerite</p></td> <td><input type="text" id="upyea" /></td> <td id="pyeqc">11.24</td> <td id="pyecash"></td> </tr> <tr> <td><p>tritanium</p></td> <td><input type="text" id="utria" /></td> <td id="triqc">5.16</td> <td id="tricash"></td> </tr> <tr> <td><p>zydrine</p></td> <td><input type="text" id="uzyda" /></td> <td id="zydqc">738.98</td> <td id="zydcash"></td> </tr> <tr> <td id="sub2"></td> <td></td> <td></td> <td></td> </tr> </table> </body> </html> var iso = "<?php = $isop; ?>"; var meg = "<?php = $megp; ?>"; var mex = "<?php = $mexp; ?>"; var mor = "<?php = $morp; ?>"; var noc = "<?php = $nocp; ?>"; var pye = "<?php = $pyep; ?>"; var tri = "<?php = $trip; ?>"; var zyd = "<?php = $zydp; ?>"; alert(2); var vel = (1000 * tri) / 333 var sco = ((833 * tri) + (416 * pye)) / 333 var pyr = ((844 * tri) + (59 * pye) + (120 * mex) + (11 * noc)) / 333 var pla = ((256 * tri) + (512 * pye) + (256 * mex)) /333 var omb = ((307 * tri) + (123 * pye) + (307 * iso)) / 500 var ker = ((386 * tri) + (773 * mex) + (386 * iso)) / 400 var jas = ((259 * tri) + (259 * pye) + (518 * mex) + (259 * noc) + (8 * zyd)) / 500 var hem = ((212 * tri) + (212 * iso) + (424 * noc) + (28 * zyd)) / 500 var hed = ((708 * iso) + (354 * noc) + (32 * zyd)) / 500 var gne = ((171 * tri) + (171 * mex) + (343 * iso) + (171 * zyd)) / 400 var dar = ((250 * tri) + (500 * noc) + (250 * zyd)) / 400 var cro = ((331 * tri) + (331 * noc) + (663 * zyd)) / 250 var spo = ((700 * tri) + (140 * pye) + (140 * meg)) / 250 var bis = ((170 * pye) + (341 * zyd) + (170 * meg)) / 200 var ark = ((300 * tri) + (166 * zyd) + (333 * meg)) /200 var mer = (530 * mor) / 250 function createbutton(context, func){ var button = document.createelement("input"); button.type = "button"; button.value = "submit"; button.onclick = onclick; context.appendchild(button); } function createbutton3(context, func){ var button = document.createelement("input"); button.type = "button"; button.value = "submit"; button.onclick = onclick3; context.appendchild(button); } function createbutton2(context, func){ var button = document.createelement("input"); button.type = "button"; button.value = "change"; button.onclick = onclick2; context.appendchild(button); } window.onload = function(){ alert(3); document.getelementbyid('isoq').innerhtml = iso; document.getelementbyid('megq').innerhtml = meg; document.getelementbyid('mexq').innerhtml = mex; document.getelementbyid('morq').innerhtml = mor; document.getelementbyid('nocq').innerhtml = noc; document.getelementbyid('pyeq').innerhtml = pye; document.getelementbyid('triq').innerhtml = tri; document.getelementbyid('zydq').innerhtml = zyd; alert(4); document.getelementbyid('velq').innerhtml = vel; document.getelementbyid('scoq').innerhtml = sco; document.getelementbyid('pyrq').innerhtml = pyr; document.getelementbyid('plaq').innerhtml = pla; document.getelementbyid('ombq').innerhtml = omb; document.getelementbyid('kerq').innerhtml = ker; document.getelementbyid('jasq').innerhtml = jas; document.getelementbyid('hemq').innerhtml = hem; document.getelementbyid('hedq').innerhtml = hed; document.getelementbyid('gneq').innerhtml = gne; document.getelementbyid('darq').innerhtml = dar; document.getelementbyid('croq').innerhtml = cro; document.getelementbyid('spoq').innerhtml = spo; document.getelementbyid('bisq').innerhtml = bis; document.getelementbyid('arkq').innerhtml = ark; document.getelementbyid('merq').innerhtml = mer; alert(5); createbutton(document.getelementbyid('sub'), function(){ highlight(this.parentnode.childnodes[1]); // example of different context, copied function etc // createbutton(this.parentnode, this.onclick); }); createbutton3(document.getelementbyid('sub2'), function(){ highlight(this.parentnode.childnodes[1]); // example of different context, copied function etc // createbutton(this.parentnode, this.onclick); }); createbutton2(document.getelementbyid('sub3'), function(){ highlight(this.parentnode.childnodes[1]); // example of different context, copied function etc // createbutton(this.parentnode, this.onclick); }); alert(5.1); } alert(6); function onclick(){ var aiso = document.getelementbyid('uiso').value; var ameg = document.getelementbyid('umeg').value; var amex = document.getelementbyid('umex').value; var amor = document.getelementbyid('umor').value; var anoc = document.getelementbyid('unoc').value; var apye = document.getelementbyid('upye').value; var atri = document.getelementbyid('utri').value; var azyd = document.getelementbyid('uzyd').value; alert(7); var avel = document.getelementbyid('uvel').value; var avel5 = (document.getelementbyid('uvel5').value * 1.05); var avel10 = (document.getelementbyid('uvel10').value * 1.1); var asco = document.getelementbyid('usco').value; var asco5 = (document.getelementbyid('usco5').value * 1.05); var asco10 = (document.getelementbyid('usco10').value * 1.1); var apyr = document.getelementbyid('upyr').value; var apyr5 = (document.getelementbyid('upyr5').value * 1.05); var apyr10 = (document.getelementbyid('upyr10').value * 1.1); var apla = document.getelementbyid('upla').value; var apla5 = (document.getelementbyid('upla5').value * 1.05); var apla10 = (document.getelementbyid('upla10').value * 1.1); var aomb = document.getelementbyid('uomb').value; var aomb5 = (document.getelementbyid('uomb5').value * 1.05); var aomb10 = (document.getelementbyid('uomb10').value * 1.1); var aker = document.getelementbyid('uker').value; var aker5 = (document.getelementbyid('uker5').value * 1.05); var aker10 = (document.getelementbyid('uker10').value * 1.1); var ajas = document.getelementbyid('ujas').value; var ajas5 = (document.getelementbyid('ujas5').value * 1.05); var ajas10 = (document.getelementbyid('ujas10').value * 1.1); var ahem = document.getelementbyid('uhem').value; var ahem5 = (document.getelementbyid('uhem5').value * 1.05); var ahem10 = (document.getelementbyid('uhem10').value * 1.1); var ahed = document.getelementbyid('uhed').value; var ahed5 = (document.getelementbyid('uhed5').value * 1.05); var ahed10 = (document.getelementbyid('uhed10').value * 1.1); var agne = document.getelementbyid('ugne').value; var agne5 = (document.getelementbyid('ugne5').value * 1.05); var agne10 = (document.getelementbyid('ugne10').value * 1.1); var adar = document.getelementbyid('udar').value; var adar5 = (document.getelementbyid('udar5').value * 1.05); var adar10 = (document.getelementbyid('udar10').value * 1.1); var acro = document.getelementbyid('ucro').value; var acro5 = (document.getelementbyid('ucro5').value * 1.05); var acro10 = (document.getelementbyid('ucro10').value * 1.1); var aspo = document.getelementbyid('uspo').value; var aspo5 = (document.getelementbyid('uspo5').value * 1.05); var aspo10 = (document.getelementbyid('uspo10').value * 1.1); var abis = document.getelementbyid('ubis').value; var abis5 = (document.getelementbyid('ubis5').value * 1.05); var abis10 = (document.getelementbyid('ubis10').value * 1.1); var aark = document.getelementbyid('uark').value; var aark5 = (document.getelementbyid('uark5').value * 1.05); var aark10 = (document.getelementbyid('uark10').value * 1.1); var amer = document.getelementbyid('umer').value; var amer5 = (document.getelementbyid('umer5').value * 1.05); var amer10 = (document.getelementbyid('umer10').value * 1.1); alert(8); var tiso = iso * aiso; var tmeg = meg * ameg; var tmex = mex * amex; var tmor = mor * amor; var tnoc = noc * anoc; var tpye = pye * apye; var ttri = tri * atri; var tzyd = zyd * azyd; alert(9); var tvel = vel * avel; var tvel5 = vel * avel5; var tvel10 = vel * avel10; var tsco = sco * asco; var tsco5 = sco * asco5; var tsco10 = sco * asco10; var tpyr = pyr * apyr; var tpyr5 = pyr * apyr5; var tpyr10 = pyr * apyr10; var tpla = pla * apla; var tpla5 = pla * apla5; var tpla10 = pla * apla10; var tomb = omb * aomb; var tomb5 = omb * aomb5; var tomb10 = omb * aomb10; var tker = ker * aker; var tker5 = ker * aker5; var tker10 = ker * aker10; var tjas = jas * ajas; var tjas5 = jas * ajas5; var tjas10 = jas * ajas10; var them = hem * ahem; var them5 = hem * ahem5; var them10 = hem * ahem10; var thed = hed * ahed; var thed5 = hed * ahed5; var thed10 = hed * ahed10; var tgne = gne * agne; var tgne5 = gne * agne5; var tgne10 = gne * agne10; var tdar = dar * adar; var tdar5 = dar * adar5; var tdar10 = dar * adar10; var tcro = cro * acro; var tcro5 = cro * acro5; var tcro10 = cro * acro10; var tspo = spo * aspo; var tspo5 = spo * aspo5; var tspo10 = spo * aspo10; var tbis = bis * abis; var tbis5 = bis * abis5; var tbis10 = bis * abis10; var tark = ark * aark; var tark5 = ark * aark5; var tark10 = ark * aark10; var tmer = mer * amer; var tmer5 = mer * amer5; var tmer10 = mer * amer10; var totalc = tiso + tmeg + tmex + tmor + tnoc + tpye + ttri + tzyd + tvel + tsco + tpyr + tpla + tomb + tker + tjas + them + thed + tgne + tdar + tcro + tspo + tbis + tark + tmer + tvel5 + tsco5 + tpyr5 + tpla5 + tomb5 + tker5 + tjas5 + them5 + thed5 + tgne5 + tdar5 + tcro5 + tspo5 + tbis5 + tark5 + tmer5 + tvel10 + tsco10 + tpyr10 + tpla10 + tomb10 + tker10 + tjas10 + them10 + thed10 + tgne10 + tdar10 + tcro10 + tspo10 + tbis10 + tark10 + tmer10; alert(11); document.getelementbyid('isocash').innerhtml = tiso; document.getelementbyid('megcash').innerhtml = tmeg; document.getelementbyid('mexcash').innerhtml = tmex; document.getelementbyid('morcash').innerhtml = tmor; document.getelementbyid('noccash').innerhtml = tnoc; document.getelementbyid('pyecash').innerhtml = tpye; document.getelementbyid('tricash').innerhtml = ttri; document.getelementbyid('zydcash').innerhtml = tzyd; alert(12); document.getelementbyid('velcash').innerhtml = (tvel + tvel5 + tvel10); document.getelementbyid('scocash').innerhtml = (tsco + tsco5 + tsco10); document.getelementbyid('pyrcash').innerhtml = (tpyr + tpyr5 + tpyr10); document.getelementbyid('placash').innerhtml = (tpla + tpla5 + tpla10); document.getelementbyid('ombcash').innerhtml = (tomb + tomb5 + tomb10); document.getelementbyid('kercash').innerhtml = (tker + tker5 + tker10); document.getelementbyid('jascash').innerhtml = (tjas + tjas5 + tjas10); document.getelementbyid('hemcash').innerhtml = (them + them5 + them10); document.getelementbyid('hedcash').innerhtml = (thed + thed5 + thed10); document.getelementbyid('gnecash').innerhtml = (tgne + tgne5 + tgne10); document.getelementbyid('darcash').innerhtml = (tdar + tdar5 + tdar10); document.getelementbyid('crocash').innerhtml = (tcro + tcro5 + tcro10); document.getelementbyid('spocash').innerhtml = (tspo + tspo5 + tspo10); document.getelementbyid('biscash').innerhtml = (tbis + tbis5 + tbis10); document.getelementbyid('arkcash').innerhtml = (tark + tark5 + tark10); document.getelementbyid('mercash').innerhtml = (tmer + tmer5 + tmer10); alert(13); document.getelementbyid('totalcash').innerhtml = totalc; } function onclick3(){ var iso2 = document.getelementbyid('uisoa').value; var meg2 = document.getelementbyid('umega').value; var mex2 = document.getelementbyid('umexa').value; var mor2 = document.getelementbyid('umora').value; var noc2 = document.getelementbyid('unoca').value; var pye2 = document.getelementbyid('upyea').value; var tri2 = document.getelementbyid('utria').value; var zyd2 = document.getelementbyid('uzyda').value; iso = iso.replace(1, iso2); meg = meg.replace(1, meg2); mex = mex.replace(1, mex2); mor = mor.replace(1, mor2); noc = noc.replace(1, noc2); pye = pye.replace(1, pye2); tri = tri.replace(1, tri2); zyd = zyd.replace(1, zyd2); } function onclick2() { var e = document.getelementbyid('admin'); var = prompt("password"); if(a === 'admin'){ e.style.display = ''; } else { alert('incorrect password'); } } alert(14);
you assigning variable wrong way
var iso = "<?php = $isop; ?>"; use this
var iso = "<?php echo $isop; ?>"; or
var iso = "<?= $isop; ?>"; 
Comments
Post a Comment