• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1018
  • Last Modified:

Transparent Buttons and simulations

Hi:
     I am trying to create an interactive tutorial using screen shots(gif format).Is possible to create a transparent button, place the button on a  section of the screen and have the button repond to mouse clicks? (I othewords I  am trying to create a realistic simulation of a desktop )

0
LearningJava
Asked:
LearningJava
  • 3
  • 2
  • 2
  • +5
5 Solutions
 
BustaroomsCommented:
think you're looking for an image map
read up on it
http://www.htmlgoodies.com/tutors/imagemap.html

most good wysiwyg apps like dreamweaver have good image map tools
0
 
venkateshwarrCommented:
Transparent in the sense, do you want to see your html text???

You can use an image map
or
transparent gifs as buttons..
0
 
LearningJavaAuthor Commented:
Transparent in the sense that if I click on the start button of a screenshot of a desktop then the mouse click will cause an event to occur.
0
Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
COBOLdinosaurCommented:
<input type"button" value="xxx"
style="background-color:transparent;border:0px solid white;height:30px;width=:75px" onclick="dosomething()">

I put xxx in the value so youcould see where it is at, if you don want any text just change value to  value=""

Cd&
0
 
webwomanCommented:
I'd use an image map... or do it in Flash. This is the type of thing Flash is actually good for. If they make a mistake, you can have different prompts come up depending on where they click, it can work in a particular sequence, and the entire thing would be one file. You could even distribute it on CD if you needed to.
0
 
LearningJavaAuthor Commented:
Can the value be another image?



0
 
LearningJavaAuthor Commented:
What application do I use to generate flash? Besides macromedia, is something less expensive?

Can HTML and javascript be coverted into flash?
0
 
webwomanCommented:
You can use SWISH... http://www.swishzone.com
But it's not much cheaper than Flash.

Flash isn't HTML, and while Actionscript is similar to javascript, they're not quite the same thing.

And no, the value Cd& mentions CANNOT be another image. It MUST be text. It's the value for a BUTTON.
0
 
trailblazzyr55Commented:
Flash MX, Dreamweaver MX etc... isn't really that expensive, have a good look at the web, you'll find something... But unless you know flash, that isn't going to help you much.

Anyway so you're doing a screen shot as to use in a tutorial right, but you want the user to be able to click the button in the screen shot and have it do something right??

Why not use layers? Add the image to a layer and link the image to what you want? Do you have dreamweaver?

Dreamweaver makes it pretty easy to do something like this, if you have it I can give ya a step by step on how to do this.

Lemme know?
Regards,
~trail
0
 
annamalai77Commented:
hi

u can go to swish zone (www.swishzone.com) . down load the swish max. these s/w are meant for creating interactive application like tutorials etc...

regards
annamalai
0
 
monolith_888Commented:
<img src="desktop.gif" height="600" width="800" style="position:absolute;top:0px;left:0px;z-index:-1;">

<img src="button.gif" height="25px" width="200px" style="position:absolute;top:570;left:2px;z-index:1" onClick="doSomething();">

This will produce your 'desktop' image, and the button.gif, will be placed on top of that image, yet appear to be part if the original.

-hth
monolith_888
0
 
annamalai77Commented:
Dear COBOLDinasour

well i am just trying to help our friends who are in need of answers. while giving answers i feel that its not good, that u get influenced by others answers. so i generally dont read the answers of ther others untill i submit mine.

also by the time i submit my answer somebody also does it simultaneously. i hope u get this poing. so i can't do nothing much in that case as was happened here between me and webwoman.

anyhow in future i will first read the answers given by others and then submit mine as i know the difficulties of administration, as i am also a administrator for Databases.

regards
annamalai
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: Microsoft Office 2010

This course will introduce you to the interfaces and features of Microsoft Office 2010 Word, Excel, PowerPoint, Outlook, and Access. You will learn about the features that are shared between all products in the Office suite, as well as the new features that are product specific.

  • 3
  • 2
  • 2
  • +5
Tackle projects and never again get stuck behind a technical roadblock.
Join Now