Creating interactive buttons using images

Background: I am trying to teach myself Java at home, since I lack the funds to take even a "community college" course. I understand a lot of the basics and can write various methods which work nicely, but I am stumbling a bit on understanding how to "scale" these basics into a full fledged "working" application.
Project: I picked a project for myself that would be fun and hold my interest, but also cover as many different aspects of Java programming as possible... I am "reverse engineering" an "online casino". Well, not the WHOLE casino. Just the BlackJack game to start.
Status: I managed to get my hands on just about all the graphics that the original developers use to create the application, which is great, since I want to learn about programming in Java and NOT about how to create a "poker chip" in Photoshop. I have been able to create the "Blackjack Table" and layer images of "chips", "cards", etc. on to the table, using the "jframe()" object and "paint()" method. So far, so good.
Current Activity: The next specific activity I would like to try is to create "buttons" out of the chips. Each chip has 4 "states"... inactive (not selectable), normal (selectable), highlighted (selected), and raised (hover over).
Challenge: I lack the "vocabulary" surrounding what it is I want to accomplish to be able to "Google" the information I need. What is making the search more difficult is all of the "JavaScript" code examples that appear when I only really want "Java".
What I think I need: If I can get a handle on some vocabulary, then I may be able to get some productive searches working. I don't want someone to write it for me, that would defeat the purpose. That being said, I do learn well by reviewing specific examples of code that implement what I am trying to do. If there are any "tutorials", "videos", or PDFs that address this at an elementary level, that would be nice as well.
Thanks,
Tahoe Sands
PS Just in case you are interested, here are all four images of each of the $1 chips...
[http://yfrog.com/e3chip100pp]
[http://yfrog.com/e3chip100np]
[http://yfrog.com/e3chip100hp]
[http://yfrog.com/e3chip100dp]
Edited by: 804488 on Oct 22, 2010 11:52 AM

804488 wrote:
The next specific activity I would like to try is to create "buttons" out of the chips.Read the API for <tt>JButton</tt> and follow the link to the tutorial on How to Use Buttons.
Each chip has 4 "states"... inactive (not selectable), normal (selectable), highlighted (selected), and raised (hover over).Enabled, disabled, selected and rollover.
What is making the search more difficult is all of the "JavaScript" code examples that appear when I only really want "Java".Include <tt>-javascrips</tt> in your search
If there are any "tutorials", "videos", or PDFs that address this at an elementary level, that would be nice as well.See above
And if and when you have any specific problem with your Swing GUI, make sure to post your question in the Swing forum.
db

Similar Messages

Creating web buttons using InDesign 3.

I am creating web buttons using InDesign 3. I need to create a 150×150 button and when I go to Document setup, put in 150 pt, the dimensions of the document end up saving as 625×625. What am I doing wrong?

When you open the PDF in photoshop, it becomes subject to the resolution set in Photoshop's Import PDF dialog. That is most likely where your pixel dimesion discrepancy is coming about.
But that's a somewhat convoluted workflow. Why not just start with a 150 x 150 canvas in Photoshop?
Is there something about these buttons or your methods that make inDesign the preferred creation/editing environment? In terms of the right tool for this job, I'd rank Fireworks, the older ImageReady, Photoshop, and Illustrator all well ahead of Indesign.

IDCS4: Major bug creating interactive buttons

I have a number of IDCS3 files with interactive buttons which jump to a specific page of the document using bookmarks. These buttons no longer work when the file is opened in IDCS4.
In CS4, the button has a "Go to text anchor" action applied however the Text Anchor pop-up below is greyed out and says None. All the Bookmarks that I've created are present and correct. It would appear that CS4 is ignoring page bookmarks and will now only work with text anchors.
This bug is also very easy to recreate with a new document in CS4:
1. Create a new two page document.
2. Go to page two and add a bookmark.
3. Go to page one, create a button and add the "Go to Anchor" action.
4. The Text Anchor pop-up should show the bookmark that was added it step 2 but it remains greyed-out.
I've submitted this to Adobe and reverted back to using CS3 for any interactive work.
Graham.

Hi Sandee,
Thanks very much for confirming the bug and for the workaround however this is a lot of work for my existing projects and easier to simple update them using CS3.
Hmmmm... now, your comment "...bookmarks have never been recognized as part of making buttons." - try telling that to IDCS3, it even indicates that you've linked to a bookmark when you add a "Go to Anchor" behaviour to a button. I found this method more flexible and, to my simple way of thinking, more logical - a Bookmark goes to to a page in a document while a Hyperlink goes to a URL. For new CS4 projects I will now have to use the Hyperlink Destination (Type: Page) option instead. Oh well...
So the problem isn't insurmountable for new projects but is still a bug in that it "breaks" legacy CS3 files opened in CS4 - and that's the argument I'll focus on when I hear back from Adobe.
Cheers, Graham.

How to create interactive forms using Webdynpro for ABAP

Hi All,
I have worked on Webdynpro for ABAP, and now I want to start creating adobe interactive forms using Webdynpro for ABAP. Please provide me with basic examples to start.
Also Please provide me introduction as how interactive forms are related to ISR senarios.
Thanks in Advance.
Phani

Hi Varun!,
Can you please send me also the above said step by step tutorial on [email protected]
and can you please also guide me any configurations to be done on Sneak Preview SP12 before developing the interactive forms.
Thank you in advance.
regards
Ravi

Required Creation of button using images.....

Hi,
I have three images left , right and center and i hav to create my own commandButton using these images. The left image is single and no repeat is applied to it and as with the right image but the center image has a repeat property which repeats according to the size of the text which we have for the button. I can did it easly in html using css but in adf i m facing a problem to do so. Pls suggest smthng..... thnx in adv.....
In html i m doing it by
<div class="button ">
     <div class="left"></div>
     <div class="center">
          <span> click me </span>
     </div>
     <div class="right"></div>
</div>
but when i m doing same in adf it split each part in a <td> tag.....

Have you read about skinning? It sounds to me that this is what you are looking for.
John

Create a button with image

I create a new button and set imageSource property with my image name (saved in mimes/components/<mycomponent>...).
The problem is that button don't display image.
If i try to use the same pic like image element it's all ok.
Someone has the same problem?
Thanks
Andrea

Hi!
I've met the same problem, but with a little bit another appearance:
- my gif files are saved in mimes/components/<component>
- when I do DC build locally (context menu DevComponent/Build)
- and then deploy (again context menu DevComponent/Deploy)
it works - images are shown in runtime.
I see .ear file (and wda inside ear), which contains my gif files in appropriate location.
Structure is (starting from root of wda):
- Applications
....<application> (empty folder)
- ComponentInterfaces
- Components
....<component>
........gif files
- PORTAL-INF
....folders (classes, lib, ...)
....webdynpro
........Applications
............<application>
................<application>.xml
........ComponentInterfaces
........Components
............<component>
................<component>.xml - no gif files in the folder
However when I download build result from CBS, the wda file has different structure - the only top level folder is "PORTAL-INF" and inside there are no gif files.
Correspondingly, when I deploy SCA, generated by CMS, the images are missing.
What should I do that server build will be similar to local build? I.e. how to bring "Components" top-level folder back in wda, when it's built by CBS?
Note: The problem appeared after upgrade from SP10 to SP12.
Any ideas?
Best regards,
Nick

How to create interactive links, using Adobe InDesign.

After you create a book in InDesign and export as PDF, the links do not work, nothing happens. They are linked to each document individually.
I need to work within the generated PDF.
What to do?
thank you
<moved to the indesign forum by mod>

What version of InDesign? What operating system? What kind of links did you make? What tool did you use? Did you export to PDF (Interactive)?

Creating catalogues automatically using image metadata

Hi,
I've been looking all over for this and I have found various bits and pieces of information, but nothing comprehensive enough for a beginner. Perhaps I am researching it wrong... Could you please point me to a complete and easy to understand source, or give me some tips and details regarding the process? I asked around on the Indesign forum too and I was told it would be a good idea to inquire in this forum too.
I don't know if this makes a difference, but basically I'd like to be able to select a folder(s) full of images and place those images in a pre-made document automatically and group them by the category they are in (which it will also list automatically), while also displaying any other relevant metadata info in various fileds (when applicable). How would I go about doing this?
Thank you in advance.

Hi,
Thanks for answering.
I would like to generate PDFs. It think it would be the ideal format.
Are any other options easier?

How to create interactive map in SAP Visual Business using SAP UI5 SDK

Hi,
Please tell me,
How to create interactive map in SAP Visual Business using SAP UI5 SDK.
Is it possible to create interactive map using VB Control in SAP UI5 SDK..?
if possible please any one let me know.

Hi folks, one question:
We have our development close moved and now it is earlier than originally planned.
That means that we maybe can't finish our convenient API and you have to wait till we will release it - early 2015 is planned.
But there is another option:
Currently we have a API based on json. The developer has to create json and to transfer it to the Visual Business control.
This interface is more used as a low level API and we are developing on top the more convenient one. So all the features are the same.
It will stay stable & compatible in the future and you can build on it.
Do you want to use this interface?
Then I will publish the documentation.
Let me know.
Thanks

Create offline interactive forms using webdynpro java with XML data source

Hi Gurus,
I am having a scenario like below:
Sales guy request for order list online from portal- Sytem receives the request and creat XML file- from xml file need to create a Offline interactive form-Sales guy fills it offline at customer site- uploads in portal -on submit xml has to be generated with captured data at customer site-Process to ECC.
So my questions are:
How to create the offline interactive form from XML?
Once filled offline interactive form uploaded into portal how to create XML again from pdf ?
Please give some idea on this as this is my first Offline interactive form using XML datasource.
Thanks
Ravi
Edited by: Ravi Sunkara on Jul 27, 2010 5:25 PM

Hi Otto,
Sorry for replying lately. First of all I did not get your suggestions as your are editing the same posting.
Secondly we will be using WDJ. Actually in between SAP Portal and ECC we are having adobe LCES so we need to create Interactive form using XML only. Once it is filled again the form will be submitted to another application which is running on FLEX, which will process the order.
if you can give me your personal id i can send you the detailed process
Thanks
Ravi

How to create interactive report in SQ01

HAI EVERY ONE,
Can any one help me,
how to create interactive report using SQ01,SQ02,SQ03.
Plz explain me in details. I dont want simple report. I want to generate interactive report using SQ01. Is it possible how?
I will give u good points if it is useful.
Thanks and Regards,
V.Vamsi

Hai,
When u create simple report using sq01 it display basiclist,Rankedlist,statistics,output sequence.
When u will use this options. That why i am asking. Actually basic list means simple report.
What about rankedlist,Statistics and outputsequence. Plz explain these things.
Thanks and Regards,
V.Vamsi

InDesign 6 Interactive Buttons Not Displaying Correctly in Acrobat X

Forgive me if this has been asked. When I create interactive buttons in InDesign 6, their display is erratic in Acrobat X. Sometimes they display correctly. Sometimes, their display is erratic and sometimes they do not display at all. I have noticed that in Acrobat X, the cursor changes to the hand over the correct area, but nothing happens when I click. Oddly enough, the buttons always display correctly in Reader. This is fine for my users but makes my job in doing the final prep very difficult.

I’ve seen this reported in this past. It’s not an InDesign issue or the files wouldn’t work in Reader.
If you get any answers in the Acrobat forum, please come back and share them.
Bob

Create a button similar like "Copy To" button in A/P Invoice in Customised

I have created a customised form using SDK and want to create a "Copy To" present in A/P Invoice Form for copying data from one customised form to another customised form .Is it possible to create that button using SDK .

Amit Sharma
This question should be asked in category SAP Business One SDK session

Creating a Function logic for dynamically created XML buttons

Hi!
It's me...... again! Now I've dynamically created some buttons using XML. They're spread around the stage and I've modified a tooltip script to give each button a tooltip on Mouse_Over. But to se the logic and make it work using AS3 is hard (for me). I want a function that accept to parameters: Tooltip text and Object to tooltip.
In my code I get this error msg when initiating the function on dynamically created buttons:
1118: Implicit coercion of a value with static type flash.display:Sprite to a possibly unrelated type flash.display:MovieClip.
I beleive there are more than one thing here needing a fix.
Can someone have a look and give me a pointer?
Thanks
function contentTooltip(ttt:String, ttclip:MovieClip):void {
    ttclip.addEventListener(MouseEvent.MOUSE_OVER, mouseOverHandler);
    function mouseOverHandler(e:MouseEvent):void {
        ttip.descr.text=ttt;
        ttip.x=stage.mouseX;
        ttip.y=stage.mouseY-15;
        ttclip.addEventListener(MouseEvent.MOUSE_OUT, mouseOutHandler);
        ttclip.addEventListener(MouseEvent.MOUSE_MOVE, mouseMoveHandler);
        ttip.visible = true;
    function mouseOutHandler(e:MouseEvent):void {
        ttip.visible = false;
        ttclip.removeEventListener(MouseEvent.MOUSE_OUT, mouseOutHandler);
        ttclip.removeEventListener(MouseEvent.MOUSE_MOVE, mouseMoveHandler);
    function mouseMoveHandler(e:MouseEvent):void {
        ttip.x=stage.mouseX;
        ttip.y=stage.mouseY-15;
contentTooltip("Scale button",scale_btn);
contentTooltip("Hide button",hide_btn);

I totally agree with what Ned says and suggests. Nevertheless, I would like to support your thinking process.
From the way you wrote the tooltip functionality it is apparent to me that you conceptualize as a programmer. Again, as Ned said, nested functions are evil. BUT, in a way, what classes accomplish is encapsulation/nesting of properties and functions under the same umbrella. It actually feels that what timeline does in general is nesting named functions within a single function we have no access to.
How you wrote the code is actually a blueprint for a class that could handle the functionality. You, perhaps, are very ready to start coding with classes - not on the timeline.
With that said, for the sake of theory, here is how your functionality can be rewritten on timeline:
scale_btn.toolTip = "Scale button";
test_btn.toolTip = "Test button";
hide_btn.toolTip = "Hide button";
scale_btn.addEventListener(MouseEvent.MOUSE_OVER, mouseOverHandler);
test_btn.addEventListener(MouseEvent.MOUSE_OVER, mouseOverHandler);
hide_btn.addEventListener(MouseEvent.MOUSE_OVER, mouseOverHandler);
var overTarget:MovieClip;
function mouseOverHandler(e:MouseEvent):void {
     overTarget = e.currentTarget;
     ttip.descr.text = overTarget.toolTip;
     ttip.x = stage.mouseX;
     ttip.y = stage.mouseY - 15;
     overTarget.addEventListener(MouseEvent.MOUSE_OUT, mouseOutHandler);
     overTarget.addEventListener(MouseEvent.MOUSE_MOVE, mouseMoveHandler);
     setChildIndex(ttip, numChildren - 1);
     ttip.visible = true;
function mouseOutHandler(e:MouseEvent):void {
     ttip.visible = false;
     overTarget.removeEventListener(MouseEvent.MOUSE_OUT, mouseOutHandler);
     overTarget.removeEventListener(MouseEvent.MOUSE_MOVE, mouseMoveHandler);
function mouseMoveHandler(e:MouseEvent):void {
     TweenMax.to(ttip, .5, { x:stage.mouseX, ease:Quart.easeOut } );
     TweenMax.to(ttip, .5, { y:stage.mouseY - ttclip.height / 2, ease:Quart.easeOut } );
     //ttip.x=stage.mouseX;
     //ttip.y=stage.mouseY-ttclip.height/2;

Drawing Dynamic Buttons Using API

I am trying to dynamcally create several buttons using the
Flash API. The following code hnts at the concept. But I can't sem
to dynamically name and create the MovieClip since the
attachMovieClip() method does not seem to exist in Actionscript 3.
Can any one help?

Sounds great guys and thanks for the quick responses. I get
how to put the names of the buttons into the array. That is:
var str:Array = new Array();
and then use a for loop to fill up the array with the names
of buttons, from button1 through buttonN, where N equals the number
of buttons. But then how do I convert the names of the buttons
insid the Array into MovieClip objects so that I can then use the
API to take advantage of the drawRoundRect() method, define tweens,
filters and / or turn on the hand cursor for that object, etc.
I understand how to get the name of the item into an array
using for loops, but how do I define that resulting name as a
MovieClip Object. Does the resulting Array element automatically
become an object that inherits all the properties and methods of
MoviClip Objects?
In Actionscript 2.0, one could use the
object.createEmptyMovieClip("t"+i, object.getNextHighestDepth());
Is there a way to do something similar in Actionscript 3.0

Creating interactive buttons using images

Similar Messages

Maybe you are looking for