Go Back   TechArena Community > Software > Software Development
Become a Member!
Forgot your username/password?
Register Tags Active Topics RSS Search Mark Forums Read

Sponsored Links



I want image instead of Back and Foward button in HTML

Software Development


Reply
 
Thread Tools Search this Thread
  #1  
Old 11-02-2010
Member
 
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>

Reply With Quote
  #2  
Old 11-02-2010
Member
 
Join Date: Apr 2008
Posts: 1,946
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>
Reply With Quote
  #3  
Old 11-02-2010
Member
 
Join Date: May 2008
Posts: 2,004
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>
Reply With Quote
  #4  
Old 11-02-2010
Member
 
Join Date: Apr 2008
Posts: 1,997
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>
Reply With Quote
  #5  
Old 11-02-2010
Member
 
Join Date: May 2008
Posts: 2,286
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>
Reply With Quote
Reply

  TechArena Community > Software > Software Development
Tags: , , , , ,



Thread Tools Search this Thread
Search this Thread:

Advanced Search


Similar Threads for: "I want image instead of Back and Foward button in HTML"
Thread Thread Starter Forum Replies Last Post
How to put text beside an image in HTML KADRI Software Development 3 01-10-2009 09:35 PM
how to i get html codes to run onclick of a button? cordless33 Software Development 7 05-05-2009 09:53 AM
URL Option With Button in HTML GaryK Software Development 0 02-04-2009 11:06 PM
How can I display image on a button with pure HTML? JangoRap Software Development 3 16-02-2009 07:14 PM
How do I insert an image in HTML? Pikachoo Software Development 3 05-02-2009 10:09 PM


All times are GMT +5.5. The time now is 01:54 PM.