Cursor Tracer Problems
3 posters
Page 1 of 1
Cursor Tracer Problems
Hello I am having a issue with putting a tracer on my cursor to all the web pages to my site. I checked the forums for a solution to this problem but am unable to find a response to solve the problem in question. I can add the Tracer that I have to my homepage through Annoucements and under Homepage Message, but it only works for the homepage which is not what I actually want.
The code for the tracer for my cursor is here...
http://www.snazzyspace.com/tumblr/mouse-sparkles.php
The Script is here...
To be honest I am clueless when it comes to Java, but can usually solve my problems and for the life of me I can not figure out what the problem is and it's driving me nuts...So I'm asking for help.
I'm pretty sure it's meant to go inside AP/Modules/Java Script Codes Management, and create it there is what I've been doing with no luck, I've also tried HTML but no luck there either.
Websites http://www.eternityrealms.com/
Any help would be great on this issue to be solved because I want to continue with working on other things for the site since I'm finally liking how it's looking.
Regards,
Shiju
The code for the tracer for my cursor is here...
http://www.snazzyspace.com/tumblr/mouse-sparkles.php
The Script is here...
- Code:
<script type="text/javascript">
// <![CDATA[
var colour="#00baff";
var sparkles=120;
/****************************
* Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>
To be honest I am clueless when it comes to Java, but can usually solve my problems and for the life of me I can not figure out what the problem is and it's driving me nuts...So I'm asking for help.
I'm pretty sure it's meant to go inside AP/Modules/Java Script Codes Management, and create it there is what I've been doing with no luck, I've also tried HTML but no luck there either.
Websites http://www.eternityrealms.com/
Any help would be great on this issue to be solved because I want to continue with working on other things for the site since I'm finally liking how it's looking.
Regards,
Shiju
Shijumaru Tsukikirameki- New Member
- Posts : 5
Reputation : 1
Language : English
Re: Cursor Tracer Problems
Hi,
Try adding the code inside an announcement, then it should work fine.
ACP >> General >> Under, "Messages & E-mails," click on Announcements. >> Create a new one! Insert code, should work like magic.
Regards,
Sir Chivas.
Try adding the code inside an announcement, then it should work fine.
ACP >> General >> Under, "Messages & E-mails," click on Announcements. >> Create a new one! Insert code, should work like magic.
Regards,
Sir Chivas.
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Cursor Tracer Problems
That's so odd...I tried that before and it didn't work but now it is working....
Maybe I just didn't wait long enough lol, anyways thanks for clearing it up so quickly and the help Sir Chivas.
Regards,
Shiju
Topic Solved.
Maybe I just didn't wait long enough lol, anyways thanks for clearing it up so quickly and the help Sir Chivas.
Regards,
Shiju
Topic Solved.
Shijumaru Tsukikirameki- New Member
- Posts : 5
Reputation : 1
Language : English
Re: Cursor Tracer Problems
No problem, anytime.
Sir Chivas™- Helper
- Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||
Re: Cursor Tracer Problems
Topic Solved & Locked |
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum