Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

Transparent Buttons and simulations

Posted on 2004-04-23
13
Medium Priority
?
1,007 Views
Last Modified: 2012-06-27
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
Comment
Question by:LearningJava
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
  • 2
  • +5
13 Comments
 
LVL 10

Expert Comment

by:Bustarooms
ID: 10903045
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
 
LVL 12

Assisted Solution

by:venkateshwarr
venkateshwarr earned 150 total points
ID: 10903056
Transparent in the sense, do you want to see your html text???

You can use an image map
or
transparent gifs as buttons..
0
 

Author Comment

by:LearningJava
ID: 10903176
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
Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

 
LVL 53

Assisted Solution

by:COBOLdinosaur
COBOLdinosaur earned 150 total points
ID: 10903213
<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
 
LVL 19

Expert Comment

by:webwoman
ID: 10903612
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
 

Author Comment

by:LearningJava
ID: 10903628
Can the value be another image?



0
 

Author Comment

by:LearningJava
ID: 10903647
What application do I use to generate flash? Besides macromedia, is something less expensive?

Can HTML and javascript be coverted into flash?
0
 
LVL 19

Accepted Solution

by:
webwoman earned 750 total points
ID: 10903835
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
 
LVL 20

Assisted Solution

by:trailblazzyr55
trailblazzyr55 earned 150 total points
ID: 10905423
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
 
LVL 8

Expert Comment

by:annamalai77
ID: 10906610
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
 
LVL 4

Assisted Solution

by:monolith_888
monolith_888 earned 300 total points
ID: 10909953
<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
 
LVL 8

Expert Comment

by:annamalai77
ID: 10910438
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

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

618 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question