JavaScript - Debug Error In Simple Program.

I have an homework for a web development class. I wrote a program that would be displayed on a webpage that returns the users zodiac sign. It was working just fine until i made small mistake somewhere but i just can't find it. If anyone could help I would appreciate it, I imagine it would be a very easy job for anyone familiar with javascript.

[CODE]
function signs() {
var date=document.zodiac.date.value;
var month=document.zodiac.month.selectedIndex;
var fortune= new Array()
fortune[0]="There is a true and sincere friendship between you and your friends. "
fortune[1]="You find beauty in ordinary things, do not lose this ability. "
fortune[2]="Ideas are like children; there are none so wonderful as your own. "
fortune[3]="It takes more than good memory to have good memories. "
fortune[4]="A thrilling time is in your immediate future. "
fortune[5]="Your blessing is no more than being safe and sound for the whole lifetime. "

if (document.zodiac.month.value == 1 && document.zodiac.date.value >=20 || document.zodiac.month.value == 2 && document.zodiac.date.value <=18) {document.zodiac.sign.value = "Aquarius";}
if (document.zodiac.month.value == 1 && document.zodiac.date.value > 31) {document.zodiac.sign.value = "Invalid Date";}
if (document.zodiac.month.value == 2 && document.zodiac.date.value >=19 || document.zodiac.month.value == 3 && document.zodiac.date.value <=20) {document.zodiac.sign.value = "Pisces";}
if (document.zodiac.month.value == 2 && document.zodiac.date.value > 29) {document.zodiac.sign.value = "Invalid Date?";}
if (document.zodiac.month.value == 3 && document.zodiac.date.value >=21 || document.zodiac.month.value == 4 && document.zodiac.date.value <=19) {document.zodiac.sign.value = "Aries";}
if (document.zodiac.month.value == 3 && document.zodiac.date.value > 31) {document.zodiac.sign.value = "Invalid Date";}
if (document.zodiac.month.value == 4 && document.zodiac.date.value >=20 || document.zodiac.month.value == 5 && document.zodiac.date.value <=20) {document.zodiac.sign.value = "Taurus";}
if (document.zodiac.month.value == 4 && document.zodiac.date.value > 30) {document.zodiac.sign.value = "Invalid Date";}
if (document.zodiac.month.value == 5 && document.zodiac.date.value >=21 || document.zodiac.month.value == 6 && document.zodiac.date.value <=21) {document.zodiac.sign.value = "Gemini";}
if (document.zodiac.month.value == 5 && document.zodiac.date.value > 31) {document.zodiac.sign.value = "Invalid Date";}
if (document.zodiac.month.value == 6 && document.zodiac.date.value >=22 || document.zodiac.month.value == 7 && document.zodiac.date.value <=22) {document.zodiac.sign.value = "Cancer";}
if (document.zodiac.month.value == 6 && document.zodiac.date.value > 30) {document.zodiac.sign.value = "Invalid Date";}
if (document.zodiac.month.value == 7 && document.zodiac.date.value >=23 || document.zodiac.month.value == 8 && document.zodiac.date.value <=22) {document.zodiac.sign.value = "Leo";}
if (document.zodiac.month.value == 7 && document.zodiac.date.value > 31) {document.zodiac.sign.value = "Invalid Date";}
if (document.zodiac.month.value == 8 && document.zodiac.date.value >=23 || document.zodiac.month.value == 9 && document.zodiac.date.value <=22) {document.zodiac.sign.value = "Virgo";}
if (document.zodiac.month.value == 8 && document.zodiac.date.value > 31) {document.zodiac.sign.value = "Invalid Date";}
if (document.zodiac.month.value == 9 && document.zodiac.date.value >=23 || document.zodiac.month.value == 10 && document.zodiac.date.value <=22) {document.zodiac..sign.value = "Libra";}
if (document.zodiac.month.value == 9 && document.zodiac.date.value > 30) {document.zodiac.sign.value = "Invalid Date";}
if (document.zodiac.month.value == 10 && document.zodiac.date.value >=23 || document.zodiac.month.value == 11 && document.zodiac.date.value <=21) {document.zodiac.sign.value = "Scorpio";}
if (document.zodiac.month.value == 10 && document.zodiac.date.value > 31) {document.zodiac.sign.value = "Invalid Date";}
if (document.zodiac.month.value == 11 && document.zodiac.date.value >=22 || document.zodiac.month.value == 12 && document.zodiac.date.value <=21) {document.zodiac.sign.value = "Sagittarius";}
if (document.zodiac.month.value == 11 && document.zodiac.date.value > 30) {document.zodiac.sign.value = "Invalid Date";}
if (document.zodiac.month.value == 12 && document.zodiac.date.value >=22 || document.zodiac.month.value == 1 && document.zodiac.date.value <=19) {document.zodiac.sign.value = "Capricorn";}
if (document.zodiac.month.value == 12 && document.zodiac.date.value > 31) {document.zodiac.sign.value = "Invalid Date";}

document.getElementById("image").src=document.zodiac.sign.value+".jpg"
var randomFortune= Math.floor(Math.random() * 5)
document.zodiac.fortunebox.value=fortune[randomFortune]
document.getElementById('body').style.backgroundColor='#99FFCC'
document.getElementById('body').style.backgroundColor='#99FFCC'
document.tags.H1.color = '#99FFCC'
}

[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>
<div style="background-color:#000000; height:60px;" >
<h1 align="center"> What Zodiac Sign Are You? </h1>
</div>
<title>Horoscope Fortune Teller</title>
<LINK REL=StyleSheet HREF="horoscope.css" TYPE="text/css" MEDIA=screen>
<script type="text/javascript" src="Horoscope.js">

</script>
</head>
<body id=body>
<br>
<br>
<table border=10px; align="center", height="250px">
<form name="zodiac">
<tr><td>Please select your day and month of birth to get started:</td></tr>
<br>
<br>
<tr>
<td>Choose month from the list:</td>
<td>
<select name="month">
<option value="1">January</option>
<option value="2">February</option>
<option value="3">March</option>
<option value="4">April</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
</td>
</tr>
<tr>
<td>Enter day of birth:</td>
<td><input type="text" name="date" value="Day" onClick=value=""></td>
</tr>
<tr>
<td>Your Zodiac Sign is:</td><td><input type="text" name="sign" value="Zodiac Sign"></td>
</tr>
<tr>
<td><input type="button" value="Click to find your sign" onClick="signs()"></td>
<tr><td><img src="" id="image" alt="" /></td><td align="center"><input type="text" name="fortunebox" value="" size="80"></td></tr>


</tr>
</table>
</form>
<br>
<br>
<br>
<br>

<div style="background-color:#000000; height:60px;"></div>
</body>
</html>

Hey guys,

Here's the program.




Quote:
import java.util.Random;
import java.util.Scanner;

public class HighLowGame
{
public static void main(String[] args)
{

Random rand = new Random();


int numberOfTries = 0;
Scanner input = new Scanner(System.in);
char repeat;
char ans;
int guess;
boolean win = false;



do {

System.out.println("Pick a number between 0 and 10: ");
guess = input.nextInt();
numberOfTries++;
int numberToGuess = rand.nextInt(10);

if (guess == numberToGuess) {
win = true;
System.out.println("Congratulations you have won!");


}
else if (guess > numberToGuess) {
System.out.println("Your guess was high try again");

}
else if (guess < numberToGuess) {
System.out.println("Your guess was low try again");
}

System.out.println("The number was " + numberToGuess);
System.out.println("You guessed the number in "+ numberOfTries + " attempt(s)");
System.out.println("New game? 1 for Yes, or any other number to quit ");
ans = input.next().charAt(0);

} while (ans == 1);








}
}





Two questions, why doesn't my program let me keep putting in numbers until I guess the right one?

What is wrong with my loop? Pressing 1 should repeat the program, any other number should close.

Thanks!

i am new in programming and learning it from lynda
but i am trying to make a program which according to me is good enough but its not working and i am using free javascript editor for compiling and coding

<!DOCTYPE html>
<html>
<body>

<script>
var a = 5;
var b = 10;
var c = 30;

var d = a + b + c;
alert("the value of d is" + d);

</body>
</html>



Please tell me where is it i am making mistake





Reply With Quote




01-08-2015, 11:56 PM #2
Old Pedant View Profile View Forum Posts

Supreme Master coder! Join Date Feb 2009 Posts 28,311 Thanks 82 Thanked 4,754 Times in 4,716 Posts

You forgot the </script> ending tag.

(just started JS 2 weeks ago) -- this is also my first time posting here, if my post isnt following the proper template let me know and Ill fix it .. Thanks so much for taking the time to check this out in advance

Im trying to make the first ul tag in the each slideMenus[] array index values have a position of left = 0px I keep recieving this error however
____________________________________________________
Error: slideMenus[i].getElementsByTagName("ul").style is undefined

Line: 63
------------------------------------------------------------------

the script in question is in [code]. Could someone tell me if I am just making a syntax error if not ill try redoing the whole thing.










window.onload = makeMenus

var currentSlide = null
var timeID = null
leftPos = 0

function makeMenus(){
var slideMenus = new Array()
var allElems = document.getElementsByTagName("*")
var slideListArr = new Array()

for(var i=0 ; i < allElems.length ; i++){
if(allElems[i].className = "slideMenu") slideMenus.push(allElems[i])
}



for(var i=0 ; i < slideMenus.length ; i++){
slideMenus[i].onclick = showSlide;
Code:

slideMenus[i].getElementsByTagName("ul")[0].style.left = "0px";

}
document.getElementById("head").onClick = closeSlide
document.getElementById("main").onClick = closeSlide
}

function showSlide(){
var slideList = this.getElementsByTagName("ul")[0] // mess with this
if((currentSlide != null) && (currentSlide.id == slideList.id))
{closeSlide()}

else{
closeSlide();
var currentSlide = slideList;
currentSlide.style.display = "block";
timeID = setInterval('moveSlide()', 1);
}
}

function closeSlide(){
if(currentSlide){
clearInterval(timeID);
currentSlide.style.left = "0px"
currentSlide.style.display = "none";
var currentSlide = null
}
}

function moveSlide(){
var leftPos = leftPos + 5;
if(leftPos <= 220)
{currentSlide.style.left = leftPos + "px"}
else{
clearInterval(timeID);
var leftPos = 0}
}

what am i doing wrong?

also can I add another http post to validate the credit card

Code:

function validateregister() {
    // alert("here");
    var frm=document.forms['register'];
    
   
    var mobilenumber=frm.mobilenumber;
       
    
  http.abort();
  http.open("GET", "validatemobile.asp?mobile=" + mobilenumber, true);
 // alert("here");
  http.onreadystatechange=function() {
    if(http.readyState == 4) {
    var myresult = http.responseText;
  
    }
  }
  http.send(null);
  
   if(frm.mobilenumber.value==""){
        alert("Please Enter your Mobile Number")
        return false;
        }
      if (myresult!="Valid"){
    alert(myresult);
    return false;
        }
        if(frm.pin.value==""){
        alert("Please Enter your Pin")
        return false;
        }
        
        
        return true;
        
  
}

First off, I've been coming to this site over the past few months and it's been really helpful but I never needed help with anything up until now. I can't seem to find why this isn't working.
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Days of the Week</title>
</head>
<script type="text/javascript">
<!-- HIDE FROM INCOMPATIBLE BROWSERS
printDays();
// STOP HIDING FROM INCOMPATIBLE BROWSERS -->
</script>
</head>
<body>
<script type="text/javascript">
<!-- HIDE FROM INCOMPATIBLE BROWSERS
function printDays() {
	daysOfWeek = new Array(7);
	daysOfWeek[0] = "Monday";
	daysOfWeek[1] = "Tuesday";
	daysOfWeek[2] = "Wednesday";
	daysOfWeek[3] = "Thursday";
	daysOfWeek[4] = "Friday";
	daysOfWeek[5] = "Saturday";
	daysOfWeek[6] = "Sunday";
	var count = 0;
	do {
		document.write(daysOfWeek[count] + "<br />");
		++count;
	} while (count <= 6);
}
// STOP HIDING FROM INCOMPATIBLE BROWSERS -->
</script>
</body>
</html>

If anyone could point me in the right direction of what's wrong it'd really help.

what can be wrong with the below
instead of calling the javascript function
it is going to the homepage
Code:

<a href=# onClick="updatecart('2051')" class="button">Update</a>

the following code is erroring


does anyone know why?

Code:

<SCRIPT language=javascript>

        $(document).ready(function() {
            $("#catA").show();
            $("table").css({ "clear": "left" });
            $("img[@src='https://www.mysite.com/logos/bbb_logo.gif']").attr({"src":"http://www.mysite.com/logos/bbb_logo.gif"});
        });
        function showCat(which) {
            $(".cats").hide();
            $("#cat" + which).show();
            return false;
        }

        tabsAr = new Array("#product_listing", "#category_listing", "#brand_listing");
        function flipTab(which) {
            $(tabsAr.join(",")).hide();
            $(tabsAr[which]).show();
            $("#tabs > li").removeClass("vlnk");
            $("#tabs > li:eq(" + which + ")").addClass("vlnk");
        }

    </SCRIPT>

Code:

 <html>
<head>


<script type="text/javascript">
function go(){
var namev = document.getElementById("name").value;
var imagev =  document.getElementById("image").value;
var idv =  document.getElementById("id").value;
var dov =  document.getElementById("do").value;
var descv =  document.getElementById("desc").value;
var varnv =  document.getElementById("varn").value;
document.getElementById("outcome").innerHTML = "var" + varnv + "= new Image();" + "<br/>" + varnv + ".src =" + imagev + ";" + "<br/>" + "<br/>" + "function pickup"  + namev + "(){"  + "<br/>" ;
goa();
}
function goa(){
document.getElementById("data").innerHTML += "if (document.getElementById("is1n").innerHTML == ""){"; + "<br/>" + "document.getElementById("is1i").src =" + imagev + "<br/>" + "document.getElementById("is1n").innerHTML =" + namev + "document.getElementById("is1d").innerHTML = " + dov + ";";
}

</script>

-->

</head>
Name<input type="text" value="a" id="name" />must have ""
<br/>
SRC<input type="text" value="a" id="image" />must have "" at each side
<br/>
ID<input type="text" value="a" id="id" />""
<br/>
DO<input type="text" value="a" id="do" /> ""
<br/>
DESC<input type="text" value="a" id="desc" />
<br/>
VAR<input type="text" value="a" id="varn" />
<input type="button" onclick="go();" value="create"/>
<br/>
<div id="outcome" CONTENTEDITABLE  ></div>
<br/>
<div id="data" CONTENTEDITABLE ></div>

</body>
</html>

It does not seem to write the function goa i used firebug and all it gives me is
missing ; before statement

I've got this code below, it seems ok, but sometimes, the multiplication does not work..i don't know why... pls help me..thanks

btw, this is my 1st javascript "application", so, im really new into this


thanks in advance for any help

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My First JavaScript Application</title>

<style type="text/css">
td
{
	text-align:center
}
table
{
	background:#660033
}
body
{
	background-color:#666;
	text-wrap:supress;
	
}
h1
{
	color:#FFFFFF;
}

.ex
{
	background-color:#99F;
	color:#660000;
	font:Verdana, Geneva, sans-serif;
	font-size:20px;
	text-align:right;
	
}
.ec
{
	background-color:#CCC;
	color:#660033;
	font:Arial, Helvetica, sans-serif;
	font-size:18px;
}
</style>


<script type="text/javascript">
var num1 = 0;
var ope = 0;
var num2 = 0;
var ek = 0

	function addOnScr1()
	{
		document.getElementById("neg").disabled=true;
		if((ek!=0))
		{
		document.getElementById("nums").value = "";
		ek = 0;
		}
		var txt = document.getElementById("nums").value;
		txt = txt+1;
		document.getElementById("nums").value = txt;
	
	}

	function addOnScr2()
	{
		document.getElementById("neg").disabled=true;
		if((ek!=0))
		{
		document.getElementById("nums").value = "";
		ek = 0;
		}
		var txt = document.getElementById("nums").value;
		txt = txt+2;
		document.getElementById("nums").value = txt;
	}	

	function addOnScr3()
	{
		document.getElementById("neg").disabled=true;
		if((ek!=0))
		{
			document.getElementById("nums").value = "";
			ek = 0;
		}
		var txt = document.getElementById("nums").value;
		txt = txt+3;
		document.getElementById("nums").value = txt;
	}
	
	function addOnScr4()
	{
		document.getElementById("neg").disabled=true;
		if((ek!=0))
		{
			document.getElementById("nums").value = "";
			ek = 0;
		}
		var txt = document.getElementById("nums").value;
		txt = txt+4;
		document.getElementById("nums").value = txt;
	}

	function addOnScr5()
	{
		document.getElementById("neg").disabled=true;
		if((ek!=0))
		{
			document.getElementById("nums").value = "";
			ek = 0;
		}
		var txt = document.getElementById("nums").value;
		txt = txt+5;
		document.getElementById("nums").value = txt;
	}

	function addOnScr6()
	{
		document.getElementById("neg").disabled=true;
		if((ek!=0))
		{
			document.getElementById("nums").value = "";
			ek = 0;
		}
		var txt = document.getElementById("nums").value;
		txt = txt+6;
		document.getElementById("nums").value = txt;
	}
	function addOnScr7()
	{
		document.getElementById("neg").disabled=true;
		if((ek!=0))
		{
			document.getElementById("nums").value = "";
			ek = 0;
		}
		var txt = document.getElementById("nums").value;
		txt = txt+7;
		document.getElementById("nums").value = txt;
	}

	function addOnScr8()
	{
		document.getElementById("neg").disabled=true;
		if((ek!=0))
		{
			document.getElementById("nums").value = "";
			ek = 0;
		}
		var txt = document.getElementById("nums").value;
		txt = txt+8;
		document.getElementById("nums").value = txt;
	}
	function addOnScr9()
	{
		document.getElementById("neg").disabled=true;
		if((ek!=0))
		{
			document.getElementById("nums").value = "";
			ek = 0;
		}
		var txt = document.getElementById("nums").value;
		txt = txt+9;
		document.getElementById("nums").value = txt;
	}

	function addOnScr0()
	{
		document.getElementById("neg").disabled=true;
		if((ek!=0))
		{
			document.getElementById("nums").value = "";
			ek = 0;
		}
	
		var txt = document.getElementById("nums").value;
		txt = txt+0;
		document.getElementById("nums").value = txt;
	}

	function addOnScrp()
	{
		document.getElementById("neg").disabled=true;
		document.getElementById("point").disabled=true;
		if((ek!=0))
		{
			document.getElementById("nums").value = "";
			ek = 0;
		}
		var txt = document.getElementById("nums").value;
		txt = txt+".";
		document.getElementById("nums").value = txt;
	}

	function addOnScrn()
	{
		var txt = document.getElementById("nums").value;
		txt = txt+"-";
		document.getElementById("nums").value = txt;
	}

	function add()
	{
		document.getElementById("neg").disabled=false;
		document.getElementById("point").disabled=false;
		ek=1;
		if(num1==0)
		{
			num1 = parseFloat(document.getElementById("nums").value);
		}
		else
		{
			ent();
		}
		ope = 1;
	
	}

	function diff()
	{
		document.getElementById("neg").disabled=false;
		document.getElementById("point").disabled=false;
		
		ek=1;
		if(num1==0)
		{
			num1 = parseFloat(document.getElementById("nums").value);
		}
		else
		{
			ent();
		}
		ope = 2;
	}

	function prod()
	{
		document.getElementById("neg").disabled=false;
		document.getElementById("point").disabled=false;
		
		ek=1;
		if(num1==0)
		{
			num1 = parseFloat(document.getElementById("nums").value);
		}
		else
		{
			ent();
		}
		ope = 3;
	}
	
	function quo()
	{
		document.getElementById("neg").disabled=false;
		document.getElementById("point").disabled=false;
		
		ek=1;
		if(num1==0)
		{
			num1 = parseFloat(document.getElementById("nums").value);
		}
		else
		{
			ent();
		}
		ope = 4;
	}

	function clr()
	{
		num1 = 0;
		num2 = 0;
		ope = 0;
		document.getElementById("nums").value = "";
		document.getElementById("neg").disabled=false;
		document.getElementById("point").disabled=false;
		ek = 0;
	}

	function ent()
	{
		ek = 1;
		var ans;
		num2 = parseFloat(document.getElementById("nums").value);
		switch(ope)
		{
			case 1:
				ans = num1 + num2;
				document.getElementById("nums").value = ans;
				num1 = ans;
				break;
			case 2:
				ans = num1 - num2;
				document.getElementById("nums").value = ans;
				num1 = ans;
				break;
			case 3:
				ans = num1 * num2;
				document.getElementById("nums").value = ans;
				num1 = ans;
				break;
			case 4:
				ans = num1 / num2;
				document.getElementById("nums").value = ans;
				num1 = ans;
				break;
			default:
				document.getElementById("nums").value = "???";	
		}
	}
	
	function enterz()
	{
		document.getElementById("neg").disabled=false;
		document.getElementById("point").disabled=false;
		
		ek = 1;
		var ans;
		num2 = parseFloat(document.getElementById("nums").value);
		switch(ope)
		{
			case 1:
				ans = num1 + num2;
				document.getElementById("nums").value = ans;
				num1 = 0;
				break;
			case 2:
				ans = num1 - num2;
				document.getElementById("nums").value = ans;
				num1 = 0;
				break;
			case 3:
				ans = num1 * num2;
				document.getElementById("nums").value = ans;
				num1 = 0;
				break;
			case 4:
				ans = num1 / num2;
				document.getElementById("nums").value = ans;
				num1 = 0;
				break;
			default:
				document.getElementById("nums").value = "???";	
		}	
	}



</script>
</head>
<body><center>
<form><h1>
Calculator</h1>
<table border="0">
<tr><th colspan="4"><input type="text" class = "ex" id = "nums" name = "nums"  /></th></tr>
<tr><td><button type="button" class = "ec" onclick="addOnScr1()">1</button></td>
<td><button type="button" class = "ec" onclick="addOnScr2()">2</button></td>
<td><button type="button" class = "ec" onclick="addOnScr3()">3</button></td>
<td><button type="button" class = "ec" onclick="add()">+</button></td>
</tr>

<tr><td><button type="button" class = "ec" onclick="addOnScr4()">4</button></td>
<td><button type="button"  class = "ec" onclick="addOnScr5()">5</button></td>
<td><button type="button" class = "ec" onclick="addOnScr6()">6</button></td>
<td><button type="button" class = "ec" onclick="diff()">--</button></td></tr>

<tr><td><button type="button" class = "ec" onclick="addOnScr7()">7</button></td>
<td><button type="button" class = "ec" onclick="addOnScr8()">8</button></td>
<td><button type="button" class = "ec" onclick="addOnScr9()">9</button></td>
<td><button type="button" class = "ec" onclick="prod()">*</button></td></tr>

<tr><td><button type="button" class = "ec" id="neg" onclick="addOnScrn()">-</button></td>
<td><button type="button" class = "ec" onclick="addOnScr0()">0</button></td>
<td><button type="button" class = "ec" id="point" onclick="addOnScrp()">.</button></td>
<td><button type="button" class = "ec" onclick="quo()">/</button></td></tr>

<tr><td></td> <td><button type="button" class = "ec" onclick="enterz()">=</button></td>
<td><button type="button" class = "ec" onclick="clr()">C</button></td><td> </td></tr>

</form>

</body>
</html>

Here is my html page, it just stays on the third image and will not change! Will someone debug the javascript for me please. Thanks

Code:

<html>
<head>
<title>Slideshow</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/slideshow.js"></script>
<script type="text/javascript">

    if (document.images)
    {
      preload_image_object = new Image();
      // set image url
      image_url = new Array();
      image_url[0] = "/images/chef1.jpg";
      image_url[1] = "/images/chef2.jpg";
      image_url[2] = "/images/chef3.jpg";
      image_url[3] = "/images/chef4.jpg";

       var i = 0;
       for(i=0; i<=3; i++) 
         preload_image_object.src = image_url[i];
    }
    </SCRIPT> 
    
<style type="text/css">

	#slideshow_container{
		width: 500px;
		height: 360px;
		margin: 10px auto;
		overflow: hidden;
	}
	
	#slideshow_container div{
		
		width: 500px;
		height: 360px;
		position: absolute;

</style>
</head>
<body onLoad="changeImage();">

	<div id="slideshow_container">
    
    	
		<div id="counter">
        
        4
        
        </div>
		
		
		<div class="behind">
        	
            <img src="images/chef1.jpg" />
        
        </div>
        
        <div class="infront">
        
        
        
        </div>
        
    </div>

</body>
</html>

Ok i'm not sure if this should go here or in the CSS/HTML section as i don't even know where the "conflict" comes from...

Here's two almost identical pages:

http://www.pirate-punk.net/bugtest.php
http://www.pirate-punk.net/index.php?page=bugtest2

With Firefox or Opera it works perfectly. But with Internet explorer (i tryed with IE8) the top menu will be displayed correctly only in bugtest.php page

it's not working in the other page and the bug is on my WHOLE site

There's also another mysterious bug that always appear on the same time, my donation button image is supposed to be at the bottom right corner of the screen, but when the menu finally works the donation button won't work.... It probably has a link with the other bug

Also, one of the checkbox labels is disseapearing... it is really weird because on both page, it is the exact same header file that is included

Anyway, i don't care about that donation button or the checkbox, but i really need to fix the menu and i've been messing with it for hours and hours.

if someone can help me with this i will be forever grateful !!

thanks a lot

So I'm fairly new to HTML/CSS/Javascript and coding in general and I'm having a helluva a time decoding this. I've looked it over many times, and for many minutes but I really have to break down and look for help now. It must be a stupid error somewhere but nonetheless. I think it's pretty straightforward what it's supposed to do.

Code:

<html>

<head>
<script type="text/javascript">

function findCost() {
	var copies = document.getElementById("copyNum").value;
	if (copies<500)
		{
		var cost = copies * 0.25;
		}
	else if (copies>499 && <750)
		{
		var cost = copies * 0.22;
		}
	else if (copies>749 && <1000)
		{
		var cost = copies * 0.20;
		}
	else
		{
		var cost = copies * 0.18;
		}
	document.getElementById("totalcost").innerHTML = "The cost to print " + copies + "copies is $" + cost.toFixed(2);
}
</script>
</head>

<body>

<h2>Printing Place</h2>
<p>The Printing Place has different printing prices based on the number of copies to be printed:</p>
<ul>
<li>a. 0 - 499 copies = $0.25 per copy</li>
<li>b. 500 - 749 copies = $0.22 per copy</li>
<li>c. 750 - 999 copies = $0.20 per copy</li>
<li>d. 1000 copies or more = $0.18 per copy</li>
</ul>

Enter the number of copies you would like:<br />
<input type="text" id="copyNum">
<input type="button" value="Calculate Cost" onClick="findCost()">

<p id="totalcost"></p>

</body>

</html>

Can I debugge Javascript code to see which values take my variables?

If so, How can I do it.

thanks so much

I just started a job doing classic asp and only have experiance with asp.net and no java scrpt

How can i debug javascript in classic asp pages?

i have no clue so If you know, please give baby steps that are idiot proof

Thanks~