Interactive Prototype - How do you simulate light boxes with buttons? (CS4)

I am in the process of mocking up an interactive prototype of the homepage of a web application. On this homepage, there are various links(text with slices) and fields that when clicked on will trigger a dialog to appear over the top of the page similar to a "light box" effect seen on many other websites/applications.
The workflow I am trying to simulate is as follows:
User clicks the text link (state 1)
Dialog appears on top of current page (state 2)
User fills in necessary fields then clicks save button (state 2)
Dialog disappears and returns user to base state (state 1)
The base state of the page is in state 1. I placed the images/content for the light box in state 2 and then added an onclick image swap behavior to have the link in state 1 trigger the light box (also a slice) to appear in state two. That all worked fine until I added a save button symbol from the common library to the lightbox dialog in state 2. When I did that, Fireworks automatically brought be back to state 1 and the button appears on both/all states no matter what I try to do. Also, my attempts to add an onclick behavior to the save button to bring me back to state 1 haven't worked either.
So my questions are:
How do I get that button only to appear on state 2?
The "hotspot" for that button or any slice/hotspot in any state appears active for all states but are only valid for when that certain dialog appears. Is there a way to manipulate button/slice hotspots across states so they are only active in the correct states?
How do I get the Save button to bring me back to the base state?
Mocking up a lightbox type dialog seems like it would be a pretty common thing to do so I am hoping this is just a simple mistake I am making... any help would be greatly appreciated!
Here are some images to help illustrate what I am trying to do:
Desired:
Here is what Fireworks is doing:
State 1 w/link behavior
State 1 with button behavior (this appears on state 1 no matter where I add the button but I want it only to appear in state 2)
State 2
And here is the actual fireworks png proof of concept:

Hi Linda,
Thanks for the suggestion, however, that doesn't appear to be working. I've uploaded the file that I am using as my proof of concept. You can download it via the link below. I changed the button so it's only a graphic with a slice over it but there are still two issues. When the save button is clicked the state does not change back to state 1. The second problem is that even in state 1, the active area for the save button slice in state 2 is still active even though the button is not there. Any thoughts?
https://docs.google.com/leaf?id=0B0Fc5EuxtTzPMzY0NTA4ZGQtZjc1Yi00Njk3LThlOTUtYmFlZWQyNzQ5N GVj&sort=name&layout=list&num=50
Thanks,
Greg

Similar Messages

HT1918 How do you solve an issue with the card? I don't get the option of 'none' :(

How do you solve an issue with the card? I don't get the option of 'none'

I had this exact same problem with the new iPhone I bought on 1/4/13. The walk through they provide on how to do this is useless because it fails to explain that if you are already having the problem of not getting the "None" payment option with an Apple ID then you will need to create a completely new Apple ID.
I had to do this 7 times since I bought my iPhone on Friday until this morning to figure out how to finally be able to use the Home Sharing option in iTunes to put my music collection on my brand new $500.00 iPhone. Pretty pathetic if you ask me but since it made me so angry I want to make sure other know how to do this so you don't get as upset as I did.
#1 If your current or soon to be "old" Apple ID is not providing the option for "None" as a payment option then you need to make a brand new one. But you have to make it specifically how I tell you.
#2 You will need to use an email address that has not already been used for anything related to a previous Apple ID. You might need to make a brand new email address.
#3 Open iTunes, then open iTunes Store (upper right corner of iTunes).
#4 Click on App Store (upper center of screen).
#5 Scroll down the screen page until you see Top Free Apps on the right side.
#6 Choose any one of the FREE apps.
#7 You should either get the option to create a new Apple ID box, either that, or it will pop up with some kind of disclaimer and then it does the create new Apple ID.
Either way just create a new Apple ID when it gives you the option to and then when you get to the page that looks like the payment page the "None" payment option will finally be available.
Note: You will still have to fill out the information on the payment page. As long as you choose the "None" option it will not request any credit card information.
#8 You will be sent a confirmation email to the new email account. Just follow through with what ever it tells you and viola now you can use your Apple Device.
What a pain in the keester, eh?

How do you add safari favourites with the new iOS?

How do you add safari favourites with the new iOS?

Do you mean you want to sync your desktop Safari bookmarks to iOS? This is done in iTunes when you sync the iOS device. There is a box to check to make this happen.

How do you print a playlist with the new itunes?

How do you print a playlist with the new itunes????

You can click on the little triangle that's next to the little box at the top left of the new iTunes. It will give you a drop down box which gives you several selections. One of the selections is "Show Menu Bar". Click on that and you get the bar back that was on the previous version. Then in "file" you can print a CD jewel case list just like before!

How do you grey out a radio button if a text field is blank in Adobe Acrobat XI Pro?

How do you grey out a radio button if a text field is blank in Adobe Acrobat XI Pro?
So this what I'm trying to do:
(     )   |TEXT FIELD|
(     )   |TEXT FIELD|
(     )   |                  |
(     )   |TEXT FIELD|
I have a radio button: (     )
and a text field: |TEXT FIELD|
The third text field is blank, and I would like for the radio button next to it greyed out (user can't click on it) since the text field is blank. Is this possible to achieve? I'm assuming I'll have to use javascript, but what would the code be and would it be entered in the javascript editor for the text field or the radio button?
Thanks in advance guys

Hey, thanks, but it didn't work
I have the text fields as read only. Could that be why it's not working? Should I make the fields not read only?
Thanks,

How do you manually manage podcasts with the new iTunes?

Like the subject line says: How do you manually manage podcasts with the new iTunes?
With the previous version of iTunes, when I plugged in my iPod, I could select the iPod, select podcasts, and manually delete episodes. With the new iTunes, I can't select individual episodes when looking at my iPod through iTunes. Is my only option to Sync? If so, why is that my only option?
This question probably has a simple answer, and I'm just not seeing it.

Rock,
I think I figured out a way to do what you want to do - which is the same way that I use Itunes with my Ipod. (My Itunes libary was destroyed last year so I can no longer auto synch my Ipod as I would lose thousands of songs).
Funnily enough, I discovered this new way of manually moving podcasts while trying to figure out what cpragman was trying to say (I never could - he must be smarter than me, as I couldn't get his method to work).
1. Open up your Itunes in your regular Library view. Choose Pocasts from the left hand side (either in the sidebar if you have that enabled, or from the little "radio" icon if you don't.)
2. Mouse to the podcast you want to place on your Ipod.
3. Right-click it. A long menu will pop up.
4. Move to the "Add to Playlist" option. As you hover, all your playlists will be visible. But at the very top will be the name of your Ipod itself (whatever you named it originally). Choose THAT name, and voila! That podcast will now copy to your Ipod and be easily available when you disconnect.
A nice feature of this method is that you can shift-click several podcasts at once and do the same thing, and all your selected podcasts will copy over (if you're like me and update your Ipod only every few weeks).
Hope this helps - let me know if it works for you!

How do you get a line with MULTIPLE fields to WRAP ?

How do you get a line with MULTIPLE fields to WRAP ?
Good afternoon everyone...
THE PROBLEM: Why doesn’t a line with multiple fields WRAP?
HYPOTHETICAL EXAMPLE/WHAT I”D LIKE TO SEE
If I have 2 fields on a line (this is now a hypothetical example and nothing to do with my actual report)….let’s call them field A and field B. And if field A has values of all ‘X’ and field B has values of all ‘Y’…then….the normal case would be (ignore dots – only for spacing):
A……………………… B
XXXXXXXXXXXXXXXXXX YYYYYYYYYYYYYYYYY
But what if A is too long? I would want to see B wrap onto the next line like this:
A……………………………………………………B
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX YYYYYY
YYYYYYYYYYYYY
And similarly….if B is extra long, can the line print as:
A………………………. B
XXXXXXXXXXXXXXXXXXX YYYYYYYYYYYYYYYYYYYYYYYYYYY
YYYYYYYYYYYYYYYYYYYYYYYYYYYYYY
I don’t want the case where B is long and I get:
A………………… …B…
XXXXXXXXXXXXXXXXX YYYYYYYYYYYYYYYYYYYYYY
………………………..YYYYYYYYYYYYYYYYYYYYY
I can see how you can wrap an individual field like that…but how can you WRAP a line of[b] fields within the frame so it wraps to the BEGINNING of the frame on next line?
My SPECIFIC CASE
I have a report that I have stripped down to a simple structure for the purposes of this explanation.
My DATA MODEL has the main QUERY (for plant family and species data). The columns of the query are divided into 2 groups. The 1st GROUP contains the family data. Below that is the rest of the species data in a 2nd GROUP.
Linking from the 2nd species group (above) is a new QUERY to extract REGION data based on the common key field. Under this 2nd query is another group with all the REGION columns.
The LAYOUT MODEL has a group frame (the main , base one)
On top of this is a repeating frame based on the 1st group (family data).
On top of this is another repeating frame for the 2nd group (species data).
On top of this is 2 Frames on the same line line. The 1st frame contains columns from the species group .
The 2nd frame on this line is a repeating frame. The PRINT DIRECTION for this frame is ACROSS/DOWN. It repeats details of the REGION where the species is found. These columns come from this group come from the REGION QUERY and GROUP.
All fields on the report line have variable horizontal elasticity.
The problem is that when there is too much data on the line, it does NOT WRAP to the 2nd line.. It TRUNCATES.
Can the line be made to WRAP????..
In my current report, 1 of 2 things is happening:
1) All fields print on the line until it hits the page boundary and then it just stops. Truncated!
2) All fields print on the current line, then Oracle Reports throws a new page to print the REMAINDER of the long, input line
But I would like a LONG line to continue printing onto the following line of the same page.
I have tried all combinations of the elasticity fields and the ‘ADVANCED LAYOUT’ properties.
I have been focussing my attention with this problem on the frames .
We are using REPORT BUILDER V 6.0.8.26.0
Thankyou to anyone who may offer assistance.
Tony Calabrese.

Steve,
you gain 1 thing, but you lose something else!
This thing is SO frustrating!
Hey Steve! Good afternoon.
I've done as you suggested....I have a long text boilerplate item - the only 1 on the line...and it has all the column in it.
So it looks like:
&col1 &col2 &col3 &col4 &col5 etc etc etc
And the line expands nicely to each field's requirements.
And when it gets to the right page boundary...it WRAPS to the next line! Beautiful!!!
The only thing is that...when I had individual fields across the line I was able to create format triggers for those fields. And in doing so I was able to reduce the font and change the justification. I had to do that because some of the fields had to appear superscripted.
So I wanted something like (ignore the dots):
...................................ppppp
AAAA BBBB CCCCC DDDD EEEE FFFFFF
So the field of 'ppppp' appeared slightly higher on the line than the other fields...
I can't see how I can do this with a single TEXT field containing all the &COL values.
Have you ever come across anything like this?
Thankyou again,
Tony Calabrese 12/4/2007

How do you pay for apps with credit on your account from an itunes gift card that has already been redreemed and the credit id on the account?

how do you pay for apps with credit on your account from an itunes gift card that has already been redreemed and the credit id on the account?

jen19 wrote:
how do you pay for apps with credit on your account from an itunes gift card that has already been redreemed and the credit id on the account?
Just buy something.

How do you structure a .book with an EDD?

Hi all,
I am learning how to convert legacy, unstructured FM documents into structured FM documents and need some help. So, I created a conversion table from my unstructured documents, created the EDD, applied the EDD to the unstructured document to create a structured document and now need to tweak the EDD.
My question is, what is the correct way to layout the EDD rules for a book using multiple document styles? For example: My book contains a title page, TOC, one or more chapters, a glossary of terms, and one or more appendixes (or is that a appendicies?.)
I am thinking the element rule would look something like this:
Element (Container): BOOK
Valid as the highest-level element.
General rule: TitlePage, TOC, Chapter+, Index, Appendix+
Followed of course by other elements required for the structure. However, I did see an EDD that I am sure was outlined like this (though I can't recall where:)
Element: TitlePage
Valid as the highest-level element.
General rule: Blah blah blah
Element: TOC
Valid as the highest-level element.
General rule: Blah blah blah
Element: Chapter
Valid as the highest-level element.
General rule: Blah blah blah
Element: Index
Valid as the highest-level element.
General rule: Blah blah blah
Element: Appendix
Valid as the highest-level element.
General rule: Blah blah blah
If the second structure is correct, how do you define the Book element? On the Adobe forum, I was told one EDD should be created for all book elements, which makes sense to me.
Okay people, fire away. Remember I am a neophyte in structured FM.
Thanks,
Adam

Thanks Van, that does clear it up for me... a little. My confusion now is, if I set all the book sections as valid at the highest level, then how does the book get structured as the starting point for the sections contained within it? I have tried to find a sample EDD detailing exactly this, but to no avail - my search brought up courses where this is covered, but not the actual EDD structure.
When I try to structure the book with the EDD, the book comes up red with its children elements looking just fine. Ahh! You have to love that learning curve.
Regards,
Date: Thu, 24 Sep 2009 06:43:41 -0600
From: [email protected]
To: [email protected]
Subject: How do you structure a .book with an EDD?
Adam,
Following up on some of Russ's sage advice, you asked:
If the second structure is correct, how
do you define the Book element? On the Adobe forum, I was told one EDD
should be created for all book elements, which makes sense to me.
As Russ said, your BOOK element looks fine. Not sure how far you have gotten, but when you open a document file that is in the book, its root element will be Chapter, TitlePage, Appendix, etc. That is why you have to declare each of these as being valid at the highest level. When you click in the book file window and look at the structure view, you will see that the BOOK element is the root element, and its content will be TitlePage, TOC, Chapter, Chapter,...etc. The book and all of its component files have the same EDD. The definitions for the BOOK element, as well as the TitlePage, TOC, Chapter, etc elements are all contained in the same EDD. I hope this helps to answer your question.
Van
>

HT204382 How do you read AVI sequences with Quick Time Player ?

How do you read AVI sequences with Quick Time Player ? H2OT

Hope somebody will help, I downloaded Flip4MacWMV 2.4.4.2dmg as recommended but it did not work. can I get HELP? Thanks

Please please can some one tell me how do you charge ur ipad with ur laptop. it doesn't chage wen I put use the wire. only charges when I plug the socket in.

please please can some one tell me how do you charge ur ipad with ur laptop. it doesn't chage wen I put use the wire. only charges when I plug the socket in. Iv never used an ipad b4 so don't really know much. Hope some one knowz.

The quickest way (and really the only way) to charge your iPad is with the included 10W or 12W USB Power Adapter. iPad will also charge, although more slowly, when attached to a computer with a high-power USB port (many recent Mac computers) or with an iPhone Power Adapter (5W). When attached to a computer via a standard USB port (2.5W, most PCs or older Mac computers) iPad will charge very slowly (but iPad indicates not charging). Make sure your computer is on while charging iPad via USB. If iPad is connected to a computer that’s turned off or is in sleep or standby mode, the iPad battery will continue to drain.
Apple recommends that once a month you let the iPad fully discharge & then recharge to 100%.
How to Calibrate Your Mac, iPhone, or iPad Battery
http://www.macblend.com/how-to-calibrate-your-mac-iphone-or-ipad-battery/
At this link http://www.tomshardware.com/reviews/galaxy-tab-android-tablet,3014-11.html , tests show that the iPad 2 battery (25 watt-hours) will charge to 90% in 3 hours 1 minute. It will charge to 100% in 4 hours 2 minutes. The new iPad has a larger capacity battery (42 watt-hours), so using the 10W charger will obviously take longer. If you are using your iPad while charging, it will take even longer. It's best to turn your new iPad OFF and charge over night. Also look at The iPad's charging challenge explained http://www.macworld.com/article/1150356/ipadcharging.html
Also, if you have a 3rd generation iPad, look at
Apple: iPad Battery Nothing to Get Charged Up About
http://allthingsd.com/20120327/apple-ipad-battery-nothing-to-get-charged-up-abou t/
Apple Explains New iPad's Continued Charging Beyond 100% Battery Level
http://www.macrumors.com/2012/03/27/apple-explains-new-ipads-continued-charging- beyond-100-battery-level/
New iPad Takes Much Longer to Charge Than iPad 2
http://www.iphonehacks.com/2012/03/new-ipad-takes-much-longer-to-charge-than-ipa d-2.html
Apple Batteries - iPad http://www.apple.com/batteries/ipad.html
Extend iPad Battery Life (Look at pjl123 comment)
https://discussions.apple.com/thread/3921324?tstart=30
New iPad Slow to Recharge, Barely Charges During Use
http://www.pcworld.com/article/252326/new_ipad_slow_to_recharge_barely_charges_d uring_use.html
Tips About Charging for New iPad 3
http://goodscool-electronics.blogspot.com/2012/04/tips-about-charging-for-new-ip ad-3.html
How to Save and Prolong the battery life of your new ipad
https://discussions.apple.com/thread/4480944?tstart=0
Prolong battery lifespan for iPad / iPad 2 / iPad 3: charging tips
http://thehowto.wikidot.com/prolong-battery-lifespan-for-ipad
iPhone, iPod, Using the iPad Charger
http://support.apple.com/kb/HT4327
Install and use Battery Doctor HD
http://itunes.apple.com/tw/app/battery-doctor-hd/id459702901?mt=8
To Extend a Device’s Battery Life, Get to Know It Better
http://tinyurl.com/b67c7xz
iPad Battery Replacement
http://www.apple.com/batteries/replacements.html
In rare instances when using the Camera Connection Kit, you may notice that iPad does not charge after using the Camera Connection Kit. Disconnecting and reconnecting the iPad from the charger will resolve this issue.
 Cheers, Tom

Connected to tv.how do you fill the screen with the ipad

Have connected to tv all ok but how do you fill the screen with the mirror image from the ipad

Yes I have the iPad cable bought from apple

How do you start a loop with an event and end the loop when u release ....

How do you start a loop with lets say an event of some sort, whether it be holding down a key or pressing the mouse click and then stopping the loop when you release that key or mouse button.?
double c = 1.8, i = 1, max = 90, exp = 0;
final double inc = 0.002; //speed at while it increases
boolean f = false, g = false;
while (true)
    while (f == false && stopMeter == false) //increasing speed going up to 90
        exp = Math.pow (c, i);
        i += inc;
        pAngle.setText (Math.round (exp) + "");
        if (exp > max)
            f = true;
            g = false;
        } //end if
    } //end while
    while (g == false && stopMeter == false) //decreasing speed going down from 90
        exp = Math.pow (c, i);
        i -= inc;
        pAngle.setText (Math.round (exp) + "");
        if (exp < 1)
            g = true;
            f = false;
        } //end if
    } //end while
} //end whilethis is a snippet of my increasing increments. Its for an angle meter. I can't get it to stop, when the user clicks or does something... the program just gets stuck in an infinite loop. I am still new to java and i do not know how to fix this.

You are in the wrong forum. Try this one instead: http://forum.java.sun.com/forum.jspa?forumID=31
/M

HT3775 how do you play a video with this format/title DVDSCR XViD AC3-sC0rp?

How do you play a video with this format " DVDSCR XViD AC3-sC0rp" using quicktime?

Try this. It can handle formats Quicktime can't:
VLC

HT2513 how do you get the sidebar with three months of just calendar to turn on-is this feature gone?

how do you get the sidebar with 3 months of calendars on the left? Is this feature gone?

Im sorry but I figured it out now. I hate when you figure something out right after you do something extreme like signup for a profile here and post a question. Well to those who want the answer all in one shot there are 2 solutions for me.
1. Make sure Safari is updated completely. You can check by clicking SAFARI> ABOUT SAFARI
Safari 5.0.5 gave me this problem but the new update is 5.1.2
2.Glims - Free ad on for Safari which enables you to view you window in COMPLETE full screen at all times, as well as maximise your window to fill all empty space (makes so you dont have to worry about accidentally clicking on your desktop which I do all the time lol). You can use this option once Glims is installed simply by clicking on
SAFARI> Full Screen
or
SAFARI> Maximise Window Size
By doing Full Screen mode you can then click on the full screen capability on the website you are on

Interactive Prototype - How do you simulate light boxes with buttons? (CS4)

Similar Messages

Maybe you are looking for