Announcement

Collapse
No announcement yet.

Script situation??

Collapse
X
Collapse
 
  • Page of 1
  • Filter
  • Time
  • Show
Clear All
new posts
Previous template Next
  • #1

    Script situation??

    Hi! i'm thinking to install some scripts to my web site, and they all say that i should write the code to the <body> or <head>.
    Do i write it all in page html or can i use that script button? Will there be a problem if i write several of them in page html?

    1 more question (difficult for me): i try to set an image as background but it doesn't feet to page properties, even though i made it some size. Is there a way to adjust it?

    Will be VERY grateful for any answer to these!!!
    Tags: None
  • #2
    Re: Script situation??

    Hi, you would be better posting the scripts so we can have a look. Or leaving a link to the script that you want to use.
    Regards Chris.

    Collectables, Collecting, collectors-info.com
    www.chrismorris.co.uk
    House build project

    Comment

    • #3
      Re: Script situation??

      Thank you for attention!!!!!
      It's this one:

      <!-- Simply copy and paste it between <BODY> and </BODY> tags -->

      <script type="text/javascript">
      /*
      Tinkerbell Fairy Cursor Trail
      Visit http://www.rainbow.arch.scriptmania.com/scripts/
      */

      var trailimage=["tinkerbell.gif", 58, 64] // image, width, height
      var ofsm=[-2,1]

      if (document.getElementById || document.all)
      document.write('<div id="trailimageid" style="position:absolute;visibility:visible;left:0 px;top:0px;width:1px;height:1px"><img src="'+trailimage[0]+'" border="0" width="'+trailimage[1]+'px" height="'+trailimage[2]+'px"></div>')

      function gettrailobj(){
      if (document.getElementById)
      return document.getElementById("trailimageid").style
      else if (document.all)
      return document.all.trailimagid.style
      }

      function truebody(){
      return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
      }

      function followmouse(e){
      var xcoord=ofsm[0]
      var ycoord=ofsm[1]
      if (typeof e != "undefined"){
      xcoord+=e.pageX
      ycoord+=e.pageY
      }
      else if (typeof window.event !="undefined"){
      xcoord+=truebody().scrollLeft+event.clientX
      ycoord+=truebody().scrollTop+event.clientY
      }
      var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
      var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)
      if (xcoord+trailimage[1]+3>docwidth || ycoord+trailimage[2]> docheight)
      gettrailobj().display="none"
      else
      gettrailobj().display=""
      gettrailobj().left=xcoord+"px"
      gettrailobj().top=ycoord+"px"
      }

      document.onmousemove=followmouse

      </script>

      Comment

      • #4
        Re: Script situation??

        Also want to use this one(follows), maybe indeed i can just change sth in the code as to view it over images as well



        <!--Simply copy and paste into the <body></body> of your page.-->

        <div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"></div>
        <div id="dot1" style="position: absolute; height: 35; width: 35;"><img src="ball1.gif" width="11" height="11" alt=""></div>
        <div id="dot2" style="position: absolute; height: 35; width: 35;"><img src="ball1.gif" width="11" height="11" alt="."></div>
        <div id="dot3" style="position: absolute; height: 35; width: 35;"><img src="ball1.gif" width="11" height="11" alt="."></div>
        <div id="dot4" style="position: absolute; height: 35; width: 35;"><img src="ball1.gif" width="11" height="11" alt="."></div>
        <div id="dot5" style="position: absolute; height: 35; width: 35;"><img src="ball1.gif" width="11" height="11" alt="."></div>
        <div id="dot6" style="position: absolute; height: 35; width: 35;"><img src="ball1.gif" width="11" height="11" alt="."></div>

        <script type='text/javascript'>

        <!-- This script and many more from -->
        <!-- http://rainbow.arch.scriptmania.com -->

        <!-- Begin
        var nDots = 7;
        if (document.all&&window.print)
        document.body.style.cssText="overflow-x:hidden;overflow-y:scroll"
        var Xpos = 0;
        var Ypos = 0;


        var DELTAT = .01;
        var SEGLEN = 10;
        var SPRINGK = 10;
        var MASS = 1;
        var GRAVITY = 50;
        var RESISTANCE = 10;
        var STOPVEL = 0.1;
        var STOPACC = 0.1;
        var DOTSIZE = 35;
        var BOUNCE = 0.75;

        var isNetscape = navigator.appName=="Netscape";

        var followmouse = true;

        var dots = new Array();
        init();
        function init()
        {
        var i = 0;
        for (i = 0; i < nDots; i++) {
        dots[i] = new dot(i);
        }

        for (i = 0; i < nDots; i++) {
        dots[i].obj.left = dots[i].X + "px";
        dots[i].obj.top = dots[i].Y + "px";
        }

        if (isNetscape) {
        startanimate();
        } else {
        setTimeout("startanimate()", 20);
        }
        }

        function dot(i)
        {
        this.X = Xpos;
        this.Y = Ypos;
        this.dx = 0;
        this.dy = 0;
        this.obj = eval("document.getElementById('dot" + i + "').style");
        }

        document.onmousemove = MoveHandler;

        function startanimate() {
        setInterval("animate()", 20);
        }

        function MoveHandler(e) {

        if (!e) {
        Xpos = window.event.x + document.body.scrollLeft;
        Ypos = window.event.y + document.body.scrollTop;
        } else {
        Xpos = e.pageX;
        Ypos = e.pageY;
        }
        }

        function vec(X, Y)
        {
        this.X = X;
        this.Y = Y;
        }

        function springForce(i, j, spring)
        {
        var dx = (dots[i].X - dots[j].X);
        var dy = (dots[i].Y - dots[j].Y);
        var len = Math.sqrt(dx*dx + dy*dy);
        if (len > SEGLEN) {
        var springF = SPRINGK * (len - SEGLEN);
        spring.X += (dx / len) * springF;
        spring.Y += (dy / len) * springF;
        }
        }

        function animate() {
        var start = 0;
        if (followmouse) {
        dots[0].X = Xpos;
        dots[0].Y = Ypos;
        start = 1;
        }

        for (i = start ; i < nDots; i++ ) {

        var spring = new vec(0, 0);
        if (i > 0) {
        springForce(i-1, i, spring);
        }
        if (i < (nDots - 1)) {
        springForce(i+1, i, spring);
        }

        var resist = new vec(-dots[i].dx * RESISTANCE,
        -dots[i].dy * RESISTANCE);

        var accel = new vec((spring.X + resist.X)/ MASS,
        (spring.Y + resist.Y)/ MASS + GRAVITY);

        dots[i].dx += (DELTAT * accel.X);
        dots[i].dy += (DELTAT * accel.Y);

        if (Math.abs(dots[i].dx) < STOPVEL &&
        Math.abs(dots[i].dy) < STOPVEL &&
        Math.abs(accel.X) < STOPACC &&
        Math.abs(accel.Y) < STOPACC) {
        dots[i].dx = 0;
        dots[i].dy = 0;
        }

        dots[i].X += dots[i].dx;
        dots[i].Y += dots[i].dy;

        var height, width;
        if (isNetscape) {
        height = window.innerHeight + document.scrollTop;
        width = window.innerWidth + document.scrollLeft;
        } else {
        height = document.body.clientHeight + document.body.scrollTop;
        width = document.body.clientWidth + document.body.scrollLeft;
        }

        if (dots[i].Y >= height - DOTSIZE - 1) {
        if (dots[i].dy > 0) {
        dots[i].dy = BOUNCE * -dots[i].dy;
        }
        dots[i].Y = height - DOTSIZE - 1;
        }
        if (dots[i].X >= width - DOTSIZE) {
        if (dots[i].dx > 0) {
        dots[i].dx = BOUNCE * -dots[i].dx;
        }
        dots[i].X = width - DOTSIZE - 1;
        }
        if (dots[i].X < 0) {
        if (dots[i].dx < 0) {
        dots[i].dx = BOUNCE * -dots[i].dx;
        }
        dots[i].X = 0;
        }

        dots[i].obj.left = dots[i].X + "px";
        dots[i].obj.top = dots[i].Y + "px";
        }
        }
        // End -->
        </SCRIPT>

        Comment

        • #5
          Re: Script situation??

          Hi, i have adjusted these slightly, so use these ones. From the menu select...........
          View>page HTML>Inside Body Tag> & paste the code hear. Preview & test.

          HTML Code:
          <script type="text/javascript">
/*
Tinkerbell Fairy Cursor Trail
Visit http://www.rainbow.arch.scriptmania.com/scripts/
*/

var trailimage=["http://www.rainbow.arch.scriptmania.com/scripts/tinkerbell.gif", 58, 64] // image, width, height
var ofsm=[-2,1]

if (document.getElementById || document.all)
document.write('<div id="trailimageid" style="position:absolute;visibility:visible;left:0 px;top:0px;width:1px;height:1px"><img src="'+trailimage[0]+'" border="0" width="'+trailimage[1]+'px" height="'+trailimage[2]+'px"></div>')

function gettrailobj(){
if (document.getElementById)
return document.getElementById("trailimageid").style
else if (document.all)
return document.all.trailimagid.style
}

function truebody(){
return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function followmouse(e){
var xcoord=ofsm[0]
var ycoord=ofsm[1]
if (typeof e != "undefined"){
xcoord+=e.pageX
ycoord+=e.pageY
}
else if (typeof window.event !="undefined"){
xcoord+=truebody().scrollLeft+event.clientX
ycoord+=truebody().scrollTop+event.clientY
}
var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)
if (xcoord+trailimage[1]+3>docwidth || ycoord+trailimage[2]> docheight)
gettrailobj().display="none"
else
gettrailobj().display=""
gettrailobj().left=xcoord+"px"
gettrailobj().top=ycoord+"px"
}

document.onmousemove=followmouse

</script>
          Same rules apply to this one as well.

          HTML Code:
          <!--Simply copy and paste into the <body></body> of your page.-->

<div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"></div>
<div id="dot1" style="position: absolute; height: 35; width: 35;"><img src="http://www.rainbow.arch.scriptmania.com/scripts/ball1.gif" width="11" height="11" alt=""></div>
<div id="dot2" style="position: absolute; height: 35; width: 35;"><img src="http://www.rainbow.arch.scriptmania.com/scripts/ball1.gif" width="11" height="11" alt="."></div>
<div id="dot3" style="position: absolute; height: 35; width: 35;"><img src="http://www.rainbow.arch.scriptmania.com/scripts/ball1.gif" width="11" height="11" alt="."></div>
<div id="dot4" style="position: absolute; height: 35; width: 35;"><img src="http://www.rainbow.arch.scriptmania.com/scripts/ball1.gif" width="11" height="11" alt="."></div>
<div id="dot5" style="position: absolute; height: 35; width: 35;"><img src="http://www.rainbow.arch.scriptmania.com/scripts/ball1.gif" width="11" height="11" alt="."></div>
<div id="dot6" style="position: absolute; height: 35; width: 35;"><img src="http://www.rainbow.arch.scriptmania.com/scripts/ball1.gif" width="11" height="11" alt="."></div>

<script type='text/javascript'>

<!-- This script and many more from -->
<!-- http://rainbow.arch.scriptmania.com -->

<!-- Begin
var nDots = 7;
if (document.all&&window.print)
document.body.style.cssText="overflow-x:hidden;overflow-y:scroll"
var Xpos = 0;
var Ypos = 0;


var DELTAT = .01;
var SEGLEN = 10;
var SPRINGK = 10;
var MASS = 1;
var GRAVITY = 50;
var RESISTANCE = 10;
var STOPVEL = 0.1;
var STOPACC = 0.1;
var DOTSIZE = 35;
var BOUNCE = 0.75;

var isNetscape = navigator.appName=="Netscape";

var followmouse = true;

var dots = new Array();
init();
function init()
{
var i = 0;
for (i = 0; i < nDots; i++) {
dots[i] = new dot(i);
}

for (i = 0; i < nDots; i++) {
dots[i].obj.left = dots[i].X + "px";
dots[i].obj.top = dots[i].Y + "px";
}

if (isNetscape) {
startanimate();
} else {
setTimeout("startanimate()", 20);
}
}

function dot(i)
{
this.X = Xpos;
this.Y = Ypos;
this.dx = 0;
this.dy = 0;
this.obj = eval("document.getElementById('dot" + i + "').style");
}

document.onmousemove = MoveHandler;

function startanimate() {
setInterval("animate()", 20);
}

function MoveHandler(e) {

if (!e) {
Xpos = window.event.x + document.body.scrollLeft;
Ypos = window.event.y + document.body.scrollTop;
} else {
Xpos = e.pageX;
Ypos = e.pageY;
}
}

function vec(X, Y)
{
this.X = X;
this.Y = Y;
}

function springForce(i, j, spring)
{
var dx = (dots[i].X - dots[j].X);
var dy = (dots[i].Y - dots[j].Y);
var len = Math.sqrt(dx*dx + dy*dy);
if (len > SEGLEN) {
var springF = SPRINGK * (len - SEGLEN);
spring.X += (dx / len) * springF;
spring.Y += (dy / len) * springF;
}
}

function animate() {
var start = 0;
if (followmouse) {
dots[0].X = Xpos;
dots[0].Y = Ypos;
start = 1;
}

for (i = start ; i < nDots; i++ ) {

var spring = new vec(0, 0);
if (i > 0) {
springForce(i-1, i, spring);
}
if (i < (nDots - 1)) {
springForce(i+1, i, spring);
}

var resist = new vec(-dots[i].dx * RESISTANCE,
-dots[i].dy * RESISTANCE);

var accel = new vec((spring.X + resist.X)/ MASS,
(spring.Y + resist.Y)/ MASS + GRAVITY);

dots[i].dx += (DELTAT * accel.X);
dots[i].dy += (DELTAT * accel.Y);

if (Math.abs(dots[i].dx) < STOPVEL &&
Math.abs(dots[i].dy) < STOPVEL &&
Math.abs(accel.X) < STOPACC &&
Math.abs(accel.Y) < STOPACC) {
dots[i].dx = 0;
dots[i].dy = 0;
}

dots[i].X += dots[i].dx;
dots[i].Y += dots[i].dy;

var height, width;
if (isNetscape) {
height = window.innerHeight + document.scrollTop;
width = window.innerWidth + document.scrollLeft;
} else {
height = document.body.clientHeight + document.body.scrollTop;
width = document.body.clientWidth + document.body.scrollLeft;
}

if (dots[i].Y >= height - DOTSIZE - 1) {
if (dots[i].dy > 0) {
dots[i].dy = BOUNCE * -dots[i].dy;
}
dots[i].Y = height - DOTSIZE - 1;
}
if (dots[i].X >= width - DOTSIZE) {
if (dots[i].dx > 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = width - DOTSIZE - 1;
}
if (dots[i].X < 0) {
if (dots[i].dx < 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = 0;
}

dots[i].obj.left = dots[i].X + "px";
dots[i].obj.top = dots[i].Y + "px";
}
}
// End -->
</SCRIPT
          Regards Chris.

          Collectables, Collecting, collectors-info.com
          www.chrismorris.co.uk
          House build project

          Comment

          • #6
            Re: Script situation??

            Still it doesn't go over the images. Same problem. Actually just tried. All previous time was working with background.. Also had lots of problems with text. Do you know a way to make text-shape not strait but a bit circle?

            Comment

            • #7
              Re: Script situation??

              Hi,

              The best way I have found is to use other programs that allow for text manipulation.

              Save them as *..gif files and then import to your page of design.

              I hope this helps
              Kind Regards
              Rob
              www.gnjgf.co.za
              www.oryan-projects.com

              Comment

              • #8
                Re: Script situation??

                Thank you very much! Can you advise some program specially for text editing?

                Comment

                • #9
                  Re: Script situation??

                  Hi,

                  I use Microsoft word (Word Art) tool bar and I also use photoshop.

                  Hopefully these two would be of help
                  Kind Regards
                  Rob
                  www.gnjgf.co.za
                  www.oryan-projects.com

                  Comment

                  Previous template Next

                  Find your perfect domain name

                  Working...
                  X