JavaScript - Boolean Value For A Button?
hi,
I'm trying to modify this function: Code: function togglePoly(poly_num) { if (document.getElementById(poly_num)) { if (document.getElementById(poly_num).checked) { gpolys[poly_num].show(); } else { gpolys[poly_num].hide(); } } } which works for a checkbox to one that works for a button. I guess I'm stuck on what to replace "checked" with there in the 3rd line. is there some one word answer, or do I need to I rewrite the function to be more button-friendly? thanks in advance Similar TutorialsThis is perhaps a somewhat trivial point but it's bugged me a couple of times recently and I wondered if anyone out there had any thoughts on the matter. Essentially I have an action that can happen many times but I want to record whether it has happened at least once. I know we are talking about a trivial amount of processing and code here but is there any real difference between the following two methods: Code: myCheck: false, myRepeatedlyCalledFunction: function() { this.myCheck = true; // do some stuff } vs Code: myCheck: false, myRepeatedlyCalledFunction: function() { if(this.myCheck === false) { this.myCheck = true; } // do some stuff } thoughts? I am about to translate some C++ code to JavaScript. In C++, it is straightforward to declare and use a Boolean variable; all I do is swap it between true and false and back again as needed. For example, Code: // C++ Code . . . bool na = 1; . . . na = !na; . . . I am wondering if JavaScript offers boolean variables. As far as I know, it does not, but I thought I would confirm by asking around. At the moment, I am planning to code the comparable block in Javascript using an "if" statement or a ternary operation. For example, Code: JavaScript Code . . . var na = 1; // Option 1 if (na) na = 0; else na = 1; // Option 2 na = ((na) ? 0 : 1); . . . Is one of these options recommended as the best way to simulate a boolean variable and operation? (I would like the fastest-executing code possible.) Or is there another--better--way to do it? All advice and recommendations appreciated. Thank-you in advance. Hello. If the function called Change has ever been called, the function in window onload is to not be executed. This is what I have so far, but I am sure it's wrong or missing something. I tried to confirm the results with document.write or alert but am having trouble doing so. Code: window.onload=function(){ if (calledAtLeastOnce == false) { Change('big', 'http://www.adomainname.com/image.jpg'); } } function Change(id,src,w,h){ var calledAtLeastOnce = true; } So. When I save a boolean to localStorage It converts it to string. PHP Code: localStorage["fixedBackground"] = document.getElementById("fBackground").checked; And that saves a 'true' or 'false' string. So to convert it to a boolean value, in the 'restore options' I use the function 'toBool' PHP Code: function toBool(str) { if ("false" === str) return false; else return str; } PHP Code: var value = localStorage["fixedBackground"]; if (null != value) document.getElementById("fBackground").checked = toBool(value); And that works just fine. However, I want to recall this saved data in a javascript. I want an PHP Code: if (value = true){ document.getElementsByTagName('body')[0].style.backgroundAttachment="fixed"; } But I can't get a 'toBool' type of function into that statement This is my method of retrieving the data: PHP Code: var port = chrome.extension.connect({name: "knockknock"}); port.postMessage({get: "fixedBackground"}); port.onMessage.addListener(function(msg) { //Set bgimage attachment javascript:value=msg.value; which makes the full if statement: PHP Code: var port = chrome.extension.connect({name: "knockknock"}); port.postMessage({get: "fixedBackground"}); port.onMessage.addListener(function(msg) { //Set bgimage attachment javascript:value=msg.value; if(value = true) { document.getElementsByTagName('body')[0].style.backgroundAttachment="fixed"; } }); any ideas? Hello everyone! I'm currently doing an assignment which involves a snack machine. I'm currently working on the PacketOfCrisp class. It needs to start with 10 crisps, and have a boolean field for whether or not it's closed. This field is called open and is obviously set to false when the object is created. It also needs to give out some messages, ie if the packet is not open then a message should appear saying that the packet is closed. If the pack has no crisps left a message should appear saying as such. Other than that when selecting eatCrisp the amount of crisps in the packet should go down by one. Here is what I have so far: Code: public void eatCrisp() { if(open = false) { System.out.println("Open packet"); } else if (open = true && numOfCrisps >= 1) { numOfCrisps = numOfCrisps - 1; } else { System.out.println("No Crisps!"); } } Now for some reason when I invoke eatCrisp it takes out a crisp and changes the "open" field of the object to true and I can't figure out why. As far as I can figure it should be giving me a message of "Open packet" until I open the packet with the "openPacket" method, but instead "eatCrisp" is doing that by itself. Any ideas? Hi, I am very new to javascript and html. I am trying to create a function which will hide or show a div (div1). Right now, it is always showing the div whether the boolean value is true or false. I know that it is getting inside the else if part, but it doesn't seem to be working. Code: <script type="text/javascript"> function hideDiv(flag) { if (flag == false) { document.getElementById('div1').style.visibility="visible"; } else if (flag == true) { document.getElementById(div1).style.visibility="hidden"; } } var bool = new Boolean(true) hideDiv(bool); </script> <body> <div id="div1"> Text! </div> </body> Thank you for taking a look Hello fellow programmers, I am having some trouble with my javascript doing what I want it to, which is returning values (true/false || 1/0). I haven't used much javasript but I am experienced with C#, Java, Python etc so this is sort of new to me syntax wise. Here is what I have so far: http://jsfiddle.net/HpSyJ/1/ note: for some reason css doesn't like jsfiddle :S, the error messages are hidden in my Notepad++ & firefox combo though Really all I want is when I hit submit, it runs an alert or changes the error message to visible. Can someone please have a quick read over and see if anything jumps out at them? Thanks in advance, Andrew Hey guys. This is vague because I dont know what exactly to tell you but please reply with me so I can fix this. I want to add something to my forum. Specifically, I want to add a HTML and Picture button for when you go to reply. Like posting an article here, there are also these options (font, alignment, insert image) I do not know how to achieve this but shouldnt be too hard. Here are the two sources you will need to look through to help me fix the forum. http://neoweather.com/FWFORUM.JS http://static.websimages.com/JS/fw.js THANKS Hey guys. I want to add something to my forum. Specifically, I want to add a HTML and Picture button for when you go to reply. Like posting an article here, there are also these options (font, alignment, insert image) I do not know how to achieve this but shouldnt be too hard. Here are the two sources you will need to look through to help me fix the forum. http://neoweather.com/FWFORUM.JS http://static.websimages.com/JS/fw.js THANKS Hi, I am not entirely sure what I am doing wrong here, and I have been looking at this for ages, so apologies in advance if I have become so bleary eyed I can't see something simple. I use php to create buttons based on values pulled for a table. The problem I have is when you click on the first button the javascript function works great, when you click on the next button you get the same output even though it should be different results. I am working in ff and I can see on my firebug console that the javascript function is being called, but it is not passing the new value of the second or third button, it just keeps repassing the value of the first button. So not entirely sure where I am going wrong here. My page is: Code: <script type="text/javascript"> function loadXMLDoc2(File,ID,Msg){ if (window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest(); } else { try{ xmlhttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } } xmlhttp.onreadystatechange=function(){ if (xmlhttp.readyState==4 && xmlhttp.status==200){ document.getElementById(ID).innerHTML=xmlhttp.responseText; } } var params=Msg; xmlhttp.open("POST",File,true); xmlhttp.setRequestHeader("Pragma", "Cache-Control:no-cache"); xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); xmlhttp.setRequestHeader("Content-length", params.length); xmlhttp.setRequestHeader("Connection", "close"); xmlhttp.send(params); } </script> <head> <body> <?php $con = mysql_connect("localhost","user","password"); if (!$con) { die('Could not connect: ' . mysql_error()); } mysql_select_db("mydb", $con); $result = mysql_query("SELECT DISTINCT theme FROM goods WHERE category='{$_POST['category']}' ORDER BY theme DESC"); while($row = mysql_fetch_array($result)){ echo '<input type="text" class="hidden" name="theme" id="theme" value="' . $row['theme'] . '" ><input type="button" class="button3" name="product" id="product" value="' . $row['product'] . '" onClick="loadXMLDoc2(\'getShow.php\',\'txtHint\',\'theme=\'+encodeURI(document.getElementById(\'rtheme\').value))" > '; } echo '<br /><br /> <div id="txtHint"><div> <br /> <br />'; mysql_close($con); ?> And getShow.php produces a table with a list of product images, names and prices, based on theme. So basically not sure where I am going wrong here? i'm still a relative noob and this has me stuck - i have a save button with a "save as copy" in the save dropdown list. add new item directs to a premade/formatted project that is used as a template, so on that item i only want/need the "save as copy" but on all other items that use the form i need to only have the "save" function. is there any way to either change the function of the button depending on item that is being viewed in the edit screen OR hide the "save" button and only show the button associated with "save as copy - and vis versa for the rest of the items?? current button code is - protected function getToolbar() { $options = array(); $user = JFactory::getUser(); $create_ms = $user->authorise('core.create', 'com_pfmilestones'); $create_task = $user->authorise('core.create', 'com_pftasks'); $options[] = array( 'text' => 'JSAVE', 'task' => $this->getName() . '.save'); $options[] = array( 'text' => 'Save as new project', 'task' => $this->getName() . '.save2copy', 'options' => array('access' => ($this->item->id > 0))); PFToolbar::dropdownButton($options, array('icon' => 'icon-white icon-ok')); item used as template is id=8 any help or suggestions would be greatly appreciated.. i got javascripts button : Code: <input type="button" value="select" onClick="document.getElementById('input').select()" /> how can i transform "button" to image button (gif) I have 4 rows in a table. Each row consist of 4 radio buttons. Each radio button per row has different values in it but has the same name (group) ex: <input type="radio" name="a" value="1"> <input type="radio" name="a" value="2"> <input type="radio" name="a" value="3"> <input type="radio" name="a" value="4"> <input type="radio" name="b" value="1"> <input type="radio" name="b" value="2"> <input type="radio" name="b" value="3"> <input type="radio" name="b" value="4"> and so on.. If I click radio button A with value 2, I want to output the total at the bottom as "2".. Also, if I click radio button B with value 3, I want to output the total of A and B as 5 and so on.. How can I automatically calculate the answer based on which radio button was click? update: I got my answer from this site: http://stackoverflow.com/questions/1...s-using-jquery i am trying to make a button which is a .gif that will change when a mouse over occurs and a animation will occur when click then will relocate to a new page but i am getting multiple images at the same time pleas help. Code: <html> <body> <img src="Jepordy/Fla files/Button set 1.gif" > <img name="jsbutton" src="Jepordy/Fla files/Button set 1.gif" width="550" height="400" border="0" alt="javascript button"> <SCRIPT language="JavaScript"> var myimgobj = document.images["jsbutton"]; </SCRIPT> <A href="#" onMouseOver="return changeImage()" ><img name="jsbutton" src="Jepordy/Fla files/Button mouse over.gif" width="550" height="400" border="0" alt="javascript button"></A> <SCRIPT language="JavaScript"> function changeImage() { document.images["jsbutton"].src= "C:\Documents and Settings\fus10n\Desktop\Jepordy\Fla files\Button mouse over.gif"; return true; } </SCRIPT> <A href="#" onMouseOver="return changeImage()" onMouseOutwidth="550" height="400" border="0" alt="javascript button"= "return changeImageBack()" onMouseDown="return handleMDown()" onMouseUp="return handleMUp()" ><img name="jsbutton" src="Jepordy/Fla files/Button set 1.gif" width="550" height="400" border="0" alt="javascript button"></A> <SCRIPT language="JavaScript"> function changeImage() { document.images["jsbutton"].src= "C:\Documents and Settings\fus10n\Desktop\Jepordy\Fla files\Button set 1.gif"; return true; } function changeImageBack() { document.images["jsbutton"].src = "C:\Documents and Settings\fus10n\Desktop\Jepordy\Fla files\Button set 1.gif"; return true; } function handleMDown() { document.images["jsbutton"].src = "C:\Documents and Settings\fus10n\Desktop\Jepordy\Fla files\Button set 1.gif"; return true; } function handleMUp() { changeImage(); return true; } </SCRIPT> <A href="QUESTION LOCATION FOR THIS BUTTON GOES HERE!" onMouseOver="return changeImage()" onMouseOut= "return changeImageBack()" onMouseDown="return handleMDown()" onMouseUp="return handleMUp()"> <A href="http://www.javascript-coder.com/" onMouseOver="return changeImage()" onMouseOut= "return changeImageBack()" onMouseDown="return handleMDown()" onMouseUp="return handleMUp()" ><img name="jsbutton" src="Jepordy/Fla files/Button mouse over.gif" width="550" height="400" border="0" alt="javascript button"></A> </body> </html> i have the following code which i am trying to insert a 'back button' into to go back to the previous page. i can only seem to get the button to appear either at the very top or very bottom of the page, does anyone know how i can specify the location? this script is generated from easypano tourweaver - Code: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Virtual Tour Created By CAPITA SYMONDS</title> </head> <body leftMargin="0" topMargin="0" rightMargin="0" bottomMargin="0"> <script type="text/javascript" src="swfobject.js"></script> <div id="flashcontent"> To view virtual tour properly, Flash Player 9.0.28 or later version is needed. Please download the latest version of <a href="http://www.adobe.com/go/getflashplayer" target="_blank">Flash Player</a> and install it on your computer. </div> <script type="text/javascript"> // <![CDATA[ var so = new SWFObject("twviewer.swf", "sotester", "1024", "768", "9.0.0", "#FFFFFF"); so.addParam("allowNetworking", "all"); so.addParam("allowScriptAccess", "always"); so.addParam("allowFullScreen", "true"); so.addParam("scale", "noscale"); //<!-%% Share Mode %%-> so.addVariable("lwImg", "resources/2_area_multipix_preloading image file.jpg"); so.addVariable("lwBgColor", "255,255,255,255"); so.addVariable("lwBarBgColor", "255,186,186,186"); so.addVariable("lwBarColor", "255,153,0,0"); so.addVariable("lwBarBounds", "-512,-384,1024,768"); so.addVariable("lwlocation", "4"); so.addVariable("lwShowLoadingPercent", "false"); so.addVariable("lwTextColor", "255,0,0,0"); so.addVariable("iniFile", "config_2_Area_Multipix.bin"); so.addVariable("progressType", "1"); so.addVariable("swfFile", "resources/2_area_multipix_1_animation for tourweaver.swf"); so.addVariable("href", location.href); so.write("flashcontent"); // ]]> </script> </body> </html> here is the button code - Code: <span onclick="javascript:history.back()" style="text-decoration:underline; color:blue; cursor:hand">Back</span> I'm really not that familiar with javascript. I work with an application that provides a very basic web page for the user to view customer info....on this page is a button that will open launch a URL that allows the assoc to view a survey the customer has filled out....the customer info is in a SQL db and the web page is populated from the db table. In the data we get a doc ID for the survey and in a javascript function we have the begining of the URL to the survey. When the button is clicked it completes the URL by pulling the doc ID from the db....that is basically the current process. We are now adding additional surveys to the db and will have different URLs...we would like to use the same process but I've not been able to get it to work. Can someone let me know if there is a way to make this work? Or if you have any other questions. Thanks Travis I've never had this problem in the past and I am now stumped. I've written a fairly long script to calculate numbers for a web based Diabetes calculator but for some reason the "Calculate" button does nothing when using Chrome, Opera or Safari for iOS. It does work when using IE, Firefox and Safari for PC. I've looked everywhere and found nothing but some references to an 'onclick' problem in Chrome. My problem is that the same method has always worked in the past and is still working in those scripts now so that can't be the issue. What is different about THIS button that is breaking it? Button WORKS here (IE, Chrome, Firefox, Safari-PC & iOS & Opera): http://jdrinc.webatu.com/FICC.html But DOES NOT work here (Chrome, Safari-iOS & Opera): http://jdrinc.webatu.com/D-Calc.html The second link DOES work in IE, Firefox & Safari-PC. I don't see a difference in the method that I'm using in either of these. Does anyone know what I am doing wrong? Here is the html with the script that is NOT working: Code: <html> <head> <title> D-Calc </title> <style type="text/css"> table { border:2px solid black; border-collapse:collapse; } th { border:2px solid black; border-collapse:collapse; font-family: Arial, Helvetica, sans-serif; text-align: left; font-weight: bold; } td { border:2px solid black; border-collapse:collapse; font-family: Arial, Helvetica, sans-serif; text-align: left; font-weight: bold; } .inputlabel { background-color: #6CC417; } .outputlabel { background-color: #6698FF; } .inputbox { border:0px inset blue; background-color: #FFFFFF; border-color: #FFFFFF; text-align: center; font-weight: bold; width: 100px; } .outputbox { border:0px inset blue; background-color: #FFFFFF; border-color: #FFFFFF; text-align: center; font-weight: bold; width: 100px; } </style> <script type="text/javascript"> function Calculate() { //input variables var B01, B02, B03, B04, B05, B06, B07, B08, B09, B10, B11 //output variables var B12, B13, B14, B15, B16, B17, B18, B19, B20, B21, B22, B23, B24, B25, B26 //correction sensitivity variable var CSV //new blood glucose var NBG //bloodsugar-carbohydrate ratio var BCR B01=eval(document.DCalcForm.B01.value); B02=eval(document.DCalcForm.B02.value); BCR=(B02/B01); B03=eval(document.DCalcForm.B03.value); B04=eval(document.DCalcForm.B04.value); B05=eval(document.DCalcForm.B05.value); B06=eval(document.DCalcForm.B06.value); B07=eval(document.DCalcForm.B07.value); B08=eval(document.DCalcForm.B08.value); B09=eval(document.DCalcForm.B09.value); B10=eval(document.DCalcForm.B10.value); B11=eval(document.DCalcForm.B11.value); B12=(B10*(B03/100)); B13=(B11*(B04/100)); B14=(B09+B12+B13); B15=(B09); B16=(B12+B13); if (B07<(B05+(B06+1)) && B07>(B05-(B06+1))) { CSV=(0); } else if (B07>(B05+B06)) { CSV=(B06); } else if (B07<(B05-B06)) { CSV=(-1*B06); } if (CSV==0) { B17=0; } else { B17=((B07-(B05+CSV))/B02); } B18=((B12*(B03/100))/B01); B19=((B13*(B04/100))/B01); B20=(B09/B01); if (CSV=0) { B21=((B18+B19+B20)-B08); } else { B21=((B17+B18+B19+B20)-B08); } B22=((B17+B20)-B08); B23=(B18+B19); if (B21==0) { B24=0; } else { B24=((B22/B21)*100); } if (B21==0) { B25=0; } else { B25=((B23/B21)*100); } NBG=(B07+((B09+B12+B13)*BCR)); if (B07<(B05+(B06+1)) && B07>(B05-(B06+1))) { CSV=(0); } else if (B07>(B05+B06)) { CSV=(B06); } else if (B07<(B05-B06)) { CSV=(-1*B06); } if (CSV==0) { B26=0; } else { B26=(((B05+CSV)-NBG)/BCR); } document.DCalcForm.B12.value=(Math.round(B12*100))/100 + ' g'; document.DCalcForm.B13.value=(Math.round(B13*100))/100 + ' g'; document.DCalcForm.B14.value=(Math.round(B14*100))/100 + ' g'; document.DCalcForm.B15.value=(Math.round(B15*100))/100 + ' g'; document.DCalcForm.B16.value=(Math.round(B16*100))/100 + ' g'; if (B17<0) { document.DCalcForm.B17.value='0 unit(s)'; } else { document.DCalcForm.B17.value=(Math.round(B17*100))/100 + ' unit(s)'; } if (B18<0) { document.DCalcForm.B18.value='0 unit(s)'; } else { document.DCalcForm.B18.value=(Math.round(B18*100))/100 + ' unit(s)'; } if (B19<0) { document.DCalcForm.B19.value='0 unit(s)'; } else { document.DCalcForm.B19.value=(Math.round(B19*100))/100 + ' unit(s)'; } if (B20<0) { document.DCalcForm.B20.value='0 unit(s)'; } else { document.DCalcForm.B20.value=(Math.round(B20*100))/100 + ' unit(s)'; } if (B21<0) { document.DCalcForm.B21.value='0 unit(s)'; } else { document.DCalcForm.B21.value=(Math.round(B21*100))/100 + ' unit(s)'; } if (B22<0) { document.DCalcForm.B22.value='0 unit(s)'; } else { document.DCalcForm.B22.value=(Math.round(B22*100))/100 + ' unit(s)'; } if (B23<0) { document.DCalcForm.B23.value='0 unit(s)'; } else { document.DCalcForm.B23.value=(Math.round(B23*100))/100 + ' unit(s)'; } if (B24>100) { document.DCalcForm.B24.value='100 %'; } else if (B24<0) { document.DCalcForm.B24.value='0 %'; } else { document.DCalcForm.B24.value=(Math.round(B24*100))/100 + ' %'; } if (B25>100) { document.DCalcForm.B25.value='100 %'; } else if (B25<0) { document.DCalcForm.B25.value='0 %'; } else { document.DCalcForm.B25.value=(Math.round(B25*100))/100 + ' %'; } if (B26<0) { document.DCalcForm.B26.value='0.00 g'; } else { document.DCalcForm.B26.value=(Math.round(B26*100))/100 + ' g'; } // document.write('B01 = '+B01+'<br>'); // document.write('B02 = '+B02+'<br>'); // document.write('B03 = '+B03+'<br>'); // document.write('B04 = '+B04+'<br>'); // document.write('B05 = '+B05+'<br>'); // document.write('B06 = '+B06+'<br>'); // document.write('B07 = '+B07+'<br>'); // document.write('B08 = '+B08+'<br>'); // document.write('B09 = '+B09+'<br>'); // document.write('B10 = '+B10+'<br>'); // document.write('B11 = '+B11+'<br>'); // document.write('B12 = '+B12+'<br>'); // document.write('B13 = '+B13+'<br>'); // document.write('B14 = '+B14+'<br>'); // document.write('B15 = '+B15+'<br>'); // document.write('B16 = '+B16+'<br>'); // document.write('B17 = '+B17+'<br>'); // document.write('B18 = '+B18+'<br>'); // document.write('B19 = '+B19+'<br>'); // document.write('B20 = '+B20+'<br>'); // document.write('B21 = '+B21+'<br>'); // document.write('B22 = '+B22+'<br>'); // document.write('B23 = '+B23+'<br>'); // document.write('B24 = '+B24+'<br>'); // document.write('B25 = '+B25+'<br>'); // document.write('B26 = '+B26+'<br>'); // document.write('BCR = '+BCR+'<br>'); // document.write('CSV = '+CSV+'<br>'); // document.write('NBG = '+NBG+'<br>'); } </script> </head> <body> <center> <form name=DCalcForm> <table name="table" id="table" class="table"> <tr name="01" id="01" class=""> <td name="A01" id="A01" class="inputlabel"> INSULIN/CARBOHYDRATE RATIO </td> <td name="B01" id="B01" class=""> <input name="B01" id="B01" class="inputbox" value="10" type="number"> </td> <td name="C01" id="C01" class=""> </td> </tr> <tr name="02" id="02" class=""> <td name="A02" id="A02" class="inputlabel"> INSULIN/BG RATIO </td> <td name="B02" id="B02" class=""> <input name="B02" id="B02" class="inputbox" value="35" type="number"> </td> <td name="C02" id="C02" class=""> </td> </tr> <tr name="03" id="03" class=""> <td name="A03" id="A03" class="inputlabel"> PROTEIN RATIO </td> <td name="B03" id="B03" class=""> <input name="B03" id="B03" class="inputbox" value="40" type="number"> </td> <td name="C03" id="C03" class=""> </td> </tr> <tr name="04" id="04" class=""> <td name="A04" id="A04" class="inputlabel"> FAT RATIO </td> <td name="B04" id="B04" class=""> <input name="B04" id="B04" class="inputbox" value="10" type="number"> </td> <td name="C04" id="C04" class=""> </td> </tr> <tr name="05" id="05" class=""> <td name="A05" id="A05" class="inputlabel"> TARGET BLOOD GLUCOSE </td> <td name="B05" id="B05" class=""> <input name="B05" id="B05" class="inputbox" value="100" type="number"> </td> <td name="C05" id="C05" class=""> </td> </tr> <tr name="06" id="06" class=""> <td name="A06" id="A06" class="inputlabel"> CORRECTION RANGE/SENSITIVETY </td> <td name="B06" id="B06" class=""> <input name="B06" id="B06" class="inputbox" value="20" type="number"> </td> <td name="C06" id="C06" class=""> </td> </tr> <tr name="07" id="07" class=""> <td name="A07" id="A07" class="inputlabel"> CURRENT BLOOD GLUCOSE </td> <td name="B07" id="B07" class=""> <input name="B07" id="B07" class="inputbox" value="100" type="number"> </td> <td name="C07" id="C07" class=""> </td> </tr> <tr name="08" id="08" class=""> <td name="A08" id="A08" class="inputlabel"> INSULIN ON BOARD </td> <td name="B08" id="B08" class=""> <input name="B08" id="B08" class="inputbox" value="0" type="number"> </td> <td name="C08" id="C08" class=""> </td> </tr> <tr name="09" id="09" class=""> <td name="A09" id="A09" class="inputlabel"> CARBOHYDRATES </td> <td name="B09" id="B09" class=""> <input name="B09" id="B09" class="inputbox" value="0" type="number"> </td> <td name="C09" id="C09" class=""> </td> </tr> <tr name="10" id="10" class=""> <td name="A10" id="A10" class="inputlabel"> PROTEIN </td> <td name="B10" id="B10" class=""> <input name="B10" id="B10" class="inputbox" value="0" type="number"> </td> <td name="C10" id="C10" class=""> </td> </tr> <tr name="11" id="11" class=""> <td name="A11" id="A11" class="inputlabel"> FAT </td> <td name="B11" id="B11" class=""> <input name="B11" id="B11" class="inputbox" value="0" type="number"> </td> <td name="C11" id="C11" class=""> </td> </tr> <tr name="12" id="12" class=""> <td name="A12" id="A12" class="outputlabel"> CARBS FROM PROTEIN </td> <td name="B12" id="B12" class=""> <input name="B12" id="B12" class="outputbox" value="" type="number" readonly> </td> <td name="C12" id="C12" class=""> </td> </tr> <tr name="13" id="13" class=""> <td name="A13" id="A13" class="outputlabel"> CARBS FROM FAT </td> <td name="B13" id="B13" class=""> <input name="B13" id="B13" class="outputbox" value="" type="number" readonly> </td> <td name="C13" id="C13" class=""> </td> </tr> <tr name="14" id="14" class=""> <td name="A14" id="A14" class="outputlabel"> TOTAL CARBOHYDRATES </td> <td name="B14" id="B14" class=""> <input name="B14" id="B14" class="outputbox" value="" type="number" readonly> </td> <td name="C14" id="C14" class=""> </td> </tr> <tr name="15" id="15" class=""> <td name="A15" id="A15" class="outputlabel"> CARBS TO BOLUS NOW </td> <td name="B15" id="B15" class=""> <input name="B15" id="B15" class="outputbox" value="" type="number" readonly> </td> <td name="C15" id="C15" class=""> </td> </tr> <tr name="16" id="16" class=""> <td name="A16" id="A16" class="outputlabel"> CARBS FOR EXTENDED BOLUS </td> <td name="B16" id="B16" class=""> <input name="B16" id="B16" class="outputbox" value="" type="number" readonly> </td> <td name="C16" id="C16" class=""> </td> </tr> <tr name="17" id="17" class=""> <td name="A17" id="A17" class="outputlabel"> CORRECTION BOLUS </td> <td name="B17" id="B17" class=""> <input name="B17" id="B17" class="outputbox" value="" type="number" readonly> </td> <td name="C17" id="C17" class=""> </td> </tr> <tr name="18" id="18" class=""> <td name="A18" id="A18" class="outputlabel"> PROTEIN BOLUS </td> <td name="B18" id="B18" class=""> <input name="B18" id="B18" class="outputbox" value="" type="number" readonly> </td> <td name="C18" id="C18" class=""> </td> </tr> <tr name="19" id="19" class=""> <td name="A19" id="A19" class="outputlabel"> FAT BOLUS </td> <td name="B19" id="B19" class=""> <input name="B19" id="B19" class="outputbox" value="" type="number" readonly> </td> <td name="C19" id="C19" class=""> </td> </tr> <tr name="20" id="20" class=""> <td name="A20" id="A20" class="outputlabel"> CARB BOLUS </td> <td name="B20" id="B20" class=""> <input name="B20" id="B20" class="outputbox" value="" type="number" readonly> </td> <td name="C20" id="C20" class=""> </td> </tr> <tr name="21" id="21" class=""> <td name="A21" id="A21" class="outputlabel"> TOTAL BOLUS </td> <td name="B21" id="B21" class=""> <input name="B21" id="B21" class="outputbox" value="" type="number" readonly> </td> <td name="C21" id="C21" class=""> </td> </tr> <tr name="22" id="22" class=""> <td name="A22" id="A22" class="outputlabel"> UNITS TO DELIVER NOW </td> <td name="B22" id="B22" class=""> <input name="B22" id="B22" class="outputbox" value="" type="number" readonly> </td> <td name="C22" id="C22" class=""> </td> </tr> <tr name="23" id="23" class=""> <td name="A23" id="A23" class="outputlabel"> UNITS TO EXTEND </td> <td name="B23" id="B23" class=""> <input name="B23" id="B23" class="outputbox" value="" type="number" readonly> </td> <td name="C23" id="C23" class=""> </td> </tr> <tr name="24" id="24" class=""> <td name="A24" id="A24" class="outputlabel"> PERCENT TO DELIVER NOW </td> <td name="B24" id="B24" class=""> <input name="B24" id="B24" class="outputbox" value="" type="number" readonly> </td> <td name="C24" id="C24" class=""> </td> </tr> <tr name="25" id="25" class=""> <td name="A25" id="A25" class="outputlabel"> PERCENT TO EXTEND </td> <td name="B25" id="B25" class=""> <input name="B25" id="B25" class="outputbox" value="" type="number" readonly> </td> <td name="C25" id="C25" class=""> </td> </tr> <tr name="26" id="26" class=""> <td name="A26" id="A26" class="outputlabel"> MORE CARBS NEEDED </td> <td name="B26" id="B26" class=""> <input name="B26" id="B26" class="outputbox" value="" type="number" readonly> </td> <td name="C26" id="C26" class=""> </td> </tr> </table> <br> <input type="button" value="Calculate" name="CalculateButton" onclick="Calculate()"> </form> </body> </html> P.S. I am by no means a professional and am aware that there might be better ways of doing this. I am still learning. How would you make a case statment that creates a button without reloading the page??
Hey I'm looking to create a button like Facebook has that just says Like. Since I have little JavaScript experience I was wondering if anyone could point me towards a tutorial or code me one. I could do it with just a link and PHP but I want to use Ajax. http://venturebeat.com/wp-content/up...ike1020909.png I am trying to make it so if a PHP session entity exists, then JavaScript will enable a button. I am having trouble getting this to work and wondering if anyone knows what I am doing wrong? Code: function purchaseEnable() { if ($_SESSION['order']['paymentmethod']) { document.getElementById("purchase").disabled = false; } } Code: <INPUT disabled id="purchase" type="submit" value="PURCHASE"> |