Creating a rollover button that acts has a web 2.0 flyout information panel

Hello All,
I would like to create an action that, when a user rolls over a button, the button changes colors and a flyout appears showing the information that will help them. I have created the up, over, down buttons, but would like the information to be displayed without the user actually having to click. I tried a slidelet, but the rollover part of the slidelet covers up the mouseover affect...any ideas?
Thanks,
dan

Hi,
Try changing the script to:
$.caption.value.text =
Hope that helps,
Niall
Also, I am not sure your Str construction will work. The caption is a text string, not a number, so adding 1 may end up looking like this:
0
01
011
0111
Here is an example of looping through a button state. Becuase you are looping throigh a maximum of 9 states, I would script each state rather than build a string. If you want to build the string, you would need to convert the caption string to a number first:
$.caption.value.text = Str((Number($.caption.value.text) + 1), 1)
I haven't tested this.

Similar Messages

How can I create a submit button that only saves?

Our end users will save the completed form and later upload it to anotherg place. I created a save button that works fine, but without a Submit button there is nothing to trigger the reminder to go back and answer required questions. I don't want to lose that part. Thanks in advance for any help you can offfer!

Would something like this work for you?
var OKToSave = true;
if (tfSomething.isNull) {
tfSomething.border.edge.color.value = "255,0,0";
OKToSave = false;
else tfSomething.border.edge.color.value = "255,255,255";
if (!OKToSave) app.alert("Please fill in all required fields");
else app.execMenuItem("SaveAs");

Create a clear button that will clear a jpanel

so i have two classes. One being a frame, and the other being a panel.
On the panel, i can draw various shapes with various colours etc. The frame contains the panel, and also a north panel containing various buttons to achieve this.
What i would i need to do is create a clear button that will clear the panel.
I know i can go and set it so it's draws a rectangle the same colour as the background but that would be cheating.
I will post a section of the paint just so you get an idea.
    public void paintComponent(Graphics gPanel) {
        if (this.buffer == null) {
            Dimension d = getSize();
            this.buffer = new BufferedImage(d.width, d.height,
                    BufferedImage.TYPE_INT_ARGB_PRE);
            myLineColour = new Color(0, 255, 0);     // initial colour for drawing
            this.g2Buffer = (Graphics2D) this.buffer.getGraphics();
            this.g2Buffer.setColor(Color.white);
            this.g2Buffer.fillRect(0, 0, d.width, d.height);
            // This time we'll draw with a broad pen
        g2Buffer.setStroke(new BasicStroke(myLineWidth));
        if (myShapeFlag == 1){{
            this.g2Buffer.setColor(Color.white);
            g2Buffer.setXORMode(myLineColour); //go into the overwrite mode
            g2Buffer.drawLine(xStart, yStart, xOld, yOld); // undraw last
            g2Buffer.drawLine(xStart, yStart, xEnd, yEnd);     // draw new
            g2Buffer.setPaintMode();          // out of XOR overwrite mode
            xOld = xEnd;                    // store last end point
            yOld = yEnd;
        if(mouseReleased) {          // final time through
            g2Buffer.setColor(myLineColour);
            g2Buffer.drawLine(xStart, yStart, xEnd, yEnd);     // draw final
            mouseReleased = false;
        gPanel.drawImage(this.buffer, 0, 0, this); }Any help on this would be much appreciated

no idea how to do this.. sorry...
for the jbutton action listenener i'm not sure.
I think i'm on the right tracks with a method
    public void clearPanel(Graphics gPanel){
            g2Buffer.fillRect(100,100,100,100);     // draw final
            gPanel.drawImage(this.buffer, 0, 0, this);
}but again i think i'm way off the mark..

Create a rollover image that appears in a different box?

Is there a way to create a rollover so that when your mouse moves over the first, the rollover appears as a larger image (right next to / above / over) the first?

Pure CSS Disjointed Menu Rollover
http://alt-web.com/DEMOS/CSS-Disjointed-Menu-Rollover.shtml
Pure CSS Disjointed Text Rollover
http://alt-web.com/DEMOS/CSS-Disjointed-Text-Rollover.shtml
Dreamweaver Disjointed Rollovers with Image Swap behaviors
http://www.communitymx.com/content/article.cfm?cid=E11E8
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Create a Button that Opens a Specific Web Link from a Dropdown Box

Hi guys. My main question is, how do I make a Button that opens a specific Web Link, depending on the URL selected in a Dropdown box?
Example:
I'm a comlpete newbie and need a code sample of how this would work! Thanks!
I have a couple other questions which are related to this.
1) Is it possible to hide the URL in the Dropdown list, and only show the Name, so for examlpe, it would only list Hotmail, Gmail, Yahoo, and not the www....com?
2) Another more advanced question is, once the web link is opened, is it possible to have adobe input or fill-in the Login and Password fields into the website and then hit "Enter" for you. The Username and Password would be stored somewhere in adobe and would depend on the weblink opened. So for example: When you open Hotmail, it would use the following; Username:[email protected] and Password:password1, but if you opened Gmail, it would use a different Username and Password stored for Gmail.
3) Finally, out of curiousity, is it possible to have adobe extract data from a website, and fill them into an adobe form? This maybe over my head, but any starting point or examples would be of great help!

Use something like this as the button's MouseUp action:
app.launchURL(this.getField("URL Dropdown").value));
To answer your other questions:
1) Yes. Place the URL as the export value of each option, and the name of the site as the display value. The code I provided can remain the same.
2) No.
3) Might be possible, but it's very tricky. The way to do it would be to convert the website to a PDF, process that PDF to extract the data from it, and then use that to populate the form fields. That would require quite advanced scripting knowledge, but it could be possible.

Creating rollover buttons that also show a gallery image

Hi all.
I'm a newbie to Dreamweaver, so please bear with me!
Here's what I'm trying to do: I'm creating a portfolio gallery. I want to have a thumbnail button that will rollover and show its "down" image and also the corresponding portfolio image in the gallery window. I know this can be done, as I've seen it numerous times. So far, I've only found tutorials on how to create the button and not both button and gallery image.
Any suggestions? And please - no code! I can't seem to successfully implement code, as I'm html-retarded! So if you can offer a tutorial link or even how to create this using the Designer interface in Dreamweaver, I'd TOTALLY appreciate it.
Thanks,
B.

This isn't something you can do with HTML alone. You need a slideshow or gallery widget.
I recommend jQuery Fancybox
http://fancybox.net/
However a Google search will reveal tons of other ones.
As for a mouseover effect on thumbnails, you can do that easily with CSS.
Below is an example of Fancybox with CSS opacity applied to thumbnails.
http://alt-web.com/GALLERY/Photo_Gallery2.html
Nancy O.

How to create a rollover button effect in Captivate 7?

Hi,
I recently upgraded from Captivate 6 to Captivate 7 and am curious to know how I can create a rollover state for a SmartShape button. Basically, let's say I have a SmartShape being used as a button. What I want is to have the button have a glow effect and a shadow effect each time the mouse is hovered over it. Is there an easier way than having two objects on the slide -- one as the normal state and one the mouse hoever image. What I'm thinking is that the mouse hovered state image will have it's 'Visible in Output' set as unchecked and I can use an Advanced Action to show the object on mouse hover. Perhaps I can have the mouse hovered state image as a rollover SmartShape too?
Nonetheless, this looks like too much work. If I have 10 clickables on the page for which I want rollover effects, I would need to have 10 additional objects with their rollover states -- just seems like too much, but perhaps that's the Captivate way. Or I am I missing the obvious?
Any help would be appreciated.
Thanks,
Sean

Most people would say the easiest way to achieve what you are talking about would be to just create your own custom image button in a graphics editor and give the Over state image having the glow effect that you want.
If you decide to go that route, this tutorial describes the process of creating an image button:
http://www.infosemantics.com.au/adobe-captivate/create-custom-image-buttons
Another possibility is that you can use the Infosemantics Event Handler widget to trigger an Apply Effect action and use the Glow filter as the effect.
However, this may require some tweaking since it's not that easy to time effects that are applied via an advanced action.

Rollover buttons that play a movie clip.

Hello,
   I am new to Flash and I am trying to accomplish a simulation such as this example, http://www.its-about-time.com/investinesart/coalplantvirtualtour.swf. I have all of my movie clips done, but how do I tell a rollover button to play a specific movie clip? I also want to have all the movie clips to play simultaneously via a rollover button as shown in the example. I've attached a captured image of my timeline, if that helps. I've tried everything so far, but nothing is working! What is the simplest way of doing this?
I have this inside one of the movie clips (mc_2) in a seperate layer under - (actions)
RO_btn.onRollover = function(){
mc_2.play();
On the main timeline I have an actions layer with this:
stop();
Thinking that this may stop all of my movie clips but it doesn't.
Should I make an actions layer in each movie clip with this syntax huh? stop();?
I'm frustrated!!
Thanks, if you can help!
MG

Hi,
I have made something that you are looking for.
It will be of help to you.
basically you will have to create a few movie clips namely:
2 buttons: (name them a_btn, b_btn, c_btn, d_btn, e_btn)
3 movie clips (I am taking example image1_mc, image2_mc, image3_mc)
in each of these movieclips.place 2 frames and on second frame put your movieclip(one in one).on both the frames put stop()
now click on a_btn and write this script
on (rollOver) {
_root.image1_mc.gotoAndPlay(2);
_root.image2_mc.gotoAndPlay(2);
_root.image3_mc.gotoAndPlay(2);
on (rollOut) {
    _root.image1_mc.gotoAndPlay(1);
    _root.image2_mc.gotoAndPlay(1);
    _root.image3_mc.gotoAndPlay(1);
with this all 3 animations will work simultaneously. if you need to run any one of the movieclips at a time the you can address that mc in particular
.Say if you want only 1 mc to move at a time then put this on btn 2
on (rollOver) {
_root.image1_mc.gotoAndPlay(2);
on (rollOut) {
    _root.image1_mc.gotoAndPlay(1);
.Dont forget to give proper instance names to movieclips.(they are in properties panel.)
Cheers!

How to create a radio button that changes colors

I'm using Acrobat X and ID CS5 on Mac OS X.
A couple of years ago someone on the forums explained to me how to create a button that changes color with each click. You can view a sample PDF at https://dl.dropboxusercontent.com/u/52882455/colorcycle.pdf. They gave me the document JS and showed me how to set the properties of the button. I've integrated the button into a particular series of PDF forms and it's worked out very well.
Now I would like to do the same thing, but using a circle instead of a square. Can anyone tell me the best way to do this? Can I somehow set a radio button to cycle through colors in the same way? I design my forms initially in ID CS5 and then activate and format the fields in Acrobat X. I've tried using circles instead of squares in my ID document, but when I export to an interactive PDF, they're converted to squares.
Any ideas?

I understand how to make buttons cycle through colors-- the problem I'm having is that I'm trying to figure out how to make a circular button cycle through colors. When I export my ID document to PDF, my round button maintains it's original appearance, but when I click on it to cycle through the colors, it behaves like a square (see new PDF at https://dl.dropboxusercontent.com/u/52882455/colorcycle2.pdf).
If I use a radio button, I can get it to cycle through colors, but I don't want it to have a black dot in the middle. Is there a way to format the radio button to not show the black dot when clicked?

Create an exit button that (really) works

Hello,
I'm using Captivate 6.
I have create a playbar with trigger zone for "previous slide" button, "next slide" button and a "home" button.
Trigger zone for previous and next slide are working perfectly in the preview and from the swf i have published.
Concerning the "Home" button, it is in fact an exit button that closes the swf (an advanced action including cpCmndExit with 1).
It is working from the preview but not at all from the swf (played in Chrome and IE9).
Kind regards,
Vincent

I just went through a very similar struggle using the variable CPcmdexit =1 here was what I found and the solution for me. First off, this variable only seems to work when using Internet Explorer (couldn't get it to work with chrome and didn't test firefox). Luckily our LMS standard is the users use IE so that helped me passed the hurdle. The second part of the equation though that took me forever to figure out was that in the Reporting Settings make sure that your success criteria is being obtained. In other words my criteria was that the user viewed 100% of the slides before being complete. This did not work for me because I had slides past my end point that the presentation jumped and returned from. My resolution was to set it to the number slide instead of percentage that I wanted my user to view. So success now looks like the user viewing to slide 37 (note: It seems although I didn't throroughly test that if you have hidden slides along the way to get the end number that it throws the count off since user can't actually view it). When that criteria is met it seems that the Cpcmdexit button functions properly otherwise it is unresponsive.
Hope that helps.
Brian

How can I creat a control button that will allow the vi to run?

Instead of pressing the run button, I want to creat my own run button that will allow my vi to run.
Any idea?
Thank you

First you need to set the VI to Run When Opened (VI Properties>Execution). Then you create a front panel Boolean. On the diagram what you need to do is have some sort of idle state where nothing is done until the Boolean is pressed. It could be a separate while loop that doesn't exit until the Boolean is pressed, an Event Structure, or as part of a state machine. Look at the shippings examples Queued Message Handler, New Event Handler, Using Buttons for Options to name just a few.

Create Email/Submit button that asks the user what email address to submit to

Is it possible to have an Email/Submit button that will ask for the users to imput the email address in which to submit to?

My own opinion is that you are going to tick off more people than you realize. I think you can handle this in one of a few better ways:
1) Institute an interface/web service where the HR system can send you people that are terminated. If the person has sensitive company data or anything on your site it would be in their best interest to remove their access.
2) Force password resets every x days. To reset a password, your page can send the link to their email. That way they have to establish they still work there to reset it.
3) Along the lines of #2, just make them verify their account every x days. If they don't do it within a week timespan, lock their account until they can prove they work there.
I mean unless you're dealing with top secret information, if someone gets a few extra days of your service its not a big deal. You have to balance the user experience with the reality that someone may get your service for free for a bit.
I can still get into My Oracle Support with my old email address. I obviously would not dare to put in a ticket, but I can view bug notes, knowledge base..etc. So it happens.

Want to Create a Skin Button that runs JavaScript

Hi Everyone,
I'm using RoboHelp 9.
I found a script (see below) that creates an email and automatically inserts the URL from where the user is sending the email.
I pasted the script directly into the HTML of a page to test it worked – and it does.
However, I now want to add a button to a skin that runs this javascript for each page, and have no idea where to begin to get the button to run correctly. I have been able to create a button on a skin, and can see that there are javascript options but that’s as far as it goes…
<script type="text/javascript">/*<![CDATA[*/document.write("<a href=\"mailto:[email protected]?subject=ACME%20Application%20("+document.title+")&body="+location.href+"%0A%0A"+"\">Send Feedback</a>")/*]]>*/</script>
Thanks everyone in advance.
Emma

Hi Peter,
Thanks so much for your information - it has worked perfectly!
The only thing that wasn't obvious in the snippet information was where to actually put the script text on the Action tab. At first I pasted the script into the Inline Javascript option in the bottom section. This did nothing so I pasted the script into the OnClick action option. This worked perfectly.
Is it okay to leave the script text in the OnClick option?
Thanks again.
Emma

Can Designer create a submit button that works in Acrobat Reader

Just got Adobe Professional 7.0 for Windows XP. Was able to design a form in Professional that works in Acrobat Reader (the majority of my users do not have the full product). To do this I set the email button to export the data in a .fdf format. I received the full form as an attachment in my email.
I then brought up the form in Designer 7.0 to use its expanded design capability. The button choices for the email submit button did not allow me to select a format and the saved file would not work in Adobe Reader. I then changed the button to a plain button using the submit control type. I found several submit format choices (XML, PDF, etc.). I saved the file in a variety of the choices but could not get Adobe Reader to send the format versions. FDF was not a choice. XML works but I would rather see the full form directly as an email attachment instead of taking the extra step of importing the XML data into the form
Anybody have a work around?

Andrej -
Can you be more specific about what is needed and how to do it? I just downloaded the trial version of Designer and Document Server 6. I've created the form with a submit button but it ain't working.
I want the "Submit by email" button to do just that - send the viewable .pdf (not just the data).
To take a step back - I can't even get the darn button to send anything. I have the info entered correctly in Designer but when the buttons clicked, an error msg. reads: "An error occured while sending mail". That tells me a whole lot of nothing. Is it because it's the trial version, or is there something else going on?
Anyway can you explain how to use Reader Extension Server in conjunction with Designer?
Thanks -
Dewey

Creating onrollover / onrollout button that plays its full ONanimation when touched

Hey all,
On most of my option MC's I have something like:
this.onRollOver = function(){
this.gotoAndPlay("onanim")
this.onRollOut = function(){
this.gotoAndPlay("offanim")
Obviousy if you quickly roll on and then off the MC the
animation is staggergy and not a fluid animation.
I would like to set it so that everytime you touch/roll on
the option MC it will always play its full on animation right, then
it will go to the off animation.
I believe you can incorporate onenterframe object to achive
this. Could someone please show me a good solution.
Any help would be great.

the best solution is to stop the rollover animation as soon
as the button is rolled out and start the rollout behavior (from
the correct place on your timeline) as soon as the rollout is
triggered.
depending on your rollover and rollout animations that may
require a little math or more commonly when the rollout animation
is just the rollover animation playing in reverse would involve
playing the rollover behavior backwords.
it's this latter situation that is commonly used to trigger
an onEnterFrame handler that calls a prevFrame() method and
terminates when frame 1 is reached.

Creating a rollover button that acts has a web 2.0 flyout information panel

Similar Messages

Maybe you are looking for