Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Urgent

Status
Not open for further replies.

Guest_imported

New member
Jan 1, 1970
0
Here is a copy of part of the script that is clashing

Script 1//ChangeText object constructor.
function makeChangeTextObj(obj){
this.css = bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?document.layers[obj]:0;
this.writeref = bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj].document:0;
this.writeIt = b_writeIt;
}
function b_writeIt(text,num){
if (bw.ns4){
this.writeref.write(text)
this.writeref.close()
}
else this.writeref.innerHTML = messages[num]
}

***********************************************
Script 2.

//Makes crossbrowser object.
function makeObj(obj){
this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj]:0;
if(!this.evnt) return false
this.css=bw.dom||bw.ie4?this.evnt.style:bw.ns4?this.evnt:0;
this.wref=bw.dom||bw.ie4?this.evnt:bw.ns4?this.css.document:0;
this.writeIt=b_writeIt;
return this
}


Thanks.....Urgent!!!

 
Okay, this for layer controls.

Basically, these are ternary operators that assigns this.css, this.wref, this.evnt, etc. depending on IE or NS specific objects.

Is this for a scroller?

Chad. ICQ: 54380631
online.dll
 
No chad..........one is for a DHTML mouseover text menu and the other is for a DHTML mouseover tooltips

When both scripts are on the same page the tooltips work but the text menu doesn't........i will post both the scripts below.

Mouseover Tooltips:

<style type=&quot;text/css&quot;>
.clDescriptionCont {position:absolute; width:200px; visibility:hidden; layer-background-color:#cccccc; z-index:200;}
.clDescription {width:150px; left:0px; top:0px; font-family:verdana,arial,helvetica,sans-serif; overflow:hidden; border: 1px solid #999999; padding:3px; font-size:11px; background-color:#cccccc; layer-background-color:#cccccc;}
.clLinks {position:absolute; left:100px; top:200px; z-index:1;}
.clCaption {position:absolute; left:0px; top:0px; width:157px; height:15px; clip:rect(0px 157px 15px 0px); font-size:11px; font-family:verdana,arial,helvetica,sans-serif; background-color:#999999; layer-background-color:#999999;}
</style>
<script language=&quot;JavaScript&quot; type=&quot;text/javascript&quot;>
/**********************************************************************************
PopupDescriptions
* Copyright (C) 2001 <a href=&quot;/dhtmlcentral/thomas_brattli.asp&quot;>Thomas Brattli</a>
* This script was released at DHTMLCentral.com
* Visit for more great scripts!
* This may be used and changed freely as long as this msg is intact!
* We will also appreciate any links you could give us.
*
* Made by <a href=&quot;/dhtmlcentral/thomas_brattli.asp&quot;>Thomas Brattli</a>
*********************************************************************************/

function lib_bwcheck(){ //Browsercheck (needed)
this.ver=navigator.appVersion
this.agent=navigator.userAgent
this.dom=document.getElementById?1:0
this.opera5=this.agent.indexOf(&quot;Opera 5&quot;)>-1
this.ie5=(this.ver.indexOf(&quot;MSIE 5&quot;)>-1 && this.dom && !this.opera5)?1:0;
this.ie6=(this.ver.indexOf(&quot;MSIE 6&quot;)>-1 && this.dom && !this.opera5)?1:0;
this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
this.ie=this.ie4||this.ie5||this.ie6
this.mac=this.agent.indexOf(&quot;Mac&quot;)>-1
this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
return this
}
var bw=new lib_bwcheck()



/***************************************************************************************
Variables to set:
***************************************************************************************/
messages=new Array()
//Write your descriptions in here.
messages[0] = &quot;Description of test link 0 asd asd asd asd asd asd asd asd asd asd asd&quot;
messages[1] = &quot;Description of test link 1 asd asd asd asd asd asd asd asd asd as ds asdasd&quot;
messages[2] = &quot;Description of test link 2&quot;
messages[3] = &quot;Description of test link 3&quot;
messages[4] = '<div class=&quot;clCaption&quot;>Your caption</div><br>Description of test link 4</div>'
//To have more descriptions just add to the array.

fromX = 50 //How much from the actual mouse X should the description box appear?
fromY = -20 //How much from the actual mouse Y should the description box appear?

//To set the font size, font type, border color or remove the border or whatever,
//change the clDescription class in the stylesheet.

//Makes crossbrowser object.
function makeObj(obj){
this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj]:0;
if(!this.evnt) return false
this.css=bw.dom||bw.ie4?this.evnt.style:bw.ns4?this.evnt:0;
this.wref=bw.dom||bw.ie4?this.evnt:bw.ns4?this.css.document:0;
this.writeIt=b_writeIt;
return this
}

// A unit of measure that will be added when setting the position of a layer.
var px = bw.ns4||window.opera?&quot;&quot;:&quot;px&quot;;

function b_writeIt(text){
if (bw.ns4){this.wref.write(text);this.wref.close()}
else this.wref.innerHTML = text
}

//Capturing mousemove
var descx = 0
var descy = 0
function popmousemove(e){descx=bw.ns4||bw.ns6?e.pageX:event.x; descy=bw.ns4||bw.ns6?e.pageY:event.y}

var oDesc;
//Shows the messages
function popup(num){
if(oDesc){
oDesc.writeIt('<div class=&quot;clDescription&quot;>'+messages[num]+'</div>')
if(bw.ie5||bw.ie6) descy = descy+document.body.scrollTop
oDesc.css.left = (descx+fromX)+px
oDesc.css.top = (descy+fromY)+px
oDesc.css.visibility = &quot;visible&quot;
}
}
//Hides it
function popout(){
if(oDesc) oDesc.css.visibility = &quot;hidden&quot;
}
function setPopup(){
if(bw.ns4)document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = popmousemove;
oDesc = new makeObj('divDescription')
}
</script>
</head>

<body marginleft=&quot;0&quot; marginheight=&quot;0&quot;>
<!-- START DELETE -->
<div style=&quot;position:absolute; left:0; top:0&quot;><a href=&quot;#&quot; onclick=&quot;self.close(); return false&quot;><img src=&quot;/images/logo.gif&quot; width=&quot;165&quot; height=&quot;54&quot; alt=&quot;&quot; border=&quot;0&quot; alt=&quot;Click to close window&quot;></a></div>
<br><br><br>
<!-- END DELETE -->


<div id=&quot;divDescription&quot; class=&quot;clDescriptionCont&quot;>
<!--Empty div-->        
</div>
<div id=&quot;divLinks&quot; class=&quot;clLinks&quot;>
<!-- Just delete this layer, it's just here for the example links -->
<a href=&quot;#&quot; onmouseover=&quot;popup(0)&quot; onmouseout=&quot;popout()&quot;>test link 0</a> -
<a href=&quot;#&quot; onmouseover=&quot;popup(1)&quot; onmouseout=&quot;popout()&quot;>test link 1</a> -
<a href=&quot;#&quot; onmouseover=&quot;popup(2)&quot; onmouseout=&quot;popout()&quot;>test link 2</a> -
<a href=&quot;#&quot; onmouseover=&quot;popup(3)&quot; onmouseout=&quot;popout()&quot;>test link 3</a> -
<a href=&quot;#&quot; onmouseover=&quot;popup(4)&quot; onmouseout=&quot;popout()&quot;>test link 4</a>
</div>
<script type=&quot;text/javascript&quot;>setPopup()</script>

----------------------------------------------------
Script 2: Mouseover Text Menu

<style type=&quot;text/css&quot;>
#divLinks {position:absolute; left:150px; top:150px; visibility:hidden;}
#divLinks a {color:#336699; font-family:verdana,arial,helvetica,sans-serif; font-size:12px; font-weight:700;}
#divMessage {position:absolute; left:150px; width:300px; top:180px; visibility:hidden;}
body {background-color:#ffffff;}
</style>
<script language=&quot;JavaScript&quot; type=&quot;text/javascript&quot;>
/**********************************************************************************
ChangeText
* Copyright (C) 2001 <a href=&quot;/dhtmlcentral/thomas_brattli.asp&quot;>Thomas Brattli</a>
* This script was released at DHTMLCentral.com
* Visit for more great scripts!
* This may be used and changed freely as long as this msg is intact!
* We will also appreciate any links you could give us.
*
* Made by <a href=&quot;/dhtmlcentral/thomas_brattli.asp&quot;>Thomas Brattli</a>
*********************************************************************************/

function lib_bwcheck(){ //Browsercheck (needed)
this.ver=navigator.appVersion
this.agent=navigator.userAgent
this.dom=document.getElementById?1:0
this.opera5=this.agent.indexOf(&quot;Opera 5&quot;)>-1
this.ie5=(this.ver.indexOf(&quot;MSIE 5&quot;)>-1 && this.dom && !this.opera5)?1:0;
this.ie6=(this.ver.indexOf(&quot;MSIE 6&quot;)>-1 && this.dom && !this.opera5)?1:0;
this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
this.ie=this.ie4||this.ie5||this.ie6
this.mac=this.agent.indexOf(&quot;Mac&quot;)>-1
this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
return this
}
var bw=new lib_bwcheck()


if(document.layers){ //NS4 resize fix...
scrX= innerWidth; scrY= innerHeight;
onresize= function(){if(scrX!= innerWidth || scrY!= innerHeight){history.go(0)} }
}

/****
Variables to set
****/
msgFont= &quot;arial,helvetiva&quot; // The font for the message
msgFontSize= 12 // Set the fontSize in px
msgFontColor=&quot;#000000&quot; // Set the fontColor
msgWidth= &quot;300&quot; // Set the width of the messageblock here for netscape 4

//Set the text you want to display on mouseover here.
messages=new Array()
messages[0]=&quot;&quot; //This is the default text that appears when you mouse out.
messages[1]=&quot;This is link nr 1, you should really visit it!&quot;
messages[2]=&quot;Link nr 2 (this one) is even better!&quot;
messages[3]=&quot;This link however, nr3, isn't that good...&quot;
messages[4]=&quot;Maybe you should try this one?<br>I'll write some more text to show that it wraps correctly to several lines.&quot;
messages[5]=&quot;<img src=\&quot;changetext_image.gif\&quot; width=\&quot;56\&quot; height=\&quot;54\&quot; alt=\&quot;\&quot; border=\&quot;0\&quot;><br>As you see, you can put html in here too, like an image.&quot;
messages[6]=&quot;Later all..&quot;

/********************************************************************************
You don't have to change anything below this
********************************************************************************/

//ChangeText object constructor.
function makeChangeTextObj(obj){
this.css = bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?document.layers[obj]:0;
this.writeref = bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj].document:0;
this.writeIt = b_writeIt;
}
function b_writeIt(text,num){
if (bw.ns4){
this.writeref.write(text)
this.writeref.close()
}
else this.writeref.innerHTML = messages[num]
}

//The mouoseover function. Calls the writeIt method to write the text to the div.
function changeText(num){
if(bw.bw) oMessage.writeIt('<table width=&quot;'+msgWidth+'&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;><tr><td><span style=&quot;font-size:'+msgFontSize+'px; font-family:'+msgFont+'; color:'+msgFontColor+'&quot;>'+messages[num]+'</span></td></tr></table>', num)
}

//The init function. Calls the object constructor and initiates some properties.
function changeTextInit(){
//Fixing the browsercheck for opera... this can be removed if the browsercheck has been updated!!
bw.opera5 = (navigator.userAgent.indexOf(&quot;Opera&quot;)>-1 && document.getElementById)?true:false
if (bw.opera5) bw.ns6 = 0

oMessage = new makeChangeTextObj('divMessage')
oLinks = new makeChangeTextObj('divLinks')
//Setting the style properties of the text layer.
if(bw.dom || bw.ie4){
with(oMessage.writeref.style){fontFamily=msgFont; fontSize=msgFontSize+&quot;px&quot;; color=msgFontColor}
}
//Both layers are hidden by default to prevent users from mousing over them and creating errors while the page loads.
oMessage.css.visibility= &quot;visible&quot;
oLinks.css.visibility= &quot;visible&quot;
}

//If the browser is ok, the init function is called on pageload.
if (bw.bw) onload = changeTextInit
</script>
</head>

<body marginleft=&quot;0&quot; marginheight=&quot;0&quot;>
<!-- START DELETE -->
<div style=&quot;position:absolute; left:0; top:0&quot;><a href=&quot;#&quot; onclick=&quot;self.close(); return false&quot;><img src=&quot;/images/logo.gif&quot; width=&quot;165&quot; height=&quot;54&quot; alt=&quot;&quot; border=&quot;0&quot; alt=&quot;Click to close window&quot;></a></div>
<br><br><br>
<!-- END DELETE -->

<div id=&quot;divLinks&quot;>
<a href=&quot;#&quot; onmouseover=&quot;changeText(1)&quot; onmouseout=&quot;changeText(0)&quot;>Link 1</a>
<a href=&quot;#&quot; onmouseover=&quot;changeText(2)&quot; onmouseout=&quot;changeText(0)&quot;>Link 2</a>
<a href=&quot;#&quot; onmouseover=&quot;changeText(3)&quot; onmouseout=&quot;changeText(0)&quot;>Link 3</a>
<a href=&quot;#&quot; onmouseover=&quot;changeText(4)&quot; onmouseout=&quot;changeText(0)&quot;>Link 4</a>
<a href=&quot;#&quot; onmouseover=&quot;changeText(5)&quot; onmouseout=&quot;changeText(0)&quot;>Link 5</a>
<a href=&quot;#&quot; onmouseover=&quot;changeText(6)&quot; onmouseout=&quot;changeText(0)&quot;>Link 6</a>
</div>

<div id=&quot;divMessage&quot;>
<font face=&quot;arial,helvetica,sans-serif&quot; size=&quot;2&quot; color=&quot;#000000&quot;>
Just place the default text here (this will show always in 3.x browsers)
You have to place this with tables or something instead of layers for backwards compatibility.
</font>
</div>


Thanks

 
Here is the sample HTML:

<html>
<head>
<style type=&quot;text/css&quot;>
#divLinks {position:absolute; left:150px; top:150px; visibility:hidden;}
#divLinks a {color:#336699; font-family:verdana,arial,helvetica,sans-serif; font-size:12px; font-weight:700;}
#divMessage {position:absolute; left:150px; width:300px; top:180px; visibility:hidden;}

.clDescriptionCont {position:absolute; width:200px; visibility:hidden; layer-background-color:#cccccc; z-index:200;}
.clDescription {width:150px; left:0px; top:0px; font-family:verdana,arial,helvetica,sans-serif; overflow:hidden; border: 1px solid #999999; padding:3px; font-size:11px; background-color:#cccccc; layer-background-color:#cccccc;}
.clLinks {position:absolute; left:100px; top:5px; z-index:1;}
.clCaption {position:absolute; left:0px; top:0px; width:157px; height:15px; clip:rect(0px 157px 15px 0px); font-size:11px; font-family:verdana,arial,helvetica,sans-serif; background-color:#999999; layer-background-color:#999999;}
body {background-color:#ffffff;}
</style>
<script language=&quot;JavaScript&quot; type=&quot;text/javascript&quot; src=&quot;globals.js&quot;></script>
<script language=&quot;JavaScript&quot; type=&quot;text/javascript&quot; src=&quot;menu.js&quot;></script>
<script language=&quot;JavaScript&quot; type=&quot;text/javascript&quot; src=&quot;tooltips.js&quot;></script>
</head>

<body marginleft=&quot;0&quot; marginheight=&quot;0&quot;>

<div id=&quot;divLinks&quot;>
<a href=&quot;#&quot; onmouseover=&quot;changeText(1)&quot; onmouseout=&quot;changeText(0)&quot;>Link 1</a>
<a href=&quot;#&quot; onmouseover=&quot;changeText(2)&quot; onmouseout=&quot;changeText(0)&quot;>Link 2</a>
<a href=&quot;#&quot; onmouseover=&quot;changeText(3)&quot; onmouseout=&quot;changeText(0)&quot;>Link 3</a>
<a href=&quot;#&quot; onmouseover=&quot;changeText(4)&quot; onmouseout=&quot;changeText(0)&quot;>Link 4</a>
<a href=&quot;#&quot; onmouseover=&quot;changeText(5)&quot; onmouseout=&quot;changeText(0)&quot;>Link 5</a>
<a href=&quot;#&quot; onmouseover=&quot;changeText(6)&quot; onmouseout=&quot;changeText(0)&quot;>Link 6</a>
</div>

<div id=&quot;divMessage&quot;>
<font face=&quot;arial,helvetica,sans-serif&quot; size=&quot;2&quot; color=&quot;#000000&quot;>
Just place the default text here (this will show always in 3.x browsers)
You have to place this with tables or something instead of layers for backwards compatibility.
</font>
</div>

<div id=&quot;divDescription&quot; class=&quot;clDescriptionCont&quot;>
<!--Empty div-->
</div>
<div id=&quot;divLinks2&quot; class=&quot;clLinks&quot;>
<!-- Just delete this layer, it's just here for the example links -->
<a href=&quot;#&quot; onmouseover=&quot;popup(0)&quot; onmouseout=&quot;popout()&quot;>test link 0</a> -
<a href=&quot;#&quot; onmouseover=&quot;popup(1)&quot; onmouseout=&quot;popout()&quot;>test link 1</a> -
<a href=&quot;#&quot; onmouseover=&quot;popup(2)&quot; onmouseout=&quot;popout()&quot;>test link 2</a> -
<a href=&quot;#&quot; onmouseover=&quot;popup(3)&quot; onmouseout=&quot;popout()&quot;>test link 3</a> -
<a href=&quot;#&quot; onmouseover=&quot;popup(4)&quot; onmouseout=&quot;popout()&quot;>test link 4</a>
</div>

<script type=&quot;text/javascript&quot;>setPopup()</script>
</body>
</html>


And here is the JavaScript:

globals.js
<!--
function lib_bwcheck(){ //Browsercheck (needed)
this.ver=navigator.appVersion
this.agent=navigator.userAgent
this.dom=document.getElementById?1:0
this.opera5=this.agent.indexOf(&quot;Opera 5&quot;)>-1
this.ie5=(this.ver.indexOf(&quot;MSIE 5&quot;)>-1 && this.dom && !this.opera5)?1:0;
this.ie6=(this.ver.indexOf(&quot;MSIE 6&quot;)>-1 && this.dom && !this.opera5)?1:0;
this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
this.ie=this.ie4||this.ie5||this.ie6
this.mac=this.agent.indexOf(&quot;Mac&quot;)>-1
this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
return this
}
var bw=new lib_bwcheck()


if(document.layers){ //NS4 resize fix...
scrX= innerWidth; scrY= innerHeight;
onresize= function(){if(scrX!= innerWidth || scrY!= innerHeight){history.go(0)} }
}

//-->


tooltips.js
<!--
/**********************************************************************************
PopupDescriptions
* Copyright (C) 2001 <a href=&quot;/dhtmlcentral/thomas_brattli.asp&quot;>Thomas Brattli</a>
* This script was released at DHTMLCentral.com
* Visit for more great scripts!
* This may be used and changed freely as long as this msg is intact!
* We will also appreciate any links you could give us.
*
* Made by <a href=&quot;/dhtmlcentral/thomas_brattli.asp&quot;>Thomas Brattli</a>
*********************************************************************************/

/***************************************************************************************
Variables to set:
***************************************************************************************/
messages=new Array()
//Write your descriptions in here.
messages[0] = &quot;Description of test link 0 asd asd asd asd asd asd asd asd asd asd asd&quot;
messages[1] = &quot;Description of test link 1 asd asd asd asd asd asd asd asd asd as ds asdasd&quot;
messages[2] = &quot;Description of test link 2&quot;
messages[3] = &quot;Description of test link 3&quot;
messages[4] = '<div class=&quot;clCaption&quot;>Your caption</div><br>Description of test link 4</div>'
//To have more descriptions just add to the array.

fromX = 50 //How much from the actual mouse X should the description box appear?
fromY = -20 //How much from the actual mouse Y should the description box appear?

//To set the font size, font type, border color or remove the border or whatever,
//change the clDescription class in the stylesheet.

//Makes crossbrowser object.
function makeObj(obj){
this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj]:0;
if(!this.evnt) return false
this.css=bw.dom||bw.ie4?this.evnt.style:bw.ns4?this.evnt:0;
this.wref=bw.dom||bw.ie4?this.evnt:bw.ns4?this.css.document:0;
this.writeIt=b_writeIt_TT;
return this
}

// A unit of measure that will be added when setting the position of a layer.
var px = bw.ns4||window.opera?&quot;&quot;:&quot;px&quot;;

function b_writeIt_TT(text){
if (bw.ns4){this.wref.write(text);this.wref.close()}
else this.wref.innerHTML = text
}

//Capturing mousemove
var descx = 0
var descy = 0
function popmousemove(e){descx=bw.ns4||bw.ns6?e.pageX:event.x; descy=bw.ns4||bw.ns6?e.pageY:event.y}

var oDesc;
//Shows the messages
function popup(num){
if(oDesc){
oDesc.writeIt('<div class=&quot;clDescription&quot;>'+messages[num]+'</div>')
if(bw.ie5||bw.ie6) descy = descy+document.body.scrollTop
oDesc.css.left = (descx+fromX)+px
oDesc.css.top = (descy+fromY)+px
oDesc.css.visibility = &quot;visible&quot;
}
}
//Hides it
function popout(){
if(oDesc) oDesc.css.visibility = &quot;hidden&quot;
}

function setPopup(){
if(bw.ns4)document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = popmousemove;
oDesc = new makeObj('divDescription')
}
//-->


and menu.js
<!--
/**********************************************************************************
ChangeText
* Copyright (C) 2001 <a href=&quot;/dhtmlcentral/thomas_brattli.asp&quot;>Thomas Brattli</a>
* This script was released at DHTMLCentral.com
* Visit for more great scripts!
* This may be used and changed freely as long as this msg is intact!
* We will also appreciate any links you could give us.
*
* Made by <a href=&quot;/dhtmlcentral/thomas_brattli.asp&quot;>Thomas Brattli</a>
*********************************************************************************/

/****
Variables to set
****/
msgFont= &quot;arial,helvetiva&quot; // The font for the message
msgFontSize= 12 // Set the fontSize in px
msgFontColor=&quot;#000000&quot; // Set the fontColor
msgWidth= &quot;300&quot; // Set the width of the messageblock here for netscape 4

//Set the text you want to display on mouseover here.
messages=new Array()
messages[0]=&quot;&quot; //This is the default text that appears when you mouse out.
messages[1]=&quot;This is link nr 1, you should really visit it!&quot;
messages[2]=&quot;Link nr 2 (this one) is even better!&quot;
messages[3]=&quot;This link however, nr3, isn't that good...&quot;
messages[4]=&quot;Maybe you should try this one?<br>I'll write some more text to show that it wraps correctly to several lines.&quot;
messages[5]=&quot;<img src=\&quot;changetext_image.gif\&quot; width=\&quot;56\&quot; height=\&quot;54\&quot; alt=\&quot;\&quot; border=\&quot;0\&quot;><br>As you see, you can put html in here too, like an image.&quot;
messages[6]=&quot;Later all..&quot;

/********************************************************************************
You don't have to change anything below this
********************************************************************************/

//ChangeText object constructor.
function makeChangeTextObj(obj){
this.css = bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?document.layers[obj]:0;
this.writeref = bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj].document:0;
this.writeIt = b_writeIt;
}
function b_writeIt(text,num){
if (bw.ns4){
this.writeref.write(text)
this.writeref.close()
}
else this.writeref.innerHTML = messages[num]
}

//The mouoseover function. Calls the writeIt method to write the text to the div.
function changeText(num){
if(bw.bw) oMessage.writeIt('<table width=&quot;'+msgWidth+'&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;><tr><td><span style=&quot;font-size:'+msgFontSize+'px; font-family:'+msgFont+'; color:'+msgFontColor+'&quot;>'+messages[num]+'</span></td></tr></table>', num)
}

//The init function. Calls the object constructor and initiates some properties.
function changeTextInit(){
//Fixing the browsercheck for opera... this can be removed if the browsercheck has been updated!!
bw.opera5 = (navigator.userAgent.indexOf(&quot;Opera&quot;)>-1 && document.getElementById)?true:false
if (bw.opera5) bw.ns6 = 0

oMessage = new makeChangeTextObj('divMessage')
oLinks = new makeChangeTextObj('divLinks')
//Setting the style properties of the text layer.
if(bw.dom || bw.ie4){
with(oMessage.writeref.style){fontFamily=msgFont; fontSize=msgFontSize+&quot;px&quot;; color=msgFontColor}
}
//Both layers are hidden by default to prevent users from mousing over them and creating errors while the page loads.
oMessage.css.visibility= &quot;visible&quot;
oLinks.css.visibility= &quot;visible&quot;
}

//If the browser is ok, the init function is called on pageload.
if (bw.bw) onload = changeTextInit
//-->


You may have to play with the container (<div>) names so there are no conflicts, but you will no longer have any javascript errors.

Chad. ICQ: 54380631
online.dll
 
hey thanks Chad.....much appreciated.......i will try that and here's hoping...........thanks again!
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top