Two Scripts Seem Incompatible on One Page - What Can I Do?

7 New Member

Hi,

I am trying to make a page which has both a javascript dropdown menu and a javascript rainbow coloured sentence on it. The sentence works fine on its own, but when I add the menu the whole thing crashes. I am VERY new to javascript and am not a programmer, but an artist using Javascript to explore certain concepts. If you help me with this program I would give full credit to you of course.

Here is the rainbow coloured sentence on its own, which works fine:

Expand|Select|Wrap|Line Numbers

 
<head>

<!-- [Part 1] - Paste this into <HEAD> of your HTML . -->
 
<script type="text/javascript">

/*   Color Change Text

This script and many more sourced from - 

http://rainbow.arch.scriptmania.com/scripts/ 

*/
 
//   Change next line for your text msg.
 
var msg = 'thirtyone letters changing colours'

var colorTimer = null;
 
//  Color can be altered below - eg. remove - ABCDEF = darker
 
function toHex(n){

var hexChars = '0123456789ABCDEF';

if (n == 0) return n;

var j, k;

var temp = '';

while (n != 0){

j = n % 16;

n = (n - j)/16;

temp = hexChars.charAt(j) + temp;

}

return temp;

}

function colorize(){

if (!document.getElementById) return;

for (i=0; i<msg.length; i++){

k = Math.round(Math.random() * 16777215);

k = toHex(k);

while (k.length < 6){

k = k + '0';

}

document.getElementById('colorizer' + i).style.color = '#' + k;

}
 
//  Speed change below - Default = 200 - Lower = Faster 
 
colorTimer = window.setTimeout('colorize()', 200);

}

</script>
 
</head>
 
<!-- [Part 2] Add onload to <BODY> tag.-->
 
<BODY onload='colorize();'>
 
<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>

<br>
 
<!-- [Part 3] Paste this where you wish text to appear. -->

<!-- Change style to your choice -->
 
<div id="text" style="font-size:large; font-family: 'Helvetica', Courier, monospace; font-size:30; letter-spacing:+1; font-style:normal; text-align:center; padding-top:15px;">

<script>

for (var i=0; i<msg.length; i++){

document.write("<span id ='colorizer" + i + "'>" + msg.charAt(i) + "</span>");

}

</script></div>

But when I put the Javacript menu I want in it stops working (but the menu works fine on its own too). The coloured letters show up when I put the BODY information for the menu in (and the menu shows up, kinda, but without the dropdown effect) but when I put the HEAD information in (which gives it the dropdown effect) the coloured sentence vanishes and all I get is the menu. I can't for the life of me figure it out. Here is the full code for the HEAD:

Expand|Select|Wrap|Line Numbers

 
<head>
 
  <meta content="text/html; charset=ISO-8859-1"

 http-equiv="content-type">
 
<title>Thirty One Letters Changing Colours</title>
 
<!-- HERE IS THE MENU HEAD INFORMATION - THIS IS WHAT STOPS THE COLOURED LETTERS FROM WORKING -->
 
<script type="text/javascript" src="jquery.min.js"></script>
 
<link rel="stylesheet" type="text/css" href="jkoutlinemenu.css" />
 
<script type="text/javascript" src="jkoutlinemenu.js">
 
/***********************************************

* Animated Outline Menu- by JavaScript Kit (www.javascriptkit.com)

* This notice must stay intact for usage

* Visit JavaScript Kit at http://www.javascriptkit.com/ for full source code

***********************************************/
 
<!-- HERE IS THE COLOURED LETTERS HEAD CODE -->

<!-- [Part 1] - Paste this into <HEAD> of your HTML . -->
 
<script type="text/javascript">

/*   Color Change Text

This script and many more sourced from - 

http://rainbow.arch.scriptmania.com/scripts/ 

*/
 
//   Change next line for your text msg.
 
var msg = 'thirtyone letters changing colours'

var colorTimer = null;
 
//  Color can be altered below - eg. remove - ABCDEF = darker
 
function toHex(n){

var hexChars = '0123456789ABCDEF';

if (n == 0) return n;

var j, k;

var temp = '';

while (n != 0){

j = n % 16;

n = (n - j)/16;

temp = hexChars.charAt(j) + temp;

}

return temp;

}

function colorize(){

if (!document.getElementById) return;

for (i=0; i<msg.length; i++){

k = Math.round(Math.random() * 16777215);

k = toHex(k);

while (k.length < 6){

k = k + '0';

}

document.getElementById('colorizer' + i).style.color = '#' + k;

}
 
//  Speed change below - Default = 200 - Lower = Faster 
 
colorTimer = window.setTimeout('colorize()', 200);

}

</script>
 
</head>

Any help would be appreciated. I have tried putting the menu HEAD info after the coloured letters, but it still breaks. And as I have said I tried removing the menu piece by piece and it is the HEAD info which crashes the coloured letters.

Many thanks in advance for any help.

All the best,
Dick Whyte

Mar 7 '10 #1

Subscribe Reply

1812

tpgames

785

Contributor

Usually, if you change the variable names in one script to be DIFFERENT from the other script, this solves the problem. For example, add zxc or some other letter combination to names in 1 script.

Expand|Select|Wrap|Line Numbers

 // var zxcColumns=4; // the default number of image display columns
 
var zxcHofFMax=10; // the maximum number of entries in the 'Hall of Fame'
 
// The Cookie Code

var zxcDays=90; // days before the cookie expires

var zxcCookie='GlobalWritersClubCookie'; // Your chosen cookie name
 
// Functional Code - No Need to Change
 
var zxcStdImg,zxcFnd,zxcAtp,zxcTme,zxcMin,zxcSImg,zxcNme,zxcHofF,zxcLast,zxcSec,zxcTO;

var zxcFndCnt=0;

var zxcAtpCnt=0;

var zxcClickAry=[];

var zxcRemAry=[];

var zxcHofFAry=[];

var zxcExp=new Date(new Date().getTime()+zxcDays*86400000).toGMTString();
 
function zxcMakePanel(){

 zxcNme=document.getElementById('zxcName').value;

 if (zxcNme.length<1){ zxcNme='No Name'; }

 document.getElementById('zxcStart').value='ReStart the Game';

 zxcSec=new Date().getTime();

zxcTO=setInterval('zxcTimer()',1000);

 var zxcpanel=document.getElementById('zxcImgPanel')

zxcFnd=document.getElementById('zxcFound');

zxcAtp=document.getElementById('zxcAttempts');

 zxcTme=document.getElementById('zxcTime');

 zxcMin=document.getElementById('zxcMinutes');

 document.getElementById('zxcDisplay').style.visibility='visible';

var zxcnuofimgs=document.getElementById('zxcNuofImgs');

zxcnuofimgs.value=zxcnuofimgs.value.replace(/\D/g,'');

var zxcnu=parseInt(zxcnuofimgs.value);

if (zxcnuofimgs.value.length<1){ zxcnu=zxcUseAry.length; zxcnuofimgs.value=zxcnu; }

 else if (zxcnu>1){ zxcnu=zxcnu/2; }

 else { zxcnu=1; zxcnuofimgs.value=2; }

 if (zxcnu>zxcUseAry.length){ zxcnu=zxcUseAry.length; }

  zxcFndCnt=zxcnu*2;

  zxcFnd.firstChild.data=zxcFndCnt;

  zxcAtpCnt=0;

  zxcAtp.firstChild.data=zxcAtpCnt;

  var zxcnewary=[];

  for (var zxc0=0;zxc0<zxcnu;zxc0++){

  zxcnewary.push(zxcUseAry[zxc0]);

 }

Best wishes!

Mar 8 '10 #2

by: Patricio Stegmann | last post by:

Hi, I am trying to develop a very basic but portable chat engine with php. I would like to develop it without any database or filesystem stuff, because I want it very portable and easy to install....

PHP

Problem with Include files - global.asa and other .asp scripts

by: Tom Bates | last post by:

Can I include the same include files in global.asa that I use in other ..asp scripts? I haven't been able to make it work. My O'Reilly book says that global.asa can have includes, but the syntax...

ASP / Active Server Pages

Server-side scripts with ASP

by: Bill Sneddon | last post by:

Sorry if this is an easy question. Does Javascript work "out of the box with IIS" as an Active server page? ie. does it have the ability to open files ect.? I tried this command and it does...

Javascript

Storing Scripts on a separate page

by: DeadCert | last post by:

Hi, How can I store all my scripts on a separate page and then call them from the html page that I want to use them on? the <head> section is getting too cluttered and I would like to store all in...

Javascript

Two PHP Scripts on same page?

by: ergobob | last post by:

Hello, I have two small PHP scripts running on a test page at: http://www.usernomics.com/ergonomic-products-accessories5.html Both scripts work perfectly when there is one script on a page....

PHP

VS.Net IDE and FrontPage Subwebs are Incompatible

by: Pete Mahoney | last post by:

Our company has just started the move from ASP to ASP.Net. We have just finished our first .Net projects, and are now in the process of deploying them. We use FrontPage at our company to allow...

ASP.NET

Validation and Firefox(js scripts doesn''t fire)

by: Pat | last post by:

its seems asp.net validation doesn't fire when using FireFox? Tested a page and it doesn't fire. It seems the javascript doesn't fire Any ideas?

ASP.NET

where do you run database scripts/where are DBs 'located'?

by: John Salerno | last post by:

Ok, I've been browsing through the MySQLdb docs, and I *think* I know the kind of code I need to write (connect, cursor, manipulate data, commmit, etc. -- although I probably need to get more...

Python

IIS lock-up when calling ASP scripts - security level problem?

by: dcnicholls | last post by:

This is my first post to this forum: I use ASP occasionally but don't know a lot of it, and the Windows IIS was invented by MS to torture me :) So I'm not sure if this should be herre or on the IIS...

ASP / Active Server Pages

Conflicting scripts

by: webmaster | last post by:

I am using two scripts (menus from milonic.com and a rotating news script we have used successfully for many years) on our website (www.imca-int.com) that independently work fine but together lead...

Javascript

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

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

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

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

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Microsoft Access / VBA

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...

C# / C Sharp

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

Two Scripts Seem Incompatible on One Page - What Can I Do?

Similar topics