DHTML Options

[urcompsezwazzup]

I wanted to add some DHTML into my site, specifically this. however, when i put the respective parts into the header and website stats sections, they do not seem to work...anyone out there know how to adapt this code? thanx in advance!
-aMiT-

[insertusername]

Most DHTML doesn't work on Xangas.

[Fe_LL]

I think I saw that on someones site before.. I thought it was flash.

[urcompsezwazzup]

gah...so either it'll never work, or im gonna hafta find another version or sumthing...*sigh* blah...
well thx neway u guyz
-aMiT-

[micron]

Hi, here you go (it works):

CODE

<!-- begin code provided by createblog.com -->
<xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v"/>
<style type="text/css">
v\:* { behavior: url(#default#VML); }
</style>
<script type="text/javascript">

/***********************************************
* 3D Spinning Message Script- By Copyright (c) 2003 Peter Gehrig
* Website: http://www.24fun.com
* Script available at/modified by Dynamic Drive (http://www.dynamicdrive.com)
* This notice must stay intact for use
***********************************************/


// Add as many messages as you like
var message=new Array("Dynamic Drive", "#1 DHTML site online", "Visit us for free scripts", "Enjoy")

// Set the outline-color. Add as many colors as you like
var outlinecolor=new Array("black", "black")

// Set fillcolors 1. Add as many colors as you like
var fillcolor1=new Array("gray", "green", "white", "green")

// Set fillcolors 2. Add as many colors as you like
var fillcolor2=new Array("blue", "olive", "black", "lime")

// Set the letter marking the circle
var circlemark=new Array("-")

// Set the width of the outline
var strkweight=2

// Set the waiting time between the messages (seconds)
var pause=2

// Set the strength of the opacity (transparency of letters)
var strengthopacity="60%"

// Set the size of the circle (values range from 0.1 to 1)
var circlesize=0.5

// Always keep messages in view even if page is scrolled? (DD added option)
var keepinview="yes"

// Do not edit below this line

mytruebody=(!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body //Dynamicdrive added object

var outerwidth=mytruebody.clientWidth
var outerheight=mytruebody.clientHeight

var innerwidth=Math.floor(circlesize*outerwidth)
var innerheight=Math.floor(circlesize*outerheight)

var posleft=(outerwidth-innerwidth)/2
var postop=(outerheight-innerheight)/2

var path=new Array()
var i_message=0
var i_outlinecolor=0
var i_fillcolor1=0
var i_fillcolor2=0
var i_messagelength=0
var longestmessage=0
pause*=1000

var ie=document.getElementById&&document.all?1:0

for (i=0;i<=message.length-1;i++) {
    if (message[i].length>longestmessage) {
 longestmessage=message[i].length
    }
    longestmessage+=4
}

for (i=0;i<=message.length-1;i++) {

    var emptyspace=""
    var i_emptyspace=(longestmessage-message[i].length)/2
    for (ii=0;ii<=i_emptyspace;ii++) {
 emptyspace+=circlemark
    }
    message[i]=emptyspace+" "+message[i]+" "+emptyspace
}

function changeform() {
    if (keepinview=="yes") //DD added
    document.getElementById("roofid").style.top=mytruebody.scrollTop //DD added
    if (i_outlinecolor >= outlinecolor.length) {i_outlinecolor=0}
    if (i_fillcolor1 >= fillcolor1.length) {i_fillcolor1=0}
    if (i_fillcolor2 >= fillcolor2.length) {i_fillcolor2=0}
    document.getElementById('strokeid').color=outlinecolor[i_outlinecolor]
    document.getElementById('fillid').color=fillcolor1[i_fillcolor1]
    document.getElementById('fillid').color2=fillcolor2[i_fillcolor2]
    if (i_message < message.length) {tick()}
    else {document.getElementById('textpathid').string=""
    document.getElementById("roofid").style.display="none" //DD added
    }
}

function tick() {
    if (i_messagelength <= message[i_message].length) {
 var messagestringend=""
 var messagestring=message[i_message].substring(0, i_messagelength)+messagestringend
 document.getElementById('textpathid').string=messagestring
 var timer=setTimeout("tick()",50)
 i_messagelength++
    }
    else {
 clearTimeout(timer)
 i_messagelength=0
 i_message++
 i_outlinecolor++    
 i_fillcolor1++    
 i_fillcolor2++    
 var timer=setTimeout("changeform()",pause)
    }
    
}

if (ie) {
    document.write('<div id="roofid" style="position:absolute;left:0px;top:0px;width:'+outerwidth+'px;height:'+outerheight+'px;overflow:hidden;">')
    document.write('<v:oval id="tc" style="position:absolute;top:'+postop+'px;left:'+posleft+'px;width:'+innerwidth+'px;height:'+innerheight+'px">')
    document.write('<v:shadow on="t" opacity="'+strengthopacity+'"/>')
    document.write('<v:stroke id="strokeid" weight="'+strkweight+'pt" color="blue"/>')
    document.write('<v:fill id="fillid" on="True" color="'+fillcolor1[0]+'" color2="'+fillcolor2[0]+'" opacity="'+strengthopacity+'" opacity2="'+strengthopacity+'" type="gradient"/>')
    document.write('<v:path textpathok="t"/>')
    document.write('<v:textpath id="textpathid" on="t" id="mytp" style="font-family:\'Arial Black\'; " fitpath="t" string=""/>')
    document.write('</v:oval></div>')
    if (window.attachEvent) //DD added code
    window.attachEvent("onload", changeform) //DD added code
    else
    window.onload=changeform
}
</script>
<!-- end code provided by createblog.com -->

[urcompsezwazzup]

sry im so late but TY!! ill go put it in ^_^;; thx mucho!
-aMiT-

[urcompsezwazzup]

gah...okay i tried adding it and it DOES work..only thing is, its always at the bottom...if i put it inside the TABLE tag, then it makes all mi xanga be left aligned, plays itself on the bottom left, and when it ends the xanga goes back to its original look. if i put it outside the TABLE tag, all mi entries are 2 times as wide, it plays on the very bottom, and tehn the xanga goes back to normal when it ends.

could this be something to do with my custom modules...?
-aMiT-