Javascript in Head doesn't process

I have a feeling there's some really stupid something I'm doing but for some reason that I can't find at all, the JavaScript in my head tag won't process on one of my pages. Any help will be greatly appreciated while I try to figure it out.

http://webdrive.service.emory.edu/users/jarnol4/public/cc/webprototype/viewer.htm

Apr 14 '07 #1

Subscribe Post Reply

1452

ace214

Ok, so it's not that's in the head, because I've moved it and a my button rollover script to separate scripts in an attempt to isolate the problem. So the it's the my picture changing script that is the problem:
Here is the script
Here is the page

Thanks for any help.....

Apr 14 '07 #2

DutchKingCobra

hi pal,
there where a lot of syntax errors :P

but i have changed some code

document.getElementById("Caption").innerHTML = Captions[i];
instead of
document.getElementById("Caption").childNodes[0].nodeValue = Captions[i];

REMOVED:
if (img != "htm") { //If an img number is passed
i = img; //Set i to img for next/prev counter
startingPic = "pics/".concat(i,".jpg"); //Set startingPic for loading in body of page
}
else //If no img number is passed (i.e. somone types url)
startingPic = "pics/000.jpg"; //Start at pic 0, i is already at 0
*********************
ADDED:
function firstpicture(){
if (document.getElementById("Picture")==null){
setTimeout('firstpicture()',1000);
}
else{
document.getElementById("Picture").src='pics/000.jpg';
}
}
setTimeout('firstpicture()',1000);

Expand|Select|Wrap|Line Numbers

 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">

<html><head>

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"><title>Emory University Concert Choir: Pictures</title>

<script type="text/javascript" src="buttonbar.js"></script>

<script type="text/javascript" src="viewer.js"></script>

<style type="text/css">

h1 {color: rgb(51,51,102); font-family: "Verdana"; font-size: 150%; text-align: center}         /* Heading */

p.footer {color: rgb(51,51,102); font-family: "Verdana"; font-size: 80%; text-align: center} /* Footer */

a {color: rgb(51,51,102)}                                                                     /* Supress Link Colors */

td.button {width: 16%}                                                                         /* Button Bar Cells */

img {border: 0px; display: block; margin-left:auto; margin-right:auto;}                                                                         /* No image borders */

</style>

<script>

  url = window.location.toString(); //Get URL

img = url.substr(url.length - 3); //Get last 3 characters of URL
 
Captions = new Array();

Captions[0]= "Photo 1 of 25";

Captions[1]= "Photo 2 of 25";

Captions[2]= "Photo 3 of 25";

Captions[3]= "Photo 4 of 25";

Captions[4]= "Photo 5 of 25";

Captions[5]= "Photo 6 of 25";

Captions[6]= "Photo 7 of 25";

Captions[7]= "Photo 8 of 25";

Captions[8]= "Photo 9 of 25";

Captions[9]= "Photo 10 of 25";

Captions[10]= "Photo 11 of 25";

Captions[11]= "Photo 12 of 25";

Captions[12]= "Photo 13 of 25";

Captions[13]= "Photo 14 of 25";

Captions[14]= "Photo 15 of 25";

Captions[15]= "Photo 16 of 25";

Captions[16]= "Photo 17 of 25";

Captions[17]= "Photo 18 of 25";

Captions[18]= "Photo 19 of 25";

Captions[19]= "Photo 20 of 25";

Captions[20]= "Photo 21 of 25";

Captions[21]= "Photo 22 of 25";

Captions[22]= "Photo 23 of 25";

Captions[23]= "Photo 24 of 25";

Captions[24]= "Photo 25 of 25";
 
var i = 0;                          //Setup i

last = 24;                      //Last pic for easy looping

function firstpicture(){

if (document.getElementById("Picture")==null){

setTimeout('firstpicture()',1000);

}

else{

document.getElementById("Picture").src='pics/000.jpg';

} 

}

setTimeout('firstpicture()',1000);

function nextPic() { //Next Picture

    if (i == last) {         //Loop back to beginning if on last picture

        i = 0;

        newPic = "pics/000.jpg";

    }

    else {                 //Otherwise, increase to next picture

        i++;

        if (i < 10)             //Filename workaround

            newPic = ("pics/00").concat(i,".jpg");

        else

            newPic = ("pics/0").concat(i,".jpg");

    }
 
    document.getElementById("Picture").src = newPic;

    document.getElementById("Caption").innerHTML = Captions[i];

}
 
function prevPic() { //Previous Picture

    if (i == 0) {             //Loop back to end if on first picture

        i = last;

        newPic = ("pics/0").concat(i,".jpg");

    }

    else {                 //Otherwise, go back to previous picture

        i--;
 
        if (i < 10)             //Filename workaround

            newPic = ("pics/00").concat(i,".jpg");

        else

            newPic = ("pics/0").concat(i,".jpg");

    }
 
    document.getElementById("Picture").src = newPic;

    document.getElementById("Caption").innerHTML = Captions[i];

}
 
function firstPic() { //First Picture

    if (i != 0) {

        i = 0;

        newPic = "pics/000.jpg";

        document.getElementById("Picture").src = newPic;

        document.getElementById("Caption").innerHTML = Captions[i];

    }

}
 
function lastPic() { //Last Picture

    if (i != last) {

        i = last;

        newPic = ("pics/0").concat(i,".jpg");

        document.getElementById("Picture").src = newPic;

    document.getElementById("Caption").innerHTML= Captions[i];

    }

}
 
</script>

</head>

<body style="color: rgb(0, 0, 0); background-color: rgb(51, 51, 102); margin: 0px">

<table style="background-color: rgb(221, 214, 198); text-align: left; margin-left: auto; margin-right: auto; width: 750px;" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td>

<a href="index.htm"><img alt="" src="logo.gif"></a></td></tr><tr><td>

<table style="background-color: rgb(51, 51, 102); width: 750px; text-align: center; vertical-align: middle; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0"><tbody><tr>

<td class="button"><a href="choir.htm" onmouseover="light('Choir')" onmouseout="unlight('Choir')"><img name="Choir" alt="" src="Choir_unlit.gif"></a></td>

<td class="button"><a href="director.htm" onmouseover="light('Director')" onmouseout="unlight('Director')"><img name="Director" alt="" src="Director_unlit.gif"></a></td>

<td class="button"><a href="concerts.htm" onmouseover="light('Concerts')" onmouseout="unlight('Concerts')"><img name="Concerts" alt="" src="Concerts_unlit.gif"></a></td>

<td class="button"><a href="auditions.htm" onmouseover="light('Auditions')" onmouseout="unlight('Auditions')"><img name="Auditions" alt="" src="Auditions_unlit.gif"></a></td>

<td class="button"><a href="audio.htm" onmouseover="light('Audio')" onmouseout="unlight('Audio')"><img name="Audio" alt="" src="Audio_unlit.gif"></a></td>

<td class="button"><a href="pictures.htm"><img name="Pictures" alt="" src="Pictures_lit.gif"></a></td></tr></tbody></table></td></tr></tbody></table>

<table style="background-color: rgb(221, 214, 198); width: 750px; text-align: center; margin-left: auto; margin-right: auto;" border="0" cellpadding="4" cellspacing="0"><tbody><tr><td><br>

<table style="color: rgb(51,51,102); font-family: Verdana; font-size: 90%; text-align: center; margin-left: auto; margin-right: auto; width: 742px" border="0" cellpadding="4" cellspacing="0"><tbody><tr>

<td style="width: 25%"><a href="javascript:firstPic()">First</a> <a href="javascript:prevPic()">Previous</a></td>

<td style="width: 50%"><a href="pictures.htm">Back to Album</a></td>

<td style="width: 25%"><a href="javascript:nextPic()">Next</a> <a href="javascript:lastPic()">Last</a></td></tr></tbody></table><br>

<a href="javascript:nextPic()"><img id="Picture" alt="Picture"></a>
 
<div id="Caption" style="color: rgb(51,51,102); font-family: Verdana; font-size: 90%; text-align: center">Photo 1 of 25</div>
 
<br><hr style="width: 100%; height: 2px;"><p class="footer"><a href="http://www.emory.edu/COLLEGE">Emory College</a> | <a href="http://www.emory.edu">Emory University</a> | <a href="http://www.emory.edu/ARTS">Arts at Emory</a> | <a href="http://www.music.emory.edu/">Emory Music Department</a>

</td></tr>

</tbody></table>

</body></html>

Well i HTH
It´s not easy to adjust an integrated script.
let me know
ps did u wrote it yourself?
peace

Apr 14 '07 #3

drhowarddrfine

7,435

Expert 4TB

Your image has no source.

Apr 14 '07 #4

ace214

I adjusted the script anyway. It must have been some error. Yes, I'm writing it from scratch. Sorry for the late response- didn't get the subscribe email. Thanks for your help.

Apr 17 '07 #5

by: Mark Miller | last post by:

I've been trying to execute a javascript function just before submit on a form that contains an <input type="file"> input field and it isn't working. The reason I want to do this is the end users...

ASP.NET

Process form with both Javascript and PHP

by: mouac01 | last post by:

I'm new to PHP/Javascript. I have a simple form I want to validate the fields with javascript and then run the PHP script. All the scripts are in one page. I want PHP to control where the next...

PHP

Form validation with PHP/Javascript

by: Chris | last post by:

Hi, I have a form for uploading documents and inserting the data into a mysql db. I would like to validate the form. I have tried a couple of Javascript form validation functions, but it...

PHP

It's trying to compile my JavaScript?

by: Boris Yeltsin | last post by:

I use Master Pages, so I make use of URL rebasing through the ~ operator, like this in the <head>: <link runat="server" href="~/Root.master.css" media="screen" rel="stylesheet" type="text/css" />...

ASP.NET

Javascript error message using <meta> tags

by: Taras_96 | last post by:

Hi everyone, We' ve come to the conclusion that we wish the user to be directed to an error page if javascript is disabled <enter comment about how a webpage shouldn't rely on javascript here :)...

Javascript

mimetype text/javascript obsolete?

by: Erwin Moller | last post by:

Hi, Can anybody comment on this? In comp.lang.php I advised somebody to skip using: <script language="javascript"> and use: <script type="text/javascript"> And mr. Dunlop gave this response:

Javascript

Where to put page-specific JavaScript

by: Christopher Nelson | last post by:

I have a little menu system which essentially takes HTML like: <div id='foo'></div> and retrieves foo.shtml from the server and inserts it inside the <div>. But sometimes I'd like foo.shtml...

Javascript

javascript runtime error

by: KRISHNA PRAVI | last post by:

the error is "runtime error object expected" here is the code....................................................................................... <script language="javascript"...

Javascript

Can Javascript work with Multiple lines of Text.

by: jackson.rayne | last post by:

Hello, Another newbie question here. Let me explain my situation first. I have bought a 3rd party tool that runs a PHP script and gives me some HTML code which I can directly use in my...

Javascript

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

Javascript in Head doesn't process

Similar topics