two java scripts: same page

[Joe Hussar]

Hi..........

I'm an "amateur" user..........I've been able to use a number of Java scripts on my web site quite successfully......but have a problem and hope someone can help.

Is it possible to have 2 different java scripts on the same web page? On the page in question I have a script that fades in/out several short massages. I've been trying to also use a script, on the same page, that disables "right click" on images.

When I install the disable right click script, the fading text script stops functioning. Nothing shows at all. Either script works fine by itself but when I load both (each within it's own SCRIPT and /SCRIPT tags) the no right click works, but the fading text is no longer there. I've tried installing the scripts in different order (which is listed 1st in the HEAD section), but it makes no difference.

Any ideas??

Thanks!
Joe Hussar
candywebster@aol.com

[khalidali63]

Make sure that both scripts does not have any variables/object names which are same.

cheers

Khalid

[superrad7]

post the code please

[Joe Hussar]

Hello....and thanks for replying!

Here is the code for both items:

A) Here is the code for the "No Right Click"

FIRST: Copy the script below into the HEAD section:

<SCRIPT LANGUAGE="JavaScript">

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function right(e) {
var msg = "Want to use an image? Please contact: candywebster@aol.com";
if (navigator.appName == 'Netscape' && e.which == 3) {
alert(msg);
return false;
}
if (navigator.appName == 'Microsoft Internet Explorer' && event.button==2) {
alert(msg);
return false;
}
else return true;
}

function trap()
{
if(document.images)
{
for(i=0;i<document.images.length;i++)
{
document.images[i].onmousedown = right;
document.images[i].onmouseup = right;
}
}
}
// End -->
</SCRIPT>


THEN: Copy the section below into the BODY section:

onLoad="trap()"
********************************************************************************
B) Here is the code for the scrolling text:

FIRST: This goes in the HEAD Section:

<script LANGUAGE="JavaScript">

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Ken Tholke, kentholke@firstsaga.com. -->

<!-- Begin
// add as many or as few messages as you would like
var msg=new Array()
msg[0]="<CENTER>No matter what you need you'll find it at</CENTER>";
msg[1]="<CENTER>Candyland Crafts your one stop Shopping Center!</CENTER>";
msg[2]="<CENTER>If you can't find it please ask...........we want you to enjoy your visit.</CENTER>";
msg[3]="<CENTER> Have a wonderful day!!</CENTER>";

// set your first set of colors. Use as many or as few as you wish.
var colors1=new Array("ffffff", "eeeeff", "ddddff", "ccccff", "bbbbff", "aaaaff", "9999ff",
"8888ff", "7777ff", "6666ff", "5555ff", "4444ff", "3333ff","2222ff", "1111ff", "0000ff")

//set your second set of colors
// *** must have exactly the same number of colors as the array above ***
var colors2=new Array("ffffff", "ffeeee", "ffdddd", "ffcccc", "ffbbbb", "ffaaaa", "ff9999",
"ff8888", "ff7777", "ff6666", "ff5555", "ff4444", "ff3333", "ff2222", "ff1111", "ff0000")

//set the height of the display in pixels
high=60;

//set the width of the display in pixels
wide=550;

//set the pixel coordinates for the upper left hand corner of the display
Xpos=170;
Ypos=180;

// move the display away from the edges of the background
pad=15;

// set the background color of the display
bgcol="ffffff";

//add a background image if you want.
// *** for no image, just leave empty quotes (ex. cellbg=""; ) ***
cellbg="faderbg.jpg";

// set the font
fntFam="verdana,helvetica,arial";
fntSize=14;

// set how how many seconds you want the message to stay remain at totality.
pause=2.5;


// Do not edit these values below!!!

icolor=0;
mcolor=1;
imsg=0;
spWidth=wide-(2*pad);
totality=false;
glowing=true;
var theMsg="";
var cellcontent="";
pause=pause*1000;
if(cellbg.length>4){cellbg=" background="+cellbg}
else{cellbg="";}

function doPause(){
totality=false; t=setTimeout("changecolor()",pause);
}
function initiate(){
getContentColor();
getMsg();
getCellContent();
if(document.all){
msgbg.innerHTML=cellcontent;
msgfade.innerHTML=theMsg;
msgbg.style.posLeft=Xpos;
msgbg.style.posTop=Ypos;
msgfade.style.posLeft=Xpos+pad;
msgfade.style.posTop=Ypos+pad;
t=setTimeout("changecolor()",50);}
if(document.layers){
document.msgbg.document.write(cellcontent);
document.msgbg.document.close();
document.msgfade.document.write(theMsg);
document.msgfade.document.close();
document.msgbg.left=Xpos;
document.msgbg.top=Ypos;
document.msgfade.left=Xpos+pad;
document.msgfade.top=Ypos+pad;
t=setTimeout("changecolor()",100);}
}
function changecolor(){
if(totality==true){doPause();}
else{
getMsg();
getContentColor();
if(document.all){
msgfade.innerHTML=theMsg;
t=setTimeout("changecolor()",50);}
if(document.layers){
document.msgfade.document.write(theMsg);
document.msgfade.document.close();
t=setTimeout("changecolor()",70);}
}
}
function getFadeColor(){
icolor=icolor-1;
if(mcolor==1){contentcolor=colors1[icolor];}
else{contentcolor=colors2[icolor];}
}
function getGlowColor(){
icolor=icolor+1;
if(mcolor==1){contentcolor=colors1[icolor];}
else{contentcolor=colors2[icolor];}
}
function changemsg(){
if(imsg==msg.length-1){imsg=0; mcolor=1;}
else if(imsg != msg.lenght-1 && mcolor==1){imsg=imsg+1; mcolor=0;}
else{imsg=imsg+1; mcolor=1;}
}
function getContentColor(){
if(icolor==colors1.length-1 && glowing==true){
getFadeColor(); glowing=false; totality=true;}
else if(icolor < colors1.length && glowing==true){
getGlowColor();}
else if(icolor < 1 && glowing==false){changemsg(); getGlowColor(); glowing=true;}
else{getFadeColor();}
}
function getMsg() {
theMsg="<span style='font-size:"+fntSize+"pt; font-family:"+fntFam+"; width:"+spWidth+";'>"
theMsg+="<B><font color="+contentcolor+">"+msg[imsg]+"</font></B> "
theMsg+="</span>"
}
function getCellContent(){
cellcontent="<TABLE height="+high+
" width="+wide+" bgcolor="+bgcol+" cellpadding=0 cellspacing=0><TR><TD"+cellbg+"> </TD></TR></TABLE>"}
// End -->
</script>

SECOND: This [on load event handler?] goes in the BODY Section:

onload="initiate()"

THIRD: Copy this into the BODY of the html page:

<div id="msgbg" style="position: absolute;">
</div>
<div id="msgfade" style="position: absolute;">
</div>

Thanks again..............
Joe Hussar

[CrazyGaz]

You have "var msg" in both scripts, I think that might be what is screwinhg everything up, change msg in the right click script (bevcause msg is used less in that script) and change it to something like msg1.

-Gaz-

|EDIT| By edit msg in the first script I mean edit every msg in the script. the code would be

<SCRIPT LANGUAGE="JavaScript">

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function right(e) {
var msg1 = "Want to use an image? Please contact: candywebster@aol.com";
if (navigator.appName == 'Netscape' && e.which == 3) {
alert(msg1);
return false;
}
if (navigator.appName == 'Microsoft Internet Explorer' && event.button==2) {
alert(msg1);
return false;
}
else return true;
}

function trap()
{
if(document.images)
{
for(i=0;i<document.images.length;i++)
{
document.images[i].onmousedown = right;
document.images[i].onmouseup = right;
}
}
}
// End -->
</SCRIPT>




Also I think you can do this <script>..BOTH SCRIPTS HERE..</script> if you know what I mean.

-Gaz-

[Joe Hussar]

Hello Gaz........thanks for the assist........

Unfortunately no dice. When I change the msg to msg1
I have the same situation. The "noclick" works OK but the text scroll won't.

I tried putting the two scripts together (within only one set of <script> and </script> which is what I think you meant), and still had the same result.

Joe

[swimflorida]

Just one question, how do you have the onload set in the < body > tag. Do you have onload typed twice?

Swim

[Joe Hussar]

Hi Swim.......

Yes I do.............very interesting..........this is what I tried based on your comment:

the command for the "no right click" is: onload="trap()"

the command for the "scroll text" is: onload="initiate()"


I've tried both commands and what I found is that the program I use (Front Page) automatically deletes the 2nd one. I type them both in the body section, but as soon as I close, then test I find the code I listed 1st is the one that "works" and when I look at the html code I find the other one has automatically been deleted by Front Page.

So maybe that's it? Only one allowed?

Thanks
Joe Hussar