JavaScript - Code To Check Browser

Hi all,
I am new to CodingForums.com as well as new to javascript. I am currently trying to create a small calculator for a friend which is to do with calculating a dose. The calculator itself works but I am now fine tweaking the text that appears with the calculated values.

This is my code:
Code:

<script type="text/javascript">
    function calculate() {
        var IBW = 1;
        var IBW2 = 1;
        var dose2 = 1;
        var CrCl = 1;
        var hgtft = document.getElementById("height_feet").value - 0;
        var hgtinches = document.getElementById("height_inches").value - 0;
        var weight = document.getElementById("weight").value - 0;
        var sex = document.getElementById("sex").value;
        var age = document.getElementById("age").value - 0;
        var creatinine = document.getElementById("creatinine").value - 0;

        if (age < 16) {
            alert("This tool is only for use in adult patients i.e. 16 years or older");
            return; //process no further
        }
        if (sex == "M") {
            if (hgtft < 5) {
                IBW = 50;
               
                IBW2 = 50;
            }
            else {
                IBW = 50 + (2.3 * ((hgtft - 5) * 12 + hgtinches));
               
                IBW2 = 50 + (2.3 * ((hgtft - 5) * 12 + hgtinches));
            }
            if (IBW > weight) {
                IBW = weight
            }
            CrCl = ((140 - age) * IBW * 1.23) / creatinine;
        }
        else {
            if (hgtft < 5) {
                IBW = 45;
                IBW2 = 45;
            }
            else {
                IBW = 45 + (2.3 * ((hgtft - 5) * 12 + hgtinches));
               
                IBW2 = 45 + (2.3 * ((hgtft - 5) * 12 + hgtinches));
            }
            if (IBW > weight) {
                IBW = weight
            }
            CrCl = ((140 - age) * IBW * 1.04) / creatinine;
        }



        var dose = Math.round((5 * IBW) / 40.0) * 40.0
        var IBW = Math.round(IBW, 1)
        var IBW2 = Math.round(IBW2,1)
        var CrCl = Math.round(CrCl, 0)

        if (CrCl < 40) {
            dose2 = "As GFR < 40mL/min Extended Interval Gentamicin is not indicated. Contact microbiology for an alternative agent";
            }
            else {
            dose2 = dose "mg - Note: This dose has been calculated using a weight of " IBW "kg and rounded to the nearest 40mg to aid administration";
        }

        document.getElementById('IBW2').innerHTML = IBW2 + "kg";
        document.getElementById('CrCl').innerHTML = CrCl + "mL/min";
        document.getElementById('dose2').innerHTML = dose2;
    }
</script>

    <br />
    <br />
    <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<table>
<tr>
	<td>Height</td><td class="style17"><input id='height_feet' value=""/> feet</td><td><input id='height_inches' value=""/> inches</td>
</tr>
<tr>
<td>Weight</td><td class="style17"><input id='weight' value=""/> kg</td>
</tr>
<tr>
<td>Age</td><td class="style17"><input id='age'value=""/> years</td>
</tr>
<tr>
<td>Creatinine</td><td class="style17"><input id='creatinine'/> mmol/L</td>
</tr>
 
<tr>
<td>Sex</td><td class="style1"><select id='sex'> <option value="M">Male</option><option value="F">Female</option></select></td>
</tr>
</table><br />
<input type="button" onclick="calculate()" value="Calculate!"/><input id="Reset" 
        type="reset" value="Reset" />
<br />
<br />
<br />
<br />

<table>
<tr><td class="style16">Ideal Body Weight:&nbsp; </td><td id='IBW2' /></td></tr>
<tr><td class="style16">Calculated GFR: </td><td id='CrCl' /></td></tr>
<tr><td class="style16">Calculated Gentamicin Dose: </td><td id='dose2' /></td></tr>
    </table>

What I am trying to do is have the dose displayed as:

xxdose mg - Note: This dose has been calculated using a weight of IBWkg and rounded to the nearest 40mg to aid administration

but if the CrCl is less than 40 then the dose message should be: As GFR < 40mL/min Extended Interval Gentamicin is not indicated. Contact microbiology for an alternative agent

can anyone help me with this please?

Hello, I couldn't find another thread that had this problem but it seems like it would be fairly simple. I am also just now starting to learn JavaScript.

But when I enter this code into Notepad++
Code:

<HTML>
<HEAD>
</HEAD>
<BODY>

<SCRIPT type = "text/javascript">

	document.write("Hello World");

</SCRIPT>

</BODY>
</HTML>

Instead of printing out "Hello World" as it should, it simply shows me the code I wrote line for line. I have tried opening in both Chrome and IE and since all other webpages work fine I assume that both browsers have javascript enabled.

Thanks in advance

Hello, i wrote this code to open a page if doesn't exist a cookie but it doesn't open the page do you know where I wrong?
Thank you !

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> 
<title> HTML </title> 
</head> 
<body>
<script type="text/javascript">

function CookieLeggi(CookieNome)
	{
	if (CookieNome.length==0) return null;
	var PosizioneIniziale = document.cookie.indexOf(CookieNome+"=");
		if (PosizioneIniziale == -1) return null;
		PosizioneIniziale += CookieNome.length+1;  
	var PosizioneFinale = document.cookie.indexOf(";",PosizioneIniziale);
		if (PosizioneFinale == -1) PosizioneFinale = document.cookie.length; 
	return unescape(document.cookie.substring(PosizioneIniziale,PosizioneFinale));
	}

function CookieScrivi(name,value,expiresUdM,expires,path,domain,secure)
	{
	if (!name || !value) { return false }  
	if ((expiresUdM && expires) && (expiresUdM!='GMT')) {
		var ExpiresMillisec = ExpiresDate = Oggi = new Date();
		switch (expiresUdM) {    // calcola i JS-millisecondi del momento di scadenza
			case "anni":    ExpiresMillisec=Oggi.getTime()+expires*365*24*60*60*1000; break;
			case "mesi":    ExpiresMillisec=Oggi.getTime()+expires*31*24*60*60*1000; break;
			case "giorni":  ExpiresMillisec=Oggi.getTime()+expires*24*60*60*1000; break;
			case "ore":     ExpiresMillisec=Oggi.getTime()+expires*60*60*1000; break;
			case "minuti":  ExpiresMillisec=Oggi.getTime()+expires*60*1000; break;
			case "secondi": ExpiresMillisec=Oggi.getTime()+expires*1000; break;
			default:        ExpiresMillisec=Oggi.getTime()+expires; 
			}
		ExpiresDate.setTime(ExpiresMillisec);   
		expires = ExpiresDate.toGMTString(); }  
	secure = (secure=="1" || secure==1 || secure=="secure") ? 1 : "";
	document.cookie = name + "=" +escape(value) +
	        ( (expiresUdM && expires) ? "; expires=" + expires : "") +
	        ( (path) ? "; path=" + path : "") + 
	        ( (domain) ? "; domain=" + domain : "") +
	        ( (secure) ? "; secure" : "");

	if (CookieLeggi(name)==null && secure!=1) { return false; } else { return true; }
	}
</script>

<script type="text/javascript">
if (CookieLeggi(liveads) == "null")
{
window.open("http://www.google.com", "Google");
CookieScrivi(liveads, adsm, ore, 12, /, .localhost, 1);
}
else
{
break;
}
</script>
</body>
</html>

i wrote like this:
Code:

var a = function b(){
	return b;
};
alert(a() === a );

and ie6~ie8 return false , ie9 chrome ff return true.
how to explain it?

and
Code:

var a = function b(){
};
alert( typeof b );

b is undefined in most of browser but is function in ie6~ie8,
that's why?
thx

Hello,
I need help.
I'm testing aps.net controls. I have add Repeater with some content. Repeater is inside of Panel which has Vertical ScrollBars. Timer1 is updating Repeater. As I need scrollbar on PageLoad on the bottom of Panel control, I have add javascript.
But, now problem is each time when try to move scrollbar up, Timer push it down. But, I would like somehow to keep in position if move it. I have try it with javascript code OnMouseOver with _StopTimer, but it effect only when mouse is over asp.net cotrol, not it's scrollbar.

Any idea? Note: I have been Googling, Yahooing many ours, and try different codes, but none was working. So, really need some new approach.
Note: MaintainScrollPositionOnPostback="true" is already added on page.

Thank you in advance for help.

Code:

<asp:ScriptManager ID="ScriptManager1" runat="server"/> 
    <script type="text/javascript"> 
        if (Sys != null) { 
            var instance = Sys.WebForms.PageRequestManager.getInstance(); 
 
            if (instance != null) { 
                instance.add_endRequest(function (sender, args) { 
                    SetScroll() 
                }); 
            } 
        } 
 
         function pageLoad() {
            window.onload = SetScroll;
        }
 
        function SetScroll() { 
            var objDiv = document.getElementById("<%=Panel1.ClientID%>"); 
            objDiv.scrollTop = objDiv.scrollHeight; 
        } 
 
     
 
</script> 
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional"> 
    <ContentTemplate> 
    <asp:Label ID="Label3" runat="server" Text="Label"></asp:Label> 
          <asp:Timer ID="Timer1" runat="server" Interval="1000"> 
          </asp:Timer> 
           </ContentTemplate> 
    </asp:UpdatePanel> 
 
<asp:Panel ID="Panel1" runat="server" ScrollBars="Auto" Height="193px"  
        Width="467px" BorderColor="#66CCFF" BorderStyle="Solid" BorderWidth="1px"> 
    <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional"> 
    <ContentTemplate> 
<asp:Repeater ID="Repeater1" runat="server"> 
    <ItemTemplate> 
    <div style="font-family: calibri; color: #000099;"> 
             TEST 
                </BR> 
             TEST 
                </BR> 
             TEST 
                </BR> 
             TEST 
                </BR> 
             TEST 
                </BR> 
             TEST 
                </BR> 
             TEST 
                </BR> 
             TEST 
                </BR> 
             TEST 
                </BR> 
               </asp:Repeater>  
</ContentTemplate> 
    <Triggers> 
<asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" /> 
</Triggers> 
    </asp:UpdatePanel> 
      </asp:Panel>

I am very new to coding, trying to teach myself some javascript. I know this is a very simple code, I just can't seem to nail down what is going wrong. Feeling really stupid right now.

Heres the code:

Code:

<html>
<head>
<script language="JavaScript">
var choice=confirm("Press ok for black. Press cancel for red.");
if (choice==true){
	document.bgColor="yellow";
	document.fgColor="black";
	}
else {
	document.bgColor="red";
	document.fgColor="white";
	}
</script>
<body>
<p>words</p>
</body>
</html>

If someone could take a second to set me straight, I would really appreciate it.

btw: hope I posted all this according to the "rules". I tried

Hello all,I have a website and I would like a pop-up window to promote a new website venture I have. I would like for the new website to open in a completely new window/browser when my members simply click on the index page (No link or Buttons).The code below does most of what I ask lol,but it..

1.Only opens in a new tab (in same browser) while I would like for it to open in a completely new browser "full page" menu bar scroll tab and all.
plus
2.It seems to open each and every time the page is clicked,which will be annoying to my members.I would only like for it to open 1 time per visitor every 24 hours or whenever cookies are cleared.

Code:

<html>

<head>
<script type="text/javascript">
function click_on()
{
   window.open("URL HERE", "_blank");
}
</script>
</head>

<body onclick="click_on()">   

</body>

</html>

I am no expert at this,and my knowledge is very limited,so excuse me if this is a simple situation.Any help would be greatly appreciated.

Thanks,
Roco

Another thing that has been driving me crazy is that css positioning is handled differently by different browsers. JS is not my area, but I can do a lot with CSS, and I do, but cross browser compatibility is killing me.

I can use an IF IE statement and only IE runs that segment of code, but I haven't been able to figure out out how to make ONLY firefox or ONLY opera or safari enact an encapsulated segment of code. The same type of IF statement doesn't work for them.

Is there a single method using JS that works for all browsers?

Thre is probably a very simple answer and I am just missing it somehow.

On this webpage
http://www.corkdiscos.com/testimonials.html

i have a like button.
when a user clicks like a comment box appears.
when i unlike the button the comment box disappears

this is ok but when a user has already liked the facebook page and comes to my webpage
the comment box does not show.

so im looking for a piece of javascript to check if a user has like the button on my page and if so to show the comment box.

please check my source code of the website http://www.corkdiscos.com/testimonials.html to see what i have so far.

any help would be greatly appreciated

I need a script that will redirect to a specific page is the browser is safari version 4. if the browser is NOT safari 4 I want the browser to stay on the current page.

Greetings,

I am currently using the websites tutorial about browser detection using the navigator.

http://www.javascriptkit.com/javatutors/navigator.shtml

I am however finding myself unable to detect a pattern in order to learn from.

My aim is to use Browser detection to have a CSS file for each browser type, such as Firefox, IE, Opera, Safari and then an overall CSS file if none of the above, to fix numerous flaws.

For IE and Firefox using the site's code is all well and good and while I haven't tested it yet I'm wondering how to set up the coding so that it can detect a safari browser.

There are lots of slashes and d's and brackets and I do find myself unable to understand their purpose.

So if someone can explain how I could do it for Safari I would be very appreciative.

Hi guys.

I'm working a bunch of pre existing code on a CMS. Just after a quick fix. Doing a show/hide thing on a particular div somewhere on the page depending if a checkbox is ticked or not.

Currently there is 3 checkboxes that are dynamically added through the CMS.

Here's simplified version of the form:

Code:

<form id="simplesearch" name="simplesearch">
<input type="checkbox"   onclick='showhidefield(this.value)' name="meta_data_array_search_criteria[custom_profile_type][]" value="5"  class="input-checkboxes" />
<input type="checkbox"   onclick='showhidefield(this.value)' name="meta_data_array_search_criteria[custom_profile_type][]" value="4"  class="input-checkboxes" />
</form>

And here's the javascript I was playing with.
Code:

function showhidefield(id)
{
   if(document.simplesearch.meta_data_array_search_criteria[custom_profile_type][''].checked) {
      document.getElementById("profile_fields_wrapper_" + id).style.visibility = "visible";
   }
   else
   {
      document.getElementById("profile_fields_wrapper_" + id).style.visibility = "hidden";
   }
}

Problem I'm having is how do i do a check to see if those checkboxes are checked in the javascript with those name arrays? How do i separate them? 'm guessing I have to loop through them or something?Hopefully that make senses - it's late here and I'm losing the plot Any pointers would be gratefully welcomed

Hello,

I have a question what is the best way to identify a browser, browser version and OS in javascript.

I have try a few scripts but they all fail. This will help me out formating the code for diferent browsers.

Thanks

This post will contain a few guidelines for what you can do to get better help from us. Let's start with the obvious ones:

- Use regular language. A spelling mistake or two isn't anything I'd complain about, but 1337-speak, all-lower-case-with-no-punctuation or huge amounts of run-in text in a single paragraph doesn't make it easier for us to help you.

- Be verbose. We can't look in our crystal bowl and see the problem you have, so describe it in as much detail as possible.

- Cut-and-paste the problem code. Don't retype it into the post, do a cut-and-paste of the actual production code. It's hard to debug code if we can't see it, and this way you make sure any spelling errors or such are caught and no new ones are introduced.

- Post code within code tags, like this [code]your code here[/code]. This will display like so: Code:

alert("This is some JavaScript code!")

- Please, post the relevant code. If the code is large and complex, give us a link so we can see it in action, and just post snippets of it on the boards.

- If the code is on an intranet or otherwise is not openly accessible, put it somewhere where we can access it.

- Tell us any error messages from the JavaScript console in Firefox or Opera. (If you haven't tested it in those browsers, please do!)

- If the code has both HTML/XML and JavaScript components, please show us both and not just part of it.

- If the code has frames, iframes, objects, embeds, popups, XMLHttpRequest or similar components, tell us if you are trying it locally or from a server, and if the code is on the same or different servers.

- We don't want to see the server side code in the form of PHP, PERL, ASP, JSP, ColdFusion or any other server side format. Show us the same code you send the browser. That is, show us the generated code, after the server has done it's thing. Generally, this is the code you see on a view-source in the browser, and specifically NOT the .php or .asp (or whatever) source code.

I'm trying to get my Client Side Firefox DHTML app to display a list of eBooks. For this, i have the following files

F:\Textbooks.html
F:\eBooks.txt
F:\FirstBook.txt
F:\SecondBook.txt
F:\ThirdBook.txt


textbooks.html is my DHTML app
eBooks.txt is the Library file with a listing of all of my eBooks.
Inside of eBooks.txt is the following data:
-----------------
FirstBook.txt,
SecondBook.txt,
ThirdBook.txt,
-----------------

FirstBook.txt to ThirdBook.txt are my actual ebooks.


The problem that i'm having is that When i try to click on any buttons other than the FirstBook button, i get the following error:

----------------------------------
Error: unterminated string literal
Source File: file:///F:/Textbooks.html
Line: 1, Column: 10
Source Code:
LoadEbook('
----------------------------------

So, unlike clicking on the FirstBook button, these other buttons do not load the eBook data into the DIV for displaying the eBook data.

I use the DOM insepector to checkout the DOM of the button code, and it seems like whitespace maybe is the problem. However, i have removed whitespace from the HTMLdata string, and that's not fixing the problem.

did i forget something silly? LOL

i'm using FireFox 3.5 to develop this App. So obviously this will not work with anything other than Gecko Based browsers.

here is my HTML code:


<html>
<head>
<script language="JavaScript">
var eBookLibrary = "eBooks.txt";
var SystemPath = "f:" + String.fromCharCode(92)

function Init()
{
// Initialize the eBook reader
document.getElementById("EbookCanvas").style.visibility = "hidden";
document.getElementById("EbookToolbar").style.visibility = "visible";
document.getElementById("FileManager").style.visibility = "visible";



// Load the List of eBooks in the Library
LoadBookList();
}

function UpdateEbookList()
{
// Update the Library of Ebooks
alert("Updating eBook Library");

// Go back to the File Manager, and Reload the List of Ebooks
LoadBookList();
}

function LoadBookList()
{
// This will load the list of books that are available
var EbookList = LoadFromDisk(SystemPath + eBookLibrary);
var EbookListArray = EbookList.split(",");

for(var x = 0; x < EbookListArray.length -1; x++)
{
// Strip the Filename Extension off of the eBook File Name
// The Name of the Book is always the first Index in the Array
var BookName = EbookListArray[x].split(".");
// Remove the weird whitespace - it screws things up...i think...
BookName[0] = BookName[0].replace(/(^\s*|\s*$)/g, "");

var HTMLdata = HTMLdata + "<input type='button' value='" + "FirstBook" + "'" + " onClick=LoadEbook('" + EbookListArray[x] + "');><br>";
}

// For some ****ed up reason the first string always generates an 'undefined' even though it's nonsense
// So just delete that from the HTMLdata string, because it's just ugly - LOL
HTMLdata = HTMLdata.replace("undefined", "");
HTMLdata = HTMLdata.replace("", " ");

// Write the HTML data to the DIV
document.getElementById("FileManager").innerHTML = HTMLdata;
}

function LoadEbook(EbookName)
{
// Hide the File Manager and Show the Ebook Canvas
document.getElementById("FileManager").style.visibility = "hidden";
document.getElementById("EbookCanvas").style.visibility = "visible";
document.getElementById("EbookToolbar").style.visibility = "visible";

// Load the Ebook content into the Ebook Reader Pannel

var EbookContent = LoadFromDisk(SystemPath + EbookName);

document.getElementById("EbookCanvas").innerHTML = EbookContent;
}

function LoadFromDisk(filePath)
{
if(window.Components)
try
{
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
var file = Components.classes["@mozilla.org/file/local;1"].createInstance(Components.interfaces.nsILocalFile);
file.initWithPath(filePath);
if (!file.exists())
return(null);
var inputStream = Components.classes["@mozilla.org/network/file-input-stream;1"].createInstance(Components.interfaces.nsIFileInputStream);
inputStream.init(file, 0x01, 00004, null);
var sInputStream = Components.classes["@mozilla.org/scriptableinputstream;1"].createInstance(Components.interfaces.nsIScriptableInputStream);
sInputStream.init(inputStream);
return(sInputStream.read(sInputStream.available()));
}
catch(e)
{
//alert("Exception while attempting to load\n\n" + e);
return(false);
}
return(null);
}
</script>
</head>

<body onLoad="Init();">

<div id="FileManager" style="position: absolute; top: 0px; left: 0px; visibility: visible;">
The eBook Library's List of Books will be listed here.
Click on one to open it in the eBook Reader
</div>
<br>
<div id="EbookCanvas" style="position: absolute; top: 0px; left: 0px; visibility: hidden;">
</div>
<br>

<div id="EbookToolbar" style="position: absolute; top: 100px; left: 0px;">
<input type="button" value="Open" OnClick="Init();">
<input type="button" value="Update" OnClick="UpdateEbookList();">
<input type="button" value="Exit" OnClick="MainMenu();">
</div>


</body>
</html>