Rookie
09-26-2002, 05:46 PM
I have continuously tried to get these two javascripts functioning simultaneously on the same page...however, i have had no success.
<table width="75%" border="1" height="247">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="185"> </td>
<td height="185"> </td>
<td height="185"><!--start-->
<script language="javascript">
var go_js_text = new Array ("Welcome to Jim Nichols Realty", "Providing Real Estate<br>Tools and Information", "For Your Real Estate Needs", "Encinitas Real Estate<br>San Diego County Real Estate");
// The Fading Contents, HTML Tags supported
var go_space_width = 270; // The width of the content space
var go_space_height = 50; // The height of the content space
var go_space_borderw=2; // Border width
var go_space_borderc="#3366cc"; // Border Color
var timeOutVal=150; // Delay in milliseconds
var isLoop=true; // If you want to loop continuosly then true, else false
var isAutoStart=true; // If you want the Fading to start else you have to click to start
var go_js_text_static='<a href="java script:resetAll();writeDiv();" style="text-decoration:none" accesskey="l"><font color="#808080" face="verdana,arial,helvetica" size="-1"><b>C<u>l</u>ick to Start</b></font></a>'; // The default content if AutoStart false
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1;
var ns6=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1;
var ns4=document.layers;
var go_DyObj;
var go_space_ns4_left=(screen.width/2-20)-Math.round(go_space_width/2);
function setDyObj()
{
if(ie4)
{
go_DyObj=document.all.go_js_space;
}
if(ns6)
{
go_DyObj=document.getElementById("go_js_space");
}
}
if(ie4||ns6)
{
document.write('<table width="' + go_space_width + '" height="' + go_space_height + '" style="background:#FFFFFF; border:' + go_space_borderw + 'px solid ' + go_space_borderc + '"><tr><td align="middle">');
document.write('<div id="go_js_space">');
document.write('</div>');
document.write('</td></tr></table>');
}
var def_10='A',def_11='B',def_12='C',def_13='D',def_14
='E',def_15='F';
var colorVal=15;
var div_count=0;
function go_fade_desat(getColorIntVal)
{
var returnVal;
if(getColorIntVal>=10)
{
for(var i=0; i<=15; i++)
{
if((getColorIntVal==i))
{
returnVal = eval('def_' + i);
}
}
}
else
{
returnVal=getColorIntVal;
}
return(returnVal);
}
function writeDiv()
{
if(ns4)
{
go_DyObj=document.go_space_ns4;
}
if(ie4||ns6)
{
go_DyObj.innerHTML= '<font face="verdana,arial,helvetica" size="-1" color="#' + joinColor(go_fade_desat(colorVal)) + '"><b>' + go_js_text[div_count] + '</span></b></font>' ;
}
if(ns4)
{
go_DyObj.document.write('<table width="100%" border="1" bordercolor="' + go_space_borderc + '"><tr><td align="center"><font face="verdana,arial,helvetica" size="-1" color="#' + joinColor(go_fade_desat(colorVal)) + '"><b>' + go_js_text[div_count] + '</span></b></font></td></tr></table>');
go_DyObj.document.close();
}
if((colorVal>0) && (colorVal!=0))
{
colorVal--;
}
else
{
colorVal=15;
if(div_count<go_js_text.length)
{
div_count++;
}
if(div_count==go_js_text.length)
{
if(isLoop)
{
setTimeout("resetAll()",timeOutVal);
setTimeout("writeDiv()",timeOutVal);
}
else
{
if(ie4||ns6)
{
go_DyObj.innerHTML = go_js_text_static;
}
if(ns4)
{
go_DyObj.document.write('<table width="100%" border="1" bordercolor="' + go_space_borderc + '"><tr><td align="center">' + go_js_text_static + '</td></tr></table>');
go_DyObj.document.close();
}
}
}
}
if(div_count<qiksearch_js_text.length)
{
setTimeout("writeDiv()",timeOutVal);
}
}
function joinColor(getColor)
{
return (getColor + '0' + getColor + '0' + getColor + '0');
}
function resetAll()
{
div_count=0;
colorVal=15;
}
setDyObj();
function start_fader()
{
if(isAutoStart)
{
writeDiv();
}
else
{
if(ie4||ns6)
{
go_DyObj.innerHTML = go_js_text_static;
}
if(ns4)
{
go_DyObj=document.go_space_ns4;
go_DyObj.document.write('<table width="100%" border="1" bordercolor="' + go_space_borderc + '"><tr><td align="center">' + go_js_text_static + '</td></tr></table>');
go_DyObj.document.close();
}
}
}
window.onload=start_fader;
if(ns4)
{
document.write('<layer bgcolor="#FFFFFF" id="go_space_ns4" width="' + go_space_width + '" left="' + go_space_ns4_left + '"></layer>');
}
</script>
<!--END--> </td>
</tr>
<tr>
<td height="236"> </td>
<td height="236"> </td>
<td height="236" bgcolor="#C0C0C0">
<script language="javascript">
var content='<p>hola estudiantes</p>';
var boxheight=180;
var boxwidth=120;
var boxcolor="#ffffff";
var speed=50var pixelstep=2;
var godown=false;
var outer,inner,elementheight,ref,refX,refY;
var w3c=(document.getElementById)?true:false;
var ns4=(document.layers)?true:false;
var ie4=(document.all && !w3c)?true:false;
var ie5=(document.all && w3c)?true:false;
var ns6=(w3c && navigator.appName.indexOf("Netscape")>=0)?true:false;
var txt='';
if(ns4){
txt+='<table cellpadding=0 cellspacing=0 border=3 height='+boxheight+' width='+boxwidth+'><tr><td>';
txt+='<ilayer name="ref" bgcolor="'+boxcolor+'" width='+boxwidth+' height='+boxheight+'></ilayer>';
txt+='</td></tr></table>'
txt+='<layer name="outer" bgcolor="'+boxcolor+'" visibility="hidden" width='+boxwidth+' height='+boxheight+'>';
txt+='<layer name="inner" width='+(boxwidth-4)+' height='+(boxheight-4)+' visibility="hidden" left="2" top="2" >'+content+'</layer>';
txt+='</layer>';
}else{
txt+='<div id="ref" style="position:relative; width:'+boxwidth+'; height:'+boxheight+'; background-color:'+boxcolor+';" ></div>';
txt+='<div id="outer" style="position:absolute; width:'+boxwidth+'; height:'+boxheight+'; visibility:hidden; background-color:'+boxcolor+'; overflow:hidden" >';
txt+='<div id="inner" style="position:absolute; visibility:visible; left:2px; top:2px; width:'+(boxwidth-4)+'; overflow:hidden; cursor:default;">'+content+'</div>';
txt+='</div>';
}
document.write(txt);
function getElHeight(el){
if(ns4)return (el.document.height)? el.document.height : el.clip.bottom-el.clip.top;
else if(ie4||ie5)return (el.style.height)? el.style.height : el.clientHeight;
else return (el.style.height)? parseInt(el.style.height)arseInt(el.offsetHeight);
}
function getPageLeft(el){
var x;
if(ns4)return el.pageX;
if(ie4||w3c){
x = 0;
while(el.offsetParent!=null){
x+=el.offsetLeft;
el=el.offsetParent;
}
x+=el.offsetLeft;
return x;
}}
function getPageTop(el){
var y;
if(ns4)return el.pageY;
if(ie4||w3c){
y=0;
while(el.offsetParent!=null){
y+=el.offsetTop;
el=el.offsetParent;
}
y+=el.offsetTop;
return y;
}}
function scrollbox(){
if(ns4){
inner.top+=(godown)? pixelstep: -pixelstep;
if(godown){
if(inner.top>boxheight)inner.top=-elementheight;
}else{
if(inner.top<2-elementheight)inner.top=boxheight+2;
}}else{
inner.style.top=parseInt(inner.style.top)+((godown)? pixelstep: -pixelstep)+'px';
if(godown){
if(parseInt(inner.style.top)>boxheight)inner.style.top=-elementheight+'px';
}else{
if(parseInt(inner.style.top)<2-elementheight)inner.style.top=boxheight+2+'px';
}}}
window.onresize=function(){
if(ns4)setTimeout('history.go(0)', 400);
else{
outer.style.left=getPageLeft(ref)+'px';
outer.style.top=getPageTop(ref)+'px';
}}
window.onload=function(){
outer=(ns4)?document.layers['outer']ie4)?document.all['outer']:document.getElementById('outer');
inner=(ns4)?outer.document.layers['inner']ie4)?document.all['inner']:document.getElementById('inner');
ref=(ns4)?document.layers['ref']ie4)?document.all['ref']:document.getElementById('ref');
elementheight=getElHeight(inner);
if(ns4){
outer.moveTo(getPageLeft(ref),getPageTop(ref));
outer.clip.width=boxwidth;
outer.clip.height=boxheight;
inner.top=(godown)? -elementheight : boxheight-2;
inner.clip.width=boxwidth-4;
inner.clip.height=elementheight;
outer.visibility="show";
inner.visibility="show";
}else{
outer.style.left=getPageLeft(ref)+'px';
outer.style.top=getPageTop(ref)+'px';
inner.style.top=((godown)? -elementheight : boxheight)+'px';
inner.style.clip='rect(0px, '+(boxwidth-4)+'px, '+(elementheight)+'px, 0px)';
outer.style.visibility="visible";
}
setInterval('scrollbox()',speed);
}
</script>
</td>
</tr>
</table>
<p align="center"> </p>
<table width="75%" border="1" height="247">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="185"> </td>
<td height="185"> </td>
<td height="185"><!--start-->
<script language="javascript">
var go_js_text = new Array ("Welcome to Jim Nichols Realty", "Providing Real Estate<br>Tools and Information", "For Your Real Estate Needs", "Encinitas Real Estate<br>San Diego County Real Estate");
// The Fading Contents, HTML Tags supported
var go_space_width = 270; // The width of the content space
var go_space_height = 50; // The height of the content space
var go_space_borderw=2; // Border width
var go_space_borderc="#3366cc"; // Border Color
var timeOutVal=150; // Delay in milliseconds
var isLoop=true; // If you want to loop continuosly then true, else false
var isAutoStart=true; // If you want the Fading to start else you have to click to start
var go_js_text_static='<a href="java script:resetAll();writeDiv();" style="text-decoration:none" accesskey="l"><font color="#808080" face="verdana,arial,helvetica" size="-1"><b>C<u>l</u>ick to Start</b></font></a>'; // The default content if AutoStart false
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1;
var ns6=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1;
var ns4=document.layers;
var go_DyObj;
var go_space_ns4_left=(screen.width/2-20)-Math.round(go_space_width/2);
function setDyObj()
{
if(ie4)
{
go_DyObj=document.all.go_js_space;
}
if(ns6)
{
go_DyObj=document.getElementById("go_js_space");
}
}
if(ie4||ns6)
{
document.write('<table width="' + go_space_width + '" height="' + go_space_height + '" style="background:#FFFFFF; border:' + go_space_borderw + 'px solid ' + go_space_borderc + '"><tr><td align="middle">');
document.write('<div id="go_js_space">');
document.write('</div>');
document.write('</td></tr></table>');
}
var def_10='A',def_11='B',def_12='C',def_13='D',def_14
='E',def_15='F';
var colorVal=15;
var div_count=0;
function go_fade_desat(getColorIntVal)
{
var returnVal;
if(getColorIntVal>=10)
{
for(var i=0; i<=15; i++)
{
if((getColorIntVal==i))
{
returnVal = eval('def_' + i);
}
}
}
else
{
returnVal=getColorIntVal;
}
return(returnVal);
}
function writeDiv()
{
if(ns4)
{
go_DyObj=document.go_space_ns4;
}
if(ie4||ns6)
{
go_DyObj.innerHTML= '<font face="verdana,arial,helvetica" size="-1" color="#' + joinColor(go_fade_desat(colorVal)) + '"><b>' + go_js_text[div_count] + '</span></b></font>' ;
}
if(ns4)
{
go_DyObj.document.write('<table width="100%" border="1" bordercolor="' + go_space_borderc + '"><tr><td align="center"><font face="verdana,arial,helvetica" size="-1" color="#' + joinColor(go_fade_desat(colorVal)) + '"><b>' + go_js_text[div_count] + '</span></b></font></td></tr></table>');
go_DyObj.document.close();
}
if((colorVal>0) && (colorVal!=0))
{
colorVal--;
}
else
{
colorVal=15;
if(div_count<go_js_text.length)
{
div_count++;
}
if(div_count==go_js_text.length)
{
if(isLoop)
{
setTimeout("resetAll()",timeOutVal);
setTimeout("writeDiv()",timeOutVal);
}
else
{
if(ie4||ns6)
{
go_DyObj.innerHTML = go_js_text_static;
}
if(ns4)
{
go_DyObj.document.write('<table width="100%" border="1" bordercolor="' + go_space_borderc + '"><tr><td align="center">' + go_js_text_static + '</td></tr></table>');
go_DyObj.document.close();
}
}
}
}
if(div_count<qiksearch_js_text.length)
{
setTimeout("writeDiv()",timeOutVal);
}
}
function joinColor(getColor)
{
return (getColor + '0' + getColor + '0' + getColor + '0');
}
function resetAll()
{
div_count=0;
colorVal=15;
}
setDyObj();
function start_fader()
{
if(isAutoStart)
{
writeDiv();
}
else
{
if(ie4||ns6)
{
go_DyObj.innerHTML = go_js_text_static;
}
if(ns4)
{
go_DyObj=document.go_space_ns4;
go_DyObj.document.write('<table width="100%" border="1" bordercolor="' + go_space_borderc + '"><tr><td align="center">' + go_js_text_static + '</td></tr></table>');
go_DyObj.document.close();
}
}
}
window.onload=start_fader;
if(ns4)
{
document.write('<layer bgcolor="#FFFFFF" id="go_space_ns4" width="' + go_space_width + '" left="' + go_space_ns4_left + '"></layer>');
}
</script>
<!--END--> </td>
</tr>
<tr>
<td height="236"> </td>
<td height="236"> </td>
<td height="236" bgcolor="#C0C0C0">
<script language="javascript">
var content='<p>hola estudiantes</p>';
var boxheight=180;
var boxwidth=120;
var boxcolor="#ffffff";
var speed=50var pixelstep=2;
var godown=false;
var outer,inner,elementheight,ref,refX,refY;
var w3c=(document.getElementById)?true:false;
var ns4=(document.layers)?true:false;
var ie4=(document.all && !w3c)?true:false;
var ie5=(document.all && w3c)?true:false;
var ns6=(w3c && navigator.appName.indexOf("Netscape")>=0)?true:false;
var txt='';
if(ns4){
txt+='<table cellpadding=0 cellspacing=0 border=3 height='+boxheight+' width='+boxwidth+'><tr><td>';
txt+='<ilayer name="ref" bgcolor="'+boxcolor+'" width='+boxwidth+' height='+boxheight+'></ilayer>';
txt+='</td></tr></table>'
txt+='<layer name="outer" bgcolor="'+boxcolor+'" visibility="hidden" width='+boxwidth+' height='+boxheight+'>';
txt+='<layer name="inner" width='+(boxwidth-4)+' height='+(boxheight-4)+' visibility="hidden" left="2" top="2" >'+content+'</layer>';
txt+='</layer>';
}else{
txt+='<div id="ref" style="position:relative; width:'+boxwidth+'; height:'+boxheight+'; background-color:'+boxcolor+';" ></div>';
txt+='<div id="outer" style="position:absolute; width:'+boxwidth+'; height:'+boxheight+'; visibility:hidden; background-color:'+boxcolor+'; overflow:hidden" >';
txt+='<div id="inner" style="position:absolute; visibility:visible; left:2px; top:2px; width:'+(boxwidth-4)+'; overflow:hidden; cursor:default;">'+content+'</div>';
txt+='</div>';
}
document.write(txt);
function getElHeight(el){
if(ns4)return (el.document.height)? el.document.height : el.clip.bottom-el.clip.top;
else if(ie4||ie5)return (el.style.height)? el.style.height : el.clientHeight;
else return (el.style.height)? parseInt(el.style.height)arseInt(el.offsetHeight);
}
function getPageLeft(el){
var x;
if(ns4)return el.pageX;
if(ie4||w3c){
x = 0;
while(el.offsetParent!=null){
x+=el.offsetLeft;
el=el.offsetParent;
}
x+=el.offsetLeft;
return x;
}}
function getPageTop(el){
var y;
if(ns4)return el.pageY;
if(ie4||w3c){
y=0;
while(el.offsetParent!=null){
y+=el.offsetTop;
el=el.offsetParent;
}
y+=el.offsetTop;
return y;
}}
function scrollbox(){
if(ns4){
inner.top+=(godown)? pixelstep: -pixelstep;
if(godown){
if(inner.top>boxheight)inner.top=-elementheight;
}else{
if(inner.top<2-elementheight)inner.top=boxheight+2;
}}else{
inner.style.top=parseInt(inner.style.top)+((godown)? pixelstep: -pixelstep)+'px';
if(godown){
if(parseInt(inner.style.top)>boxheight)inner.style.top=-elementheight+'px';
}else{
if(parseInt(inner.style.top)<2-elementheight)inner.style.top=boxheight+2+'px';
}}}
window.onresize=function(){
if(ns4)setTimeout('history.go(0)', 400);
else{
outer.style.left=getPageLeft(ref)+'px';
outer.style.top=getPageTop(ref)+'px';
}}
window.onload=function(){
outer=(ns4)?document.layers['outer']ie4)?document.all['outer']:document.getElementById('outer');
inner=(ns4)?outer.document.layers['inner']ie4)?document.all['inner']:document.getElementById('inner');
ref=(ns4)?document.layers['ref']ie4)?document.all['ref']:document.getElementById('ref');
elementheight=getElHeight(inner);
if(ns4){
outer.moveTo(getPageLeft(ref),getPageTop(ref));
outer.clip.width=boxwidth;
outer.clip.height=boxheight;
inner.top=(godown)? -elementheight : boxheight-2;
inner.clip.width=boxwidth-4;
inner.clip.height=elementheight;
outer.visibility="show";
inner.visibility="show";
}else{
outer.style.left=getPageLeft(ref)+'px';
outer.style.top=getPageTop(ref)+'px';
inner.style.top=((godown)? -elementheight : boxheight)+'px';
inner.style.clip='rect(0px, '+(boxwidth-4)+'px, '+(elementheight)+'px, 0px)';
outer.style.visibility="visible";
}
setInterval('scrollbox()',speed);
}
</script>
</td>
</tr>
</table>
<p align="center"> </p>