Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 3 123 LastLast
Results 1 to 15 of 35
  1. #1
    Regular Coder
    Join Date
    Nov 2010
    Location
    canada
    Posts
    131
    Thanks
    51
    Thanked 0 Times in 0 Posts

    Getting Golf Sign program to work.

    I almost got part of this one program to work. It is of a golf sign with a golf ball moving across and landing in the word Golf into the "o"
    When the ball lands in the o the sign of "your online source of golf equipment" appears after ball has landed and grows in size.

    right now the ball is what I have but I can not get my sign to appear.

    I use 2 external files

    I will post all the coding here

    here is my main file I worked on

    this is my golfpage.htm file

    Code:
    <html>
    <head>
    <!-- 
       New Perspectives on JavaScript
       Tutorial 4
       Case Problem 1
    
       The Golf Page
       Author:  
       Date:   05 December 2010
    
       Filename:         golfpage.htm
       Supporting files: ball.gif, clouds.jpg, golf.js, golfer.gif, styles.css
    -->
    <title>The Golf Page</title>
    <link href="styles.css" rel="stylesheet" type="text/css" />
    <script src="golf.js" type="text/javascript"></script>
    
    <script type="text/javascript">
    
    var x = new Array(-395, -389, -383, -377, -371, -365, -359, -353, -346, 
    -340, -334, -328, -322, -316, -310, -304, -297, -291, -285, -279, -273, 
    -267, -261, -255, -248, -242, -236, -230, -224, -218, -212, -206, -199, 
    -193, -187, -181, -175, -169, -163, -157, -150, -144, -138, -132, -126, 
    -120, -114, -108, -101, -95, -93, -91, -88, -86, -83, -81, -78, -76, -73, 
    -71, -69, -66, -64, -61, -59, -56, -54, -51, -49, -47, -44, -42, -39, -37, 
    -34, -32, -29, -27, -24, -22, -20, -17, -15, -12, -10, -7, -5, -2, 0);
    
    var y = new Array(-300, -300, -300, -299, -298, -297, -296, -294, -292, 
    -290, -288, -285, -282, -279, -276, -272, -268, -264, -260, -255, -250, 
    -245, -240, -234, -228, -222, -216, -209, -202, -195, -188, -180, -172, 
    -164, -156, -147, -138, -129, -120, -110, -100, -90, -80, -69, -58, -47, 
    -36, -24, -12, 0, -5, -10, -14, -18, -22, -25, -29, -32, -34, -37, -39, 
    -41, -43, -45, -46, -47, -48, -48, -48, -48, -48, -48, -47, -46, -45, -43, 
    -42, -40, -37, -35, -32, -29, -26, -23, -19, -15, -11, -6, 0);
    
    var index=0;
       var lastindex=x.length-1;
    //   var fs=getFontSize("slogan");
       function moveBall() {
            
       if (index <= lastindex) {
          placeIt("Ball", x[index], y[index]);
          index++;
          setTimeout("moveBall()", 5);
       } else {
        setFontSize("slogan", 25);
       }
    }
     
    </script>
    
    </head>
    <body onload="moveBall()">
    <div id="Golfer" ><img src="golfer.gif" width="40px" alt="" /></div>
    <div id="Title">
            THE G<div style="display: inline; position: relative; background-color: black;"
                 ><img id="Ball" src="ball.gif" alt="O" 
                 /></div>LF PAGE
    </div>
    <div id="box" 
         style="">
    <span id="slogan">
       Your Online Source of Golf Equipment
    </span>
    </div>
    </body>
    </html>
    Here is one external file where I made some functions this is the golf.js file
    Code:
    New Perspectives on JavaScript
       Tutorial 4
       Case Problem 1
    
       The Golf Page
       Name: 
       Date: 05 december 2010
    
       Function List:
       placeIt(id, x, y)
          Places the id object at the coordinates (x, y)
    
       showIt(id)
          Shows the id object by setting the object visibility to "visible"
    
       getFontSize(id)
          Retrieves the font size of the id object
    
       setFontSize(id, fs)
          Sets the font size of the id object to fs
    
       changeFontSize(id, dfs)
          Changes the font size of the id object by dfs
    */
    
    
    
    function showIt(id) {
       object=document.getElementById(id);
       object.style.visibility="visible";
    }
    
     function placeIt(id, x, y) {
            //  Places the id object at the coordinates (x,y)
            object = document.getElementById(id);
            object.style.left = x + "px";
            object.style.top = y + "px";
        }
    
        function getFontSize(id) {
            //  Returns the font size of the object with the value id
            object = document.getElementById(id);
            size = parseInt(object.style.fontSize);
            return (size);
        }
        function setFontSize(id, ptsize) {
            //  Sets the font size of the object with the value id
            object = document.getElementById(id);
            object.style.fontSize = ptsize + "pt";
        }
        function changeFontSize(id, dfs) {
            //  Returns the font size of the object with the value id
            fs = getFontSize(id);
            setFontSize(id, fs + dfs);
        }

    Here is the styles.css page

    Code:
    /*
       New Perspectives on JavaScript
       Tutorial 4
       Case Problem 1
       Filename: styles.css
    
       This file contains styles used in the golfpage.htm file
    */
    
    body {font-family:Arial, Helvetica, sans-serif; font-size: 18pt;
             color:blue; background-image: url(clouds.jpg)}
    
    #Title {position: absolute; left:395px; top:260px}
    
    #Ball {position:relative; top:0px; left:0px}
    
    #Ball img {border-width: 0px}
    
    #box {width:600px; height: 250px;
                border-style:solid; border-width:1 4 4 1; border-color:blue;             
                background-color:rgb(0,255,0); text-align: center}
    
    #slogan {visibility: hidden; position: relative; top: 50px;
                color:black; font-family: Times New Roman, Times, serif;
                font-style:italic; font-weight:bold}

    What i am not able to get work i think is to call the changeFontSize() function to increase the size of the "sign"

    also an if statement to test value of fs variable is less then equal to 20

    how do i get my sign to appear on the output?
    thanks
    Last edited by worldtraveller; 12-07-2010 at 07:16 PM.

  • #2
    Supreme Master coder! Old Pedant's Avatar
    Join Date
    Feb 2009
    Posts
    25,919
    Thanks
    79
    Thanked 4,423 Times in 4,388 Posts
    Code:
       } else {
            showit("slogan");
            setFontSize("slogan", 25);
       }
    An optimist sees the glass as half full.
    A pessimist sees the glass as half empty.
    A realist drinks it no matter how much there is.

  • Users who have thanked Old Pedant for this post:

    worldtraveller (12-07-2010)

  • #3
    Regular Coder
    Join Date
    Nov 2010
    Location
    canada
    Posts
    131
    Thanks
    51
    Thanked 0 Times in 0 Posts
    I made function at the end

    in the golf.htm file after the moveBall function ()

    Code:
    function growText() {
    getFontSize("slogan", 25);
     if (fs <= 20) {
          } else {
    		changeFontSize("slogan"+1);
        	getFontSize("slogan", 20);
       }
    }
    but it is still not working, what seems to be situation

    i am to make a growText function

    so to grow text from 0 to 21 points.
    need to call cgetfontSize function as parameter to store value in variable named "fs"

    create an if statement that tests value of fs variable is less then or equal to 20
    if condition is met call change FontSize() function to increase size of slogan objact by 1
    rerun growText function after delay of 20 milliseconds.

    so if that is what is need what did i do wrong?
    Last edited by worldtraveller; 12-07-2010 at 08:15 PM. Reason: fonts, slogan, more about increased text

  • #4
    Supreme Master coder! Old Pedant's Avatar
    Join Date
    Feb 2009
    Posts
    25,919
    Thanks
    79
    Thanked 4,423 Times in 4,388 Posts
    *SIGH* I think you need to go back to chapter 1 and start again.

    Look here:
    Code:
        function getFontSize(id) {
            //  Returns the font size of the object with the value id
            object = document.getElementById(id);
            size = parseInt(object.style.fontSize);
            return (size);
        }
    Now, look how you are calling that function:
    Code:
        getFontSize("slogan", 25);
        ...
        getFontSize("slogan", 20);
    You honestly don't see anything wrong with your code? Really???
    An optimist sees the glass as half full.
    A pessimist sees the glass as half empty.
    A realist drinks it no matter how much there is.

  • Users who have thanked Old Pedant for this post:

    worldtraveller (12-07-2010)

  • #5
    Regular Coder
    Join Date
    Nov 2010
    Location
    canada
    Posts
    131
    Thanks
    51
    Thanked 0 Times in 0 Posts
    my mistake on it

    this is how the function should be

    Code:
    function growText() {
    getFontSize("slogan", 25);
     if (fs <= 20) {
          } else {
    		changeFontSize("slogan"+1);
        	getgrowText("slogan", 20);
       }
    }

    I am to rerun the growText() function when page is loaded

  • #6
    Regular Coder
    Join Date
    Nov 2010
    Location
    canada
    Posts
    131
    Thanks
    51
    Thanked 0 Times in 0 Posts
    I agree All it is similar or same project. However In our project I am supposed to get it to work using external files.

    When I used external files i was able to just get the ball move across the screen but not able to get the text in there.

    I have my own post up and once again same problem. I am not sure y the slogan would not work but only golf ball.
    suggestions?

  • #7
    Regular Coder
    Join Date
    Nov 2010
    Location
    canada
    Posts
    131
    Thanks
    51
    Thanked 0 Times in 0 Posts
    How could my code be wrong when the program works with just the ball going when i get rid of the growtext function?

  • #8
    Supreme Master coder! Old Pedant's Avatar
    Join Date
    Feb 2009
    Posts
    25,919
    Thanks
    79
    Thanked 4,423 Times in 4,388 Posts
    this is how the function should be
    No. Not even close. You changed *NOTHING* that matters in the least.

    You are just THROWING code at the problem and hoping that you ACCIDENTALLY get the right answer.

    GO READ MORE. Read up on how functions work. Read up on arguments to functions and return values from functions.

    And WHY would you EVER think that using
    Code:
         getgrowText("slogan", 20);
    would do *ANYTHING* when you don't even *HAVE* a function by that name.

    Sure, we could write this code for you. But you wouldn't learn anything at all that way. Until and unless you understand the PRINCIPLES of programming, there's no point in proceeding further.

    I guess I'll try to spell it out for you, though you REALLLY need to go read read read your tutorial materials over and over until this sinks in:

    (1) When you DECLARE a function, you can optionally declare what arguments it will take.
    For example:
    Code:
        function getFontSize(id) {
    That declares a function named getFondSize and says that the function expects *ONE* argument. It happens that the name of the argument gives you a clue to what kind of value is expected, but that's just a naming convenience. If the function had been declared as
    Code:
        function getFontSize(abcdefghijklmnopqrstuvwxyz_1234567890) {
    that would *NOT* change how your code needs to *CALL* it.

    (2) A function may *OPTIONALLY* return one value. The only way to find out if a function does return a value is to look at the code in the function: Does it include a line such as
    Code:
         return x;
    ??? Where x can be ANY NAME AT ALL. If so, the function returns a value.

    (3) So when you see a function defined as
    Code:
        function getFontSize(id) {
            //  Returns the font size of the object with the value id
            object = document.getElementById(id);
            size = parseInt(object.style.fontSize);
            return (size);
        }
    That means that YOUR CODE needs to call it *SOMETHING* like this:
    Code:
         var currentSize = getFontSize("slogan");
    Do you SEE that? You must pass *ONE AND ONLY ONE* value--in this case the id of the field you want the font size of--and you will GET BACK one and only one value--in this case the font size of that field.

    THAT IS JUST FOR STARTERS. *NOW* you have to write the code that uses that and makes sense of it.
    Last edited by Old Pedant; 12-07-2010 at 09:18 PM.
    An optimist sees the glass as half full.
    A pessimist sees the glass as half empty.
    A realist drinks it no matter how much there is.

  • Users who have thanked Old Pedant for this post:

    worldtraveller (12-07-2010)

  • #9
    Supreme Master coder! Old Pedant's Avatar
    Join Date
    Feb 2009
    Posts
    25,919
    Thanks
    79
    Thanked 4,423 Times in 4,388 Posts
    Quote Originally Posted by worldtraveller View Post
    How could my code be wrong when the program works with just the ball going when i get rid of the growtext function?
    My head hurts. WHY would you think that the ball going in the hole is related IN ANY WAY AT ALL to the growText() code???????

    Programs are not monolithic monsters. They are made up of many pieces. It's quite possible (and normal!!!) for 99.9% of a program to work and for there still to be a hundred bugs in the remaining 0.1% !!
    An optimist sees the glass as half full.
    A pessimist sees the glass as half empty.
    A realist drinks it no matter how much there is.

  • #10
    Supreme Master coder! Old Pedant's Avatar
    Join Date
    Feb 2009
    Posts
    25,919
    Thanks
    79
    Thanked 4,423 Times in 4,388 Posts
    You get in your car, you go out on the highway, you reach 65 miles per hour (or 100 kilometers per hour). Then you try to stop and the brakes don't work.

    How could there be anything wrong with your car when it started rolling and steered just fine?
    An optimist sees the glass as half full.
    A pessimist sees the glass as half empty.
    A realist drinks it no matter how much there is.

  • #11
    Regular Coder
    Join Date
    Nov 2010
    Location
    canada
    Posts
    131
    Thanks
    51
    Thanked 0 Times in 0 Posts
    I quit!!

  • #12
    Regular Coder
    Join Date
    Nov 2010
    Location
    canada
    Posts
    131
    Thanks
    51
    Thanked 0 Times in 0 Posts
    I am just desperate to get this javascript course done ! seems harder then i expected
    geez. Just want to move on, so i rather be given the exact answers
    as i really don't care to learn at this point as i rather just get a mark to pass and let this stuff sit behind me

    looks like no one here wishes to help me in that aspect

  • #13
    Supreme Master coder! Old Pedant's Avatar
    Join Date
    Feb 2009
    Posts
    25,919
    Thanks
    79
    Thanked 4,423 Times in 4,388 Posts
    Quote Originally Posted by worldtraveller View Post
    ...i really don't care to learn at this point as i rather just get a mark to pass and let this stuff sit behind me

    looks like no one here wishes to help me in that aspect
    You are correct. We don't want to help you pass a course when you don't understand the basic concepts.

    We want you to learn the material.

    If you had been asked to write an essay on "Explain how the value of the Euro affects the economy of Canada" would you have also posted a request on some forum for somebody to write it for you?

    I suppose if you never expect to do any programming in the future, I can understand your attitude. I just know that when I was in school (MANY years ago), I did all my own homework, I studied all my own texts. And when I didn't quite get the grade I wanted...well, I knew it was my own fault. I guess I expect modern students to do the same.

    Are you past the time when you can drop this course without penalty? If so, I feel sorry for you, but you should have realized sooner that you weren't prepared to do this work.

    And, finally, we *HAVE* helped you. A lot. More than the rules of this forum would allow us, if the truth be known. Remember this:
    http://www.codingforums.com/showpost...92&postcount=8
    ???

    Finally, even if we do all your homework for you, surely that's not going to help you when you have to take the final examination. At least I would assume that your instructor would give such an examination, since of course cheating in a programming course is so easy to do.
    An optimist sees the glass as half full.
    A pessimist sees the glass as half empty.
    A realist drinks it no matter how much there is.

  • Users who have thanked Old Pedant for this post:

    worldtraveller (12-07-2010)

  • #14
    Supreme Master coder! Old Pedant's Avatar
    Join Date
    Feb 2009
    Posts
    25,919
    Thanks
    79
    Thanked 4,423 Times in 4,388 Posts
    By the way, if any of the information I gave you in post #8, above, was new or surprising to you, then clearly you really haven't understood any of the coding you have been attempting to do. It's just really sad that you didn't realize how ill-prepared you were before now.
    An optimist sees the glass as half full.
    A pessimist sees the glass as half empty.
    A realist drinks it no matter how much there is.

  • #15
    Regular Coder
    Join Date
    Nov 2010
    Location
    canada
    Posts
    131
    Thanks
    51
    Thanked 0 Times in 0 Posts
    Well how bout this , do you know of any good links you can supply that shows how to write a good function with dealing with changing font sizes
    with conditions and anything dealing with external font sizes.

    this seems to be a more intelligent program to work

    so i will pick it to pieces and you will find me on here more and yes i do learn from proper answers
    i can go on to my successes in IT so its not like im amateur just at Javascript is the tough one.


  •  
    Page 1 of 3 123 LastLast

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •