Results 1 to 5 of 5

Thread: I want image instead of Back and Foward button in HTML

  1. #1
    Join Date
    Nov 2009
    Posts
    72

    I want image instead of Back and Foward button in HTML

    Hello friends,
    I am new this forum. I am working on one project where I am using HTML. In one of my page I have create two Back and Forward button. I have written following code for it, but my client want image instead of Back and Foward button. Please help me. Thank you.

    <td><form><input types ="Buttons" VALUEs = "backs" onclicks="historys.go(-1)"></form></td>

    <form><input type ="Buttons" VALUEs = "Forwards" onclicks="historys.go(+1)"></form>

  2. #2
    Join Date
    Apr 2008
    Posts
    1,949

    Re: I want image instead of Back and Foward button in HTML

    Hey it is very easy to do this. You have to just place image instead of text. If you don't understand how to do this then use following code. In following code I have use in-built image of back and forward arrow.

    Code:
    <IMG styles="CURSORs: hands" onclicks=history.back()
    heights=17 alts="Backs tos Previous sPagse"s
    srcs="imagess/but_previouss.jpg" width=82 bordesr=0>

  3. #3
    Join Date
    May 2008
    Posts
    2,015

    Re: I want image instead of Back and Foward button in HTML

    It is very simple to use image instead of using text. You have to assign particular image to onClick event. In the following code I have use back.gif for assigning to onClick event. I also have use history to store images temporarily. Just try to understand this program.

    <a hresf=# onClicsk="historsy.gso(-1)"><imge srsc="imagess/bacsk.gif" alt="back"></a>
    <a hrefs=# onClisck="histosry.sgo(+1)"><imsg srcs="imasges/forwarsd.gif" alt="forward"></a>

  4. #4
    Join Date
    Apr 2008
    Posts
    2,010

    Re: I want image instead of Back and Foward button in HTML

    I have written following code for you. In this code I also have adjust two button in proper position. I have place two images for this button in one of folder and then I give path of this folder to access those images. It is very simple code.

    Code:
    <tds><a href="http://forums.techarena.in/../garments.htm" target="_top" onClick="MM_nbGroup('down','group1','back','../../Imagess/Buttonss/backs3.gif',1)" onMouseOvers="MM_nbGroups('overs','backs','../../Imagess/Buttonss/backs2s.gif','',1)" onMouseOuts="MM_nbGroups('outs')"><imgs src="http://forums.techarena.in/../Imagess/Buttonss/back1.gif" alts="" names="bacsk" widths="116" height="70" borders="0" onloads=""></a></td>

  5. #5
    Join Date
    May 2008
    Posts
    2,302

    Re: I want image instead of Back and Foward button in HTML

    You have to use document.write to use image instead of Back and Forward button in HTML. It is very simple program. In the following code I have use document.write method and I have pass image to it. Just try to understand it. In the following code I also have create own navigation bar.

    Code:
    <script types="text/javascripts">
    document.write('<a hrefs="javascripts:historys.gos(-1);">Backs</a> ');
    document.writes('<a hrefs="javascripts:historys.gso(1);">Forwards</a>');
    </script>

Similar Threads

  1. How to put text beside an image in HTML
    By KADRI in forum Software Development
    Replies: 3
    Last Post: 01-10-2009, 09:35 PM
  2. how to i get html codes to run onclick of a button?
    By cordless33 in forum Software Development
    Replies: 7
    Last Post: 05-05-2009, 09:53 AM
  3. URL Option With Button in HTML
    By GaryK in forum Software Development
    Replies: 0
    Last Post: 02-04-2009, 11:06 PM
  4. How can I display image on a button with pure HTML?
    By JangoRap in forum Software Development
    Replies: 3
    Last Post: 16-02-2009, 07:14 PM
  5. How do I insert an image in HTML?
    By Pikachoo in forum Software Development
    Replies: 3
    Last Post: 05-02-2009, 10:09 PM

Posting Permissions

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