Script situation??

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts
  • Mihas'
    Sergeant

    • Mar 2008
    • 30

    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!!!
  • Collectors-info
    General

    • Feb 2006
    • 8703

    #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

    • Mihas'
      Sergeant

      • Mar 2008
      • 30

      #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

      • Mihas'
        Sergeant

        • Mar 2008
        • 30

        #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

        • Collectors-info
          General

          • Feb 2006
          • 8703

          #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

          • Mihas'
            Sergeant

            • Mar 2008
            • 30

            #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

            • Rob (SA)
              Lieutenant Colonel

              • Nov 2006
              • 586

              #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

              • Mihas'
                Sergeant

                • Mar 2008
                • 30

                #8
                Re: Script situation??

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

                Comment

                • Rob (SA)
                  Lieutenant Colonel

                  • Nov 2006
                  • 586

                  #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

                  Working...
                  X