Printer Friendly Version Print this thread
Email this thread to a friend eMail this thread to a friend
  • Parsing of any sites in convenient form (grab, inf (In: Professionals Corner)
    • Featured Web Site Template

    Hundreds More at Free Site Templates.com!

    Web Site Partners
    Sponsored Links
    Jet City Software
     
    Whos Here ?
    Reflects user activity within the last 5 minutes
    Moderator(s): g1smd
    Member Message

    Robin1
    Joined: Apr 14, 2001
    # Posts: 111

    View the profile for Robin1 Send Robin1 a private message

    Posted: 2001-Sep-22 11:19
    Edit Message Delete Message Reply to this message

    I've got a big animated gif I want to give folks the option of viewing. I figured an easy way to do this was by using a form to do an image flip- fast connections can hit the button and it switches to the animated gif. Works fine- EXCEPT I want to use an image rather than the standard form button to initiate the flip (it just looks better). However, when I use the img, it reloads the page. I don't get it. Here's the code:

    <html>
    <HEAD>
    <TITLE>Days of our Lives Fan Fiction Guide</TITLE>
    <LINK REL="stylesheet" TYPE="text/css" HREF="1024.css">
    <script>
    var n=1
    function flip() {
    n++
    if (n==3) {
    n=1
    }
    if (n==1) {
    document.images["welz"].src="welz.gif"
    }
    if (n==2) {
    document.images["welz"].src="basbnc.jpg"
    }
    }
    </script>


    </HEAD>
    <BODY bgcolor="#6c65cc" text=#000000 link=#000000 vlink=#000000 alink=#000000>
    <table width="100%" border="0" cellspacing="0"><tr valign="top"><td>
    <Table valign="top" border="0" cellspacing="0"><tr><td>
    <center>
    <table width="595" BORDER="0" cellpadding="0" CELLSPACING="0"><tr valign="top"><td>
    <img src="days1nc.jpg" width="211" height="129" alt="Days of Our Lives">
    </td>
    <TD WIDTH="174" HEIGHT="250" background="basbnc.jpg">
    <IMG SRC="welz.gif" name="welz" WIDTH="174" HEIGHT="250" ALT="Hourglass" BORDER="0"></td>
    <td><img src="fanfic1nc.jpg" width="210" height="127" alt="Fan Fiction Guide">
    </td></tr></table>
    </center>
    <form>
    <input type=button value="flip image" onClick=flip()>
    </form>


    <br><br>
    <form><input TYPE=image SRC="but1.gif" HEIGHT="20" WIDTH="20" BORDER="0" onClick=flip()></form>


    <font face="technical" size="1">Fast connections click the button to animate the image!</font>

    </td></tr></table></body></html>

    ******************

    Here's a practice page where I've got it up:
    http://daysfanfiction.com/flip.html

    **************

    Any idea why the difference occurs- and how I can fix it? That big gray button really bugs me!

    [This message has been edited by Robin1 (edited 09-22-2001).]



    xelA
    Joined: Nov 24, 1999
    # Posts: 1857

    View the profile for xelA Send xelA a private message

    Posted: 2001-Sep-25 06:28
    Edit Message Delete Message Reply to this message

    I believe that you can just do it like this:

    <INPUT TYPE=image SRC="submit.gif" BORDER="0" VALUE="Submit">

    If I'm wrong let me know.

    [This message has been edited by xelA (edited 09-24-2001).]



    Robin1
    Joined: Apr 14, 2001
    # Posts: 111

    View the profile for Robin1 Send Robin1 a private message

    Posted: 2001-Sep-27 00:34
    Edit Message Delete Message Reply to this message

    Hi, thanks for the suggestion and sorry it took so long for me to reply. I ditched the image flip, so it wasn't a priority. However, I figured you wanted to know, so...

    It still doesn't work. Take a look at the practice page in the above link (it's random and crappy looking, I just grabbed some images to see if it would work).

    The version with the button works just fine. Version 2 is the one suggested here:

    <form><INPUT TYPE=image SRC="but1.gif" BORDER="0" VALUE="Submit">
    </form>version 2

    Version 3 is based on the button version, simply substituting the gif for the button:

    <form><input TYPE=image SRC="but1.gif" HEIGHT="20" WIDTH="20" BORDER="0" onClick=flip()></form>version 3

    Both versions 2 and 3 flip, but load a new page when they do so- some variation of the same page with x and y values added. For example:
    http://daysfanfiction.com/flip.html?x=7&y=18

    Like I say, it's not really an issue for me anymore, but I figured the results might be useful to someone. Thanks for trying!


    You are not permitted to post messages in this forum or topic, because of one or more of the following reasons:
    1. You have not yet logged in, or registered properly as a member
    2. You are a member, but no longer have posting rights.
    3. This is a private forum, for which you do not have permissions.

    If you are a recent member, it's possible that you simply have not yet confirmed your account. Please check your email for a message entitled 'JimWorld Forums: Confirm Your Account' and follow the instructions contained within.

    If you cannot find this message, click here to Re-Send it.

    If you are still experiencing problem, please read the Login Assistance Article for some advice on what may be causing your login not to work properly.

    Switch to Advanced Editor and ... Create a New Topic or Reply to this Thread

    New posts Forum is locked
    © 1995  ·  iWeb, Inc  ·  DBA JimWorld Productions