Learn VBA & Macros in 1 Week!

JavaScript - Help Javascript Code To Work

Full Excel VBA Course - Beginner to Expert

Help Javascript Code To Work	View Content

Hi,

I have a javascript I created to compare the textbox value to the array and write something on the textbox but somehow it is giving me a syntax error. I am not good in javascript so I am really not sure which one is giving me problem. Can someone please help? Thanks.

My logic is to check if my 18 textbox is not empty and if not then get the label of each textbox and compare to my array listed below. If the value of each label in the textbox exist, then write and equal word in the hidden textbox and if it doesn't exist, increment to the value of 1 to the textbox.

Here is my javascript code:
Code:

function CalculateTotal(){
var homelessness = new Array ();
	homelessness[0] = "70250",
	homelessness[1] = "70260",
	homelessness[2] = "70750",
	);
	
	var financial = new Array ();
	financial[0] = "96580",
	financial[1] = "96500",
	financial[2] = "96580",
	);
	
	var emergency = new Array ();
	emergency[0] = "79660",
	emergency[1] = "80105",
	emergency[2] = "96020",
	);
	
	 
	for (i=3; i<18; i++)
	for (var k=3; k<18; k++)
	{
		if((amounts[i] != "") && (amounts[i] == desig[k]))
		{
			var issueId = impact.charAt(k);
			var impact_txt = document.getElementById(issueId).value;
			for ( var x = 0; x < homelessness.length; x++ ) 
			{
			 	var  myArray[ homelessness[ x ] ] = homelessness[ x ];   
				if ( myArray[impact_txt] == homelessness[] ) && (document.getElementById('impact1').value == ""))
					{
						document.getElementById('impact1').value = "Homelessness";
					}	
					
			}
			for ( var x = 0; x < financial.length; x++ ) 
			{
			 	var  myArray[ financial[ x ] ] = financial[ x ];   
				if ( myArray[impact_txt] == financial[] ) && (document.getElementById('impact2').value == ""))
					{
						document.getElementById('impact2').value = "Financial Stability and Independence";
					}	
					
			}
			for ( var x = 0; x < emergency.length; x++ ) 
			{
			 	var  myArray[ emergency[ x ] ] = emergency[ x ];   
				if ( myArray[impact_txt] == emergency[] ) && (document.getElementById('impact2').value == ""))
					{
						document.getElementById('impact3').value = "Emergency Crisis and Services";
					}	
					
			}
			
		}
		}
	}

}
//body code
 <table>
            	<tr>
                	<td style="width:380px;text-align:left"><label for="d"  id="D" name="D" title="80104">Crime and Drug Use <a href="javascript:alert('');">what is this?</a></label></td>
        
        <td style="float:right">  $<input id="d" name="d" class="text" type="text" value="<?php safeEcho($form['d'])?>" style="width:90px;" onChange="CalculateTotal();" />
     <?php helper_error('d');?> </td><td> <input name="impact1" id="impact1" type="text" value="" onclick="CalculateTotal();" />   
</td>
</tr>
                <tr>
                	<td style="width:380px;text-align:left"><label for="e"  id="E" name="E" title="80101">Early Childhood Development <a href="javascript:alert('');">what is this?</a></label></td>
        
        <td style="float:right">  $<input id="e" name="e" class="text" type="text" value="<?php safeEcho($form['e'])?>" style="width:90px;" onChange="CalculateTotal()" />
     <?php helper_error('e');?> </td><td> <input name="impact2" id="impact2" type="text" value="" onclick="CalculateTotal();" />   
</td>
                </tr>
                <tr>
                	<td style="width:380px;text-align:left"><label for="f"  id="F" name="F" title="80105">Emergency and Crisis Services <a href="javascript:alert('');">what is this?</a></label></td>
        
        <td style="float:right">  $<input id="f" name="f" class="text" type="text" value="<?php safeEcho($form['f'])?>" style="width:90px;" onChange="CalculateTotal()" />
     <?php helper_error('f');?> </td><td> <input name="impact3" id="impact3" type="text" value="" onclick="CalculateTotal();" />   
</td>
                </tr>

Hope you can help me to make my javascript work. Thanks.

Full Excel VBA Course - Beginner to Expert

Javascript Code Wont Work

Similar Tutorials

View Content

HTML:
Code:

<!-- video player begin -->
		<div id="playerHolder">
			<div class="player" id="playerDiv">
				<div id="playerwidget"></div>
				<div id="adCompanionBanner" style="visibility:hidden;"></div>
			</div>
		</div>

In firefox, I type
Code:

javascript:document.getElementById("player").sendEvent(''SEEK", 0);

into the Address bar and hit enter. Why doesn't it work? How do I correctly "seek" a video.

Javascript Code To Submit The Page Does Not Work Sometimes In Ie

Similar Tutorials

View Content

Hi,

I have a jsp which has a function gets called during the page unload.
This jsp has a form with an action attribute to one servlet.
Please find below the code snippet.

---- Java script code ---
function logoff() {
document.forms["FormName"].rel="nofollow" target="_self";
alert('Submitting the form');
document.forms["FormName"].submit();
}

--- HTML form code -----
<body onUnload='logOff()'>
<form name ="FormName" method="POST" action='<%=sLogoutResponseURL %>'>

Whenever the page gets unloaded always logoff function is getting called. I also get the alert message "Submitting the form". But my servrlet does not get invoked. My application supports logging in with the same user id more than once.

Scenario it works: User logs in. Close the application. logoff function is called and servlet gets invoked.

Scenario it does not work: User logs in one window. Open one more IE window and and open the application with same user id. this can be repeated. Now when i close the application logoff function is called for all of the window close. But servlet does not gets invoked all the time. Sometimes it stops calling servlet.

I have searched over the net and found one solution.
Below piece of code will make sure form gets always submitted.
-------------------------Start -----------------
function fakeSubmit(event) {
var target = event ? event.target : this;
/* Fire a submit event */
var fakeEvent = $(target).fire("form:submit");
if (fakeEvent.stopped == false) {
/* Call the real submit function */
this._submit();
}
}

if(window.HTMLElement){
/* DOM-compliant Browsers */
HTMLFormElement.prototype._submit = HTMLFormElement.prototype.submit;
HTMLFormElement.prototype.submit = fakeSubmit;
} else {
/* IE does not expose it's HTMLElement object or its children
Let the document load so all forms are accounted for */
document.observe("dom:loaded", function(){
for(var i = 0; i < document.forms.length; i ){
document.forms[i]._submit = document.forms[i].submit;
document.forms[i].submit = fakeSubmit;
}
});
}
-----------End ------------------

But this resulted in script error while loading the page "object does not support this method or property" at line where document.observe is there.

Kindly help at the earliest.

Thanks in advance
Santosh

Javascript Code Doesn't Work On Google Chrome

Similar Tutorials

View Content

I'm new to the forum. So hi everyone.

The code below works fine on IE and FF but not on Google Chrome.
Can someone tell me where I'm doing wrong?

Thank you for your answers in advance. Im really looking forward much to hearing from you.

You can preview the below code by pasting it to Frontpage, Dreamweaver and etc.

Quote:
<!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>Untitled Document</title>
<script type="text/JavaScript">




</script>

</head>

<body>

<div>

<div>
<table cellspacing="1" cols="3" border="0">
<tbody>
<td><a onfocus="hide('tblB');hide('tblC');show('tblA');" href="#">A</a>
<td><a onfocus="hide('tblA');hide('tblC');show('tblB');" href="#">B</a>
<td><a onfocus="hide('tblB');hide('tblA');show('tblC');" href="#">C</a>
</td>
</tr>
</tbody>
</table>
</div>
<div>
<table id="tblA" style="DISPLAY: none" cols="1" cellpadding="2">
<tbody>
<tr valign="top" align="left">

<td>
You select A,
table
tblA is shown 
</td>
</tr>
</tbody>
</table>
</div>
<div>
<table id="tblB" style="DISPLAY: none" cols="1" cellpadding="2">
<tbody>
<tr valign="top" align="left">
<td>
You select B, table tblB
is shown 
</td>
</tr>
</tbody>
</table>
</div>
<div>
<table id="tblC" style="DISPLAY: none" cols="1" cellpadding="2">
<tbody>
<tr valign="top" align="left">
<td>
You select C, table tblC
is shown 
</td>
</tr>
</tbody>
</table>

</div>
</div>
</body>
</html>

How To Make Url Link That Uses Javascript Work If Javascript Is Disabled?

Similar Tutorials

View Content

Does anyone know how to make URL links that use Javascript still work when
users have Javascript disabled on their browser?

The only reason I'm using JS on a URL is because my link opens a PDF file, and I'm forcing it not to cache so users have the latest version.

I tried the <script><noscript> tags, but I'm not sure if I'm using it
correctly, as my URL completely disappears.

Below is my HTML/Javascript code:

<p class="download">
<script type="text/javascript">document.write("<span
style=\"text-decoration: underline;\"><a href=\"javascript:void(0);\"
onclick=\"window.open(
'http://www.webchild.com.au/mediakit/Direct_Media_Kit_Web.pdf?nocache='+
Math.floor( Math.random()*11 ) );\" >The Child Magazines Media
Kit</a></span> (PDF 1 MB) ");</script>
<noscript><span style="text-decoration: underline;"><a
href="http://www.webchild.com.au/mediakit/Direct_Media_Kit_Web.pdf"
>The Child Magazines Media Kit</a></span> (PDF 1 MB)</noscript>
</p>

Thanks for any help,
Michael

Get This Code To Work In Ie?

Similar Tutorials

View Content

Hi, i got good help with this last time but i still wonder if its possible to make this work in ie explorer.
The script is a expandable menu where the submenus still shall be shown
if javascript is disabled for some reason, it works in firefox but i in ie it shows all links as submenus on load . i wonder if it would be possible to
show the menus unexpanded on load in i explorer to . note that the submenus
should only be visible on load if javascript is disabled.

Im posting the code below i would aprreciate some help

<!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>Untitled Document</title>

<style type="text/css">
.menu1{
margin-left:25px;
padding-left:20px;
padding-top:2px;
padding-bottom: 2px;
display:block;
text-decoration: none;
color: #000000;
height: 20px;
width: 200px;
background-color: #03C;
border: thin solid #FFF;
}

.submenu{
background-image: url(images/submenu.gif);
display: block;
height: 19px;
margin-left: 38px;
padding-top: 2px;
padding-left: 7px;
color: #333333;
}

.hide{
display: none;
}

.show{
display: block;
}

</style>

</head>

<body>

<a class="menu1" onclick="showHide('mymenu1')">Menu 1</a>
<div id="mymenu1" class="show">
<a href="#" class="submenu">Link One here</a>
<a href="#" class="submenu">Link Two here</a>
<a href="#" class="submenu">Link Three here</a>
<a href="#" class="submenu">Link Four here</a>
</div>
<a class="menu1" onclick="showHide('mymenu2')">Menu 2 </a>
<div id="mymenu2" class="show">
<a href="#" class="submenu">Link One here</a>
<a href="#" class="submenu">Link Two here</a>
<a href="#" class="submenu">Link Three here</a>
<a href="#" class="submenu">Link Four here</a>
</div>
<a class="menu1" onclick="showHide('mymenu3')">Menu 3 </a>
<div id="mymenu3" class="show">
<a href="#" class="submenu">Link One here</a>
<a href="#" class="submenu">Link Two here</a>
<a href="#" class="submenu">Link Three here</a>
<a href="#" class="submenu">Link Four here</a>
</div>
<a class="menu1" onclick="showHide('mymenu4')">Menu 4 </a>
<div id="mymenu4" class="show">
<a href="#" class="submenu">Link One here</a>
<a href="#" class="submenu">Link Two here</a>
<a href="#" class="submenu">Link Three here</a>
<a href="#" class="submenu">Link Four here</a>
</div>
<a class="menu1" onclick="showHide('mymenu5')">Menu 5 </a>
<div id="mymenu5" class="show">
<a href="#" class="submenu">Link One here</a>
<a href="#" class="submenu">Link Two here</a>
<a href="#" class="submenu">Link Three here</a>
<a href="#" class="submenu">Link Four here</a>
</div>

<script type="text/javascript">
menu_status = new Array();

function showHide(theid){
var switch_id = document.getElementById(theid);

if(menu_status[theid] != 'show') {
switch_id.className = 'show';
menu_status[theid] = 'show';
} else {
switch_id.className = 'hide';
menu_status[theid] = 'hide';
}
}

var divs=document.getElementsByTagName('div');
var menudivs=[];

for(i=0;i<divs.length;i++) {
if(divs[i].id.indexOf('mymenu')!=-1) menudivs.push(divs[i]);
}

function hideDivs() {
for(i=0;i<menudivs.length;i++) {
menudivs[i].className='hide';
menu_status[menudivs[i]]='hide';
}
}

window.addEventListener('load',hideDivs,false);
//window.attachEvent('onload',hideDivs) - add this within an "if IE" statement
</script>

</body>
</html>

Why Does The Code Not Work

Similar Tutorials

View Content

function paymentmeth()
{
for (i = 0; i < document.merch.payway.length; i++){
if (document.merch.payway[i].checked == true){
//a loop that is used to determine the paymethod and checks to see if data has been entered

method = document.merch.payway[i].value

}
}

if (method == false)
{
alert("You forgot to select Pay Method.")
}
}

Can't Get Code To Work In Ie

Similar Tutorials

View Content

Hi everyone, Kind of new to this but I can't get my page to work in IE, works fine in all other browsers though. Any help would be greatly appreciated!

the site is sthfilm.com and the code is below:
Code:

<html>
<head>
<title>Shortcut to Heaven</title>
<link rel="stylesheet" href="style.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" charset="utf-8">
</script>
<script type="text/javascript">

<!-- Activate cloaking device
var randnum = Math.random();
var inum = 4;
var rand1 = Math.round(randnum * (inum-1)) + 1;
images = new Array
images[1] = "img/bg.jpg"
images[2] = "img/bg2.jpg"
images[3] = "img/bg3.jpg"
images[4] = "img/bg4.jpg"
var image = images[rand1]
// Deactivate cloaking device -->

$(function(){
    
    var menu = $('#menu'),
        pos = menu.offset();
        
        $(window).scroll(function(){
            if($(this).scrollTop() > pos.top+menu.height() && menu.hasClass('default')){
                menu.fadeOut('fast', function(){
                    $(this).removeClass('default').addClass('fixed').fadeIn('fast');
                });
            } 
            else if($(this).scrollTop() <= pos.top && menu.hasClass('fixed')){
                menu.fadeOut('fast', function(){
                    $(this).removeClass('fixed').addClass('default').fadeIn('fast');
                });
            }
        });

});
$(function(){
    
    var bar = $('#bar'),
        pos = bar.offset();
        
        $(window).scroll(function(){
            if($(this).scrollTop() > pos.top+bar.height() && bar.hasClass('default2')){
                bar.fadeOut('fast', function(){
                    $(this).removeClass('default2').addClass('fixed2').fadeIn('fast');
                });
            } 
            else if($(this).scrollTop() <= pos.top && bar.hasClass('fixed2')){
                bar.fadeOut('fast', function(){
                    $(this).removeClass('fixed2').addClass('default2').fadeIn('fast');
                });
            }
        });

});
</script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<script language="JavaScript">
<!-- Activate cloaking device
document.write('<img src="' + image + '" class="bg">')
// Deactivate cloaking device -->
</script>

<div id="navi">
<div id="bar" class="default2" align=center>
<div id="menu" class="default" align=center>
<!--code of floating bar goes here-->
<h1>For additonal information on this project please contact ...</a></h1>
</div>
</div>
</div>

</body>
</html>

This Code Does Not Work..

Similar Tutorials

View Content

For some reason it does not work. It should when a player value is = NaN than the players NaN value should be equal to the players value before he was NaN
Code:

<script type="text/javascript">
function start(){
var t=setTimeout("roll()",500);
var t=setTimeout("p11()",1000);
var t=setTimeout("roll()",3001);
var t=setTimeout("p12()",4002);
var t=setTimeout("roll()",5003);
var t=setTimeout("p13()",6004);
var t=setTimeout("roll()",7005);
var t=setTimeout("p14()",8006);
var t=setTimeout("roll()",9006);
var t=setTimeout("start()",9007);
}

function roll(){
var a = randoma=Math.floor(Math.random()*7);
var b = randomb=Math.floor(Math.random()*7);
document.getElementById("r1").value = a;
document.getElementById("r2").value = b;
}
</script>
<script type="text/javascript">
function p11(){
if (document.getElementById("r1").value == document.getElementById("r2").value )
  {
document.getElementById("n1").value == document.getElementById("p1").value ;
document.getElementById("p1").value = "NaN";
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
  }
if (document.getElementById("r1").value < document.getElementById("r2").value )
  {
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
  }
if (document.getElementById("r1").value > document.getElementById("r2").value )
  {
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
  }
  }
    </script>
  <script type="text/javascript">
  
  function p12(){
 if (document.getElementById("r1").value == document.getElementById("r2").value )
  {
  document.getElementById("n2").value == document.getElementById("p2").value ;
document.getElementById("p2").value = "NaN";
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
  }
if (document.getElementById("r1").value < document.getElementById("r2").value )
  {

document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
  }
 if (document.getElementById("r1").value >  document.getElementById("r2").value )
  {
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
  } 
 }
    </script>
  <script type="text/javascript">
  
  function p13(){
  if (document.getElementById("r1").value == document.getElementById("r2").value )
  {
  document.getElementById("n3").value == document.getElementById("p3").value ;
document.getElementById("p3").value = "NaN";
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
  }
if (document.getElementById("r1").value < document.getElementById("r2").value )
  {
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
  }
if (document.getElementById("r1").value > document.getElementById("r2").value )
  {
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
  } 
  }
  </script>
  <script type="text/javascript">
  
  function p14(){
 if (document.getElementById("r1").value == document.getElementById("r2").value )
  {
document.getElementById("n4").value == document.getElementById("p4").value ;
document.getElementById("p4").value = "NaN";
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
  }
if (document.getElementById("r1").value < document.getElementById("r2").value )
  {
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
  }
if (document.getElementById("r1").value > document.getElementById("r2").value )
  {
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
  } 
   
}
</script>

Code:

Player 1 $<input type="text" value="0" id="p1" size="1" style="background-color:transparent;border:0px solid white;"Readonly />
<br/>
Player 2 $<input type="text" value="0" id="p2" size="1" style="background-color:transparent;border:0px solid white;"Readonly />
<br/>
Player 3 $<input type="text" value="0" id="p3" size="1" style="background-color:transparent;border:0px solid white;"Readonly />
<br/>
Player 4 $<input type="text" value="0" id="p4" size="1" style="background-color:transparent;border:0px solid white;"Readonly />
<br/>
<input type="button" value="Roll" onclick="start()"/>
<br/>
<input type="hidden" value="0" id="r1" size="1" />

<input type="hidden" value="0" id="r2" size="1" />

Player 1 NaN $<input type="text" value="0" id="n1" size="1" style="background-color:transparent;border:0px solid white;"Readonly />
<br/>
Player 2 NaN $<input type="text" value="0" id="n2" size="1" style="background-color:transparent;border:0px solid white;"Readonly />
<br/>
Player 3 NaN $<input type="text" value="0" id="n3" size="1" style="background-color:transparent;border:0px solid white;"Readonly />
<br/>
Player 4 NaN $<input type="text" value="0" id="n4" size="1" style="background-color:transparent;border:0px solid white;"Readonly />

I Have The Code. How To Make It Work?

Similar Tutorials

View Content

I have this javascript code in this html page and it works fine. As soon as I try to add it to an existing page, it doesn't work. I have tried every position for the form and the script that I can think of but to no avail.

I would greatly appreciate soon expert guidance.

Frank.

The code page is here.

The page that I am trying to add it to is here.

What Is Wrong With The Code And Why Will It Not Work

Similar Tutorials

View Content

OK I am stumped. I am creating a little html to check my js file. I want to have the user enter two parameters and then call the function using those two paramaters and then display the answer on the screen.

Here is the html file
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>HomeWork3</title>
<script type="text/JavaScript" src="grosspay.js">
</script>
</head>
<body>
<script type="text/javascript">
<![CDATA[
var hoursWorked = parseInt(prompt("Enter the Number of Hours You Worked", "40"));
var hourlyRate = parseInt(prompt("Enter the Number of Hours You Worked", "10"));
function grossPay(hoursWorked, hourlyRate){
document.writeln(grossPay + " Is your normal amount of your check before taxes are taken out");
}
]]>

</script>
</body>
</html>

Here is the JS file
function grossPay (hoursWorked, hourlyRate) {
if (hoursWorked > 40){
var overTimeHrs = (hoursWorked - 40)
var overTimePay = (overTimeHrs * 1.5 * hourlyRate)
var regPay = (40 * hourlyRate)
var grossPay = regPay + overTimePay
return grossPay
}else {
var grossPay = (40 * hourlyRate)
return grossPay}
}

CAN SOMEONE PLEASE HELP

Help With Code Please, I Cant Get My If Statement To Work...

Similar Tutorials

View Content

So when I enter in numbers for the calculator the numerical grade shows, but not the letter grade. I dont know if I called the function wrong or if my if statement is wrong. I have no idea. Can someone help me please?
Code:

<!DOCTYPE html>
<html lang="en">
<head>
<title>Lab</title>
<meta charset="utf-8">

<script>
function calculateGrade ()
{
var test1 = document.getElementById("t1")
var test2 = document.getElementById("t2")
var finalexam = document.getElementById("t3")
var labs = document.getElementById("t4")
var projects = document.getElementById("t5")
var quizzes = document.getElementById("t6")
var grade= document.getElementById("fng")

grade.value=parseFloat(0.15*test1.value)+parseFloat(0.15*test2.value)+parseFloat(0.20*finalexam.value)+parseFloat(0.30*labs.value)+
parseFloat(0.05*projects.value)+parseFloat(0.15*quizzes.value)
}

function getLetterGrade()
{
if (totalGrade >= 90)
letterGrade = "A";
else if (totalGrade < 90 && totalGrade >= 80)
letterGrade = "B";
else if (totalGrade < 80 && totalGrade >= 70)
letterGrade = "C";
else if (totalGrade < 70 && totalGrade >= 60)
letterGrade = "D";
else if (totalGrade < 60 && totalGrade >= 50)
letterGrade = "F";
}


</script>

</head>
<body>
<form id="form1" name="form1">
<table>
<tr>
<th colspan="2"> Score </th>
</tr>
<tr>
<td> Test 1 </td>
<td><input type="text" name="t1" id="t1" value= ""></td>

</tr>
<tr>
<td> Test 2 </td>
<td><input type="text" name="t2" id="t2" value= ""></td>
</tr>
<tr>
<td> Final Exam </td>
<td><input type="text" name="t3" id="t3" value=""></td>
</tr>
<tr>
<td> Labs </td>
<td><input type="text" name="t4" id="t4" value=""></td>
</tr>
<tr>
<td> Projects </td>
<td><input type="text" name="t5" id="t5" value=""></td>
</tr>
<tr>
<td> Quizzes </td>
<td><input type="text" name="t6" id="t6" value=""></td>
</tr>
<tr>
<th colspan="2">
<input type="button" name="b1" id="b1" value="Calculate Grade"
onclick="calculateGrade(); getLetterGrade()">
</th>
</tr>

<tr>
<td> Final numerical grade </td>
<td><input type="text" name="fng" id="fng" style="border: none"></td>
</tr>
<tr>
<td> Final letter grade </td>
<td><input type="text" name="letterGrade" id="letterGrade" style="border: none"></td>
</tr>
</table>
</form>
</body>
</html>

The Ajax Part Of This Code Does Not Work

Similar Tutorials

View Content

Code:

function dimensions(){
    $('.resource-container').css("width",($(window).width() - 306) + 'px');
    $('.resource-title').css("width",($(window).width() - 366) + 'px');
    $('.resource-container').css("height",($(window).height() - 250) + 'px');
    $('.resource-content ul').css("height",($(window).height() - 292) + 'px');
    $('.resource-iframe').css("width",($(window).width() - 306) + 'px');
    $('.resource-iframe').css("height",($(window).height() - 275) + 'px');
}
function resourcego(id){
	$.ajax({
        url: "http://glynit.co.cc/resource.php?id=" + id + "&item=list&part=name",
        cache: false,
        success: function(data){
			name = data;
        	$.ajax({
        		url: "http://glynit.co.cc/resource.php?id=" + id + "&item=list&part=list",
        		cache: false,
        		success: function(data){
        			list = data;
					$('.resource-toolbar').html('<div id="resource-title" class="resource-title">' + name + '</div>');
					$('.resource-content').html('<div class="resource-list"><ul>' + list + '</ul></div>');
                    dimensions();
				}
			});
        }
	});
}
function viewresource(id,ref){
    $.ajax({
        url: "http://glynit.co.cc/resource.php?id=" + id + "&content=name",
        cache: false,
        success: function(data){
			name = data;
            $('.resource-toolbar').html('<div id="resource-back" class="resource-back" onclick="resourcego(' + ref + ');">Back</div><div id="resource-title" class="resource-title">' + name + '</div><div id="resource-print" class="resource-print">Print</div>');
						$('.resource-content').html('<iframe id="resource-iframe" class="resource-iframe" src="http://glynit.co.cc/resource.php?id=' + id + '&content=content"></iframe>');
                        dimensions();
        }
	});
}
$(window).load(function() {dimensions();});
$(window).resize(function() {dimensions();});

The webiste is http://www.glynit.co.cc/
and the login is guest:guest
And the page is the resources page and it is the links on the left of that page that do not work.

The Delete Buttons In This Code Do Not Work

Similar Tutorials

View Content

Hello,

I have a script that lets you add tasks to a task list and then you can click a button to sort them, but I cannot get the "Delete Selected Task" and "Delete All Tasks" buttons to work correctly. I will be eternally indebted to whoever can help me fix these two buttons. The code I am working on is posted below. Thank you for your time.
[CODE]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

<title>To Do List</title>
<script type="text/javascript">
/* <![CDATA[ */

function addTask() {
if (document.forms[0].newtask.value == "")
window.alert("You must enter a value in the New Task field.");
else {
if (document.forms[0].tasks.options.value == "tasks")
document.forms[0].tasks.options[0] = null;
var newTask = new Option();
newTask.value = document.forms[0].newtask.value;
newTask.text = document.forms[0].newtask.value;
var numTasks = document.forms[0].tasks.options.length;
document.forms[0].tasks.options[numTasks] = newTask;
document.forms[0].newtask.value = "";
}
}

function deleteTask() {
var selectedTask = 0;
var taskSelected = false;
while (selectedTask < document.forms[0].tasks.length) {
if (document.forms[0].tasks.options[selectedTask].selected == true) {
taskSelected = true;
break;
}
++selectedTask;
}
if (taskSelected == true)
document.forms[0].tasks.options[selectedTasks] = null;
else
window.alert("You must select a task in the list.");
}

function ascendingSort() {
var newTasks = new Array();
for (var i =0; i < document.forms[0].tasks.length; ++i) {
newTasks[i] = document.forms[0].tasks.options[i].value;
}
newTasks.sort();
for (var j =0; j < document.forms[0].tasks.length; ++j) {
document.forms[0].tasks.options[j].value = newTasks[j];
document.forms[0].tasks.options[j].text = newTasks[j];
}
}

/* ]]> */

</script>
</head>

<body>

<h1>To Do List</h1>
<form action="">
<p>New Task <input type="text" size="68" name="newtask" /></p>
<p><input type="button" value="Add Task" onclick="addTask()"
style="width: 150px" />
<input type="button" value="Delete Selected Task"
onclick="deleteTask()" style="width: 150px" />
<input type="button" value="Delete All Tasks"
onclick="document.forms[0].task.options.length = 0;"
style="width: 150px" /><br />
<input type="button" value="Ascending Sort"
onclick="ascendingSort()" style="width: 150px" />
</p>
<p><select name="tasks" size="10" style="width: 500px">
<option value="tasks">Tasks</option></select></p>
</form>

</body>
</html>
[CODE]

Factoring Code Doesn't Work

Similar Tutorials

View Content

Code:

		var f = [];

		for ( var f1 = 1; f1 <= n; ++f1 )
		{
			var f2 = n / f1;
			if ( f2 == Math.floor(f2) )
			{
				f.push(f1);
				f.push(f2);
			}
			if ( f2 <= f1 ) break;
		}
		f.sort();

Someone helped me make this factoring code, but if n = 6, it returns [1,2,2,3,3,6,6,6]

Any ideas?

I am looking for [1,2,3,6]

I Would Like My Current Pop Under Code To Work Once Per Hour

Similar Tutorials

View Content

Hi,my current pop under code works ever 24hrs,but I would like to change it to work every hour,and/or to work every time a member clears his cookies.If I am not explaining this correctly please let me know and I will try to correct this.

Code:

function setCookie(name, value, time)
   {
       var expires = new Date();
       
       expires.setTime( expires.getTime() + time );
       
       document.cookie = name + '=' + value + '; expires=' + expires.toGMTString();
   }

Any help with this would be greatly appreciated!!

Mike

Edit:If you need me to post the whole code I have no prob with this.I only posted this part because I thought the issue would be in var expires = new Date();. Just want to know what should I change it to? Here is the whole code.

Code:

<script type="text/javascript">
   var puShown = false;

   function doOpen(url)
   {
           if ( puShown == true )
           {
                   return true;
           }

           win = window.open(url, 'wmPu', 'toolbar,status,resizable,scrollbars,menubar,location,height=700,width=1100');
           if ( win )
           {
                   win.blur();
                   puShown = true;
           }
           return win;
   }
   
   
   function setCookie(name, value, time)
   {
       var expires = new Date();
       
       expires.setTime( expires.getTime() + time );
       
       document.cookie = name + '=' + value + '; expires=' + expires.toGMTString();
   }
   
   
   function getCookie(name) {
       var cookies = document.cookie.toString().split('; ');
       var cookie, c_name, c_value;
       
       for (var n=0; n<cookies.length; n++) {
           cookie  = cookies[n].split('=');
           c_name  = cookie[0];
           c_value = cookie[1];
           
           if ( c_name == name ) {
               return c_value;
           }
       }
       
       return null;
   }


   function initPu()
   {
           if ( document.attachEvent )
           {
                   document.attachEvent( 'onclick', checkTarget );
           }
           else if ( document.addEventListener )
           {
                   document.addEventListener( 'click', checkTarget, false );
           }
   }
   
   
   function checkTarget(e)
   {
       if ( !getCookie('popundr') ) {
           var e = e || window.event;
           var win = doOpen('My Site Name Here/');
           
           setCookie('popundr', 1, 24*60*60*1000);
       }
   }

   initPu();
</script>

I do know that most of you hate pop ups and pop unders,but this is not to annoy my users.I am just using this to promote another site that I own..Thanks again.

Js Code Validates, Doesn't Work In Firefox

Similar Tutorials

View Content

Hey guys, noobie here. I created a page with a thumbnail viewer. Click on a thumbnail and a larger version appears on the same page, NOT a pop up or Lightbox. It previews and validates fine. Even runs in IE. But not in FF(V. 3.6.18). Ideas? Code below with JS highlighted.

[code]
<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitionalt//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>603 products page</title>
<link rel="stylesheet" type="text/css" href="css/603.css" />

<script type="text/javascript">

</script>

</head>

<body>
<div id="frame">
<div id="logoheader">
</div>
<div id="navigation">
<table align="center" cellpadding="0" cellspacing="0"border="0">
<tr>
<th><a href="index.html"><img src="images/buttons/homeup.png" border="0" alt="home"/></a></th>

<th><img src="images/buttons/productsup.png" border="0" alt="products"/></th>
<th><a href="web.html"><img src="images/buttons/webup.png" border="0" alt="web"/></a></th>

<th><a href="contact.html"><img src="images/buttons/contactup.png" border="0" alt="contact"/></a></th>
</tr>
</table>

</div>
<div id="contentproducts">

<div id="tablediv">
<table align="center" cellpadding="0" border="0">
<tr>
<th><a href="javascript:changeImage('images/imageslarge/lumbarlarge.jpg')"><img src="images/slices/images/lumbarslice.jpg" border="0" alt="hh"/></a></th>
<th><a href="javascript:changeImage('images/imageslarge/shaverlarge.jpg')"><img src="images/slices/images/shaverslice.jpg" border="0" alt="hh"/></a></th>
<th><a href="javascript:changeImage('images/imageslarge/laptoplarge.jpg')"><img src="images/slices/images/laptopslice.jpg" border="0" alt="hh"/></a></th>
<th><a href="javascript:changeImage('images/imageslarge/bodyformlarge.jpg')"><img src="images/slices/images/bodyformslice.jpg" border="0" alt="hh"/></a></th>
<th><a href="javascript:changeImage('images/imageslarge/footlarge.jpg')"><img src="images/slices/images/footslice.jpg" border="0" alt="hh"/></a></th>
<th><a href="javascript:changeImage('images/imageslarge/boomboxlarge.jpg')"><img src="images/slices/images/boomboxslice.jpg" border="0" alt="hh"/></a></th>

<th><a href="javascript:changeImage('images/imageslarge/hhlarge.jpg')"><img src="images/slices/images/hhslice.jpg" border="0" alt="hh"/></a></th>
<th><a href="javascript:changeImage('images/imageslarge/wandlarge.jpg')"><img src="images/slices/images/wandslice.jpg" border="0" alt="wand"/></a></th>
</tr>
</table>

<div id="largeimage">
<img name="mainimage" src="images/blank.jpg" alt="main image"/>
</div>



</div>
</div>
<div id="footer">
<img src="images/copyright.png" border="0" alt="footer logo"/>
</div>
</div>

</body>

</html>
[code]

Code Failed To Work After Adding A 2nd Condition.

Similar Tutorials

View Content

I have a function to accept number and certain text only when "Enter" key is pressed.
Code:

function handleEnter(field, event){
var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
var tmp_val = "";
       if (keyCode == 13) {
		if(field.name=="number" && field.value.replace(/ /g,"").length>1){	
			field.value = field.value.replace(/ /g,"");
			field.value = field.value.toUpperCase();
			tmp_val = field.value;
			if (isNaN(tmp_val) && tmp_val!="ABC") {
				field.value = "";
				field.focus();
				return false;
			}
                       else {
                          some codings here
                       }
               }
       }
}

However, when I added a second condition, the code stops working
Code:

if (isNaN(tmp_val) && (tmp_val!="ABC" ||tmp_val!="DEF") )

Anyone pls help~ Tks~

Check Cookie Code Doesn't Work

Similar Tutorials

View Content

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>

Can Anyone Please Make This Login Code Work In Safari?

Similar Tutorials

View Content

So I have made a website that you need a password to get into. The following javascript code works in Internet Explorer but, I need it to work in Safari also. Can anyone please rewrite this code, as simple as possible, to work in both Safari and Internet Explorer ?

[CODE ] [/CODE]

Thanks in advance...

What Is The Problem In This Code (settimeout Function Does Not Work)

Similar Tutorials

View Content

Hello everybody
I need your help in this problem

At first, this is the code used

HTML Code
PHP Code:
<input  type="text" onfocus="fadeIn(this)" /><div class="box" style="opacity: 0.0"></div><br />
<input  type="text" onfocus="fadeIn(this)" /><div class="box" style="opacity: 0.0"></div>

JavaScript Code
PHP Code:
function fadeIn(elem){
      element = elem.nextSibling;
      elemOpacity = element.style.opacity;
      element.innerHTML = elemOpacity;
      if (elemOpacity < 1.0)
            element.style.opacity = parseFloat(elemOpacity) + 0.1;
      timeIn = setTimeout(fadeIn, 100);
}

I have used the opacity property to make fading element like fadeIn() function in jquery , and i have used onfocus event to execute the code .
Problem exists in setTimeout function, this function Does not work But the code works without this function

What is the cause of the problem , Please help me