Rollover buttons with unexpected results

Hello Folks,
I'm hoping someone can point me in the right direction with a
problem I'm having with rollover buttons.
I've used Fireworks to create five rollover buttons with
round corners onto a single transparent canvas. I've exported the
images as gif and then pasted the relevant code into Dreamweaver.
I'm getting two results that are puzzling me.
1. The images are not being displayed with transparent
backgrounds, as you can see at this url:
http://www.magicalwonders.com/rollover/index2.html
The corners are showing which is not what I want. I notice that
there are four types of gif than can be exported when making
rollovers. So far, I've tried using Gif adaptive 256 and Gif
Websnap 256 with no success.
2. The second puzzle is that including the javascript code
seems to have increased the top margin for the background of the
page. If you compare the page before any code is added, you can see
the difference:
http://www.magicalwonders.com/rollover/index.html
Hope someone can advise
Many thanks,
Myles

Myles,
Try exporting your menu images as png 8 files with index
transparency.
alex
Magicalwonders wrote:
> Just a quick update. I've corrected all the errors in
the code and that has
> fixed the margin problem.
>
http://www.magicalwonders.com/rollover/index3.html
>
> So now I just have the issue of rollover buttons with
round corners. Not sure
> what I'm doing wrong?
>
> Hope someone can help.
>
> Myles
>

Similar Messages

I just installed Lightroom 5. It will not open. I have clicked on the desktop icon as well as the start menu button with no results. What am I missing?

I just installed Lightroom 5. It will not open. I have clicked on the desktop icon as well as the start menu button with no results. What am I missing?

I had the same problem, and I believe it is caused by having the Creative Cloud application doing the updating of LR. I "fixed" the problem by:
1. Uninstall Lightroom
2. Download the stand-alone LR 5.6 installer from Product updates
3. Install LR 5.6 using the stand-alone installer, instead of using the Creative Cloud application.

PSD Rollover Button with image in front stops button from changing state

I have a wide PSD button that changes state when rolled over. I would like to place a PNG image with transparency in some areas over the top of it so that the rollover button shows through the transparent areas of the PNG.
How can you get it to do the rollover effect when the user mouses over the bit of the button that the image is in front of? Is ther a way of making the PNG 'invisible' to the mouse?
I know I could redesign the button so that it includes the image but I'm trying to keep file sizes and load times to a minimum, I use this button a lot on my website with a different on each, and having that number of individual buttons would result in a bloated, slow-loading website.

Hi Abhishek
Thanks for your reply. I was able to achieve the effect I wanted by having the PNG and the PSD Button with the same link and then grouping them. This means I can mouse over the PNG and still get the PSD rollover effect, which is perfect.
However I also have another similar problem. I have some different PSD Rollover Buttons which have some text in front of them (basically it's the button label). On some of these buttons when you roll over the text it prevents the rollover state of the button, and on other buttons the rollover effect occurs as it should, and there doesn't appear to be any consistency about which does what. Grouping or ungrouping doesn't appear to make a difference. Can you help?

Simple interface vs. inline speed comparison with unexpected results

I posted this question also to the Hotspot internals section which was, may be, the wrong place.
Recently, I wrote a simple superficial test to inform myself about the potential penalty for calling methods through interfaces, generic interfaces, final classes vs. inlined code. The example consists of two interfaces
public interface A{
    public long doA( long a );
public interface B{
    public long doB( long b );
}an interface that extends both
public interface AB extends A, B {}and two final classes, one implementing AB and the other implementing A and B
final public class ABClass implements AB {
    final long c;
    public ABClass( final long c ) { this.c = c; }
    @Override
    final public long doA( final long a ) {
        return a * a + c;
    @Override
    final public long doB( final long b ) {
        return b * b + c;
final public class APlusBClass implements A, B {
    final long c;
    public APlusBClass( final long c ) { this.c = c; }
    @Override
    final public long doA( final long a ) {
        return a * a + c;
    @Override
    final public long doB( final long b ) {
        return b * b + c;
}I perform five tests, each looping over long i from 0 to 1000000000, summing up the return values of both methods called with i. The test is performed calling methods using the parameters AB, a generic Type implementing A & B, and the final classes directly in all possible combinations
final static private long finalAB( final ABClass ab, final long x ) {
    return ab.doA( x ) + ab.doB( x );
final static private long finalAPlusB( final APlusBClass ab, final long x ) {
    return ab.doA( x ) + ab.doB( x );
final static private long nonGeneric( final AB ab, final long x ) {
    return ab.doA( x ) + ab.doB( x );
final static private < T extends A & B >long generic( final T ab, final long x ) {
    return ab.doA( x ) + ab.doB( x );
}Furthermore, as a last test, the calls to doA( x ) + doB( x ) are explicitly inlined
x * x + c + x * x + c;All six tests are performed 10 times.
The test is here, including the sources:
[http://www.speedyshare.com/files/22401605/download/test.jar|http://www.speedyshare.com/files/22401605/download/test.jar]
java -jar test.jar
When running the test, I get two surprising results:
1. The first run is the fastest for all tests but the explicitly inlined test. All tests are approx. equally fast but the inlined version is slowest(?).
2. From the second run, all tests are about 1.5x slower, except the explicitly inlined which has constant speed in all runs and is now the fastest.
I would be very happy if somebody could highlight to me the rationale behind these effects.
Thank you very much in advance.

axtimwalde wrote:
Again, you're wrongly interpreting, I assume it would help to look at and understand the test?! It demonstrates nicely, that, in Java 6, there is no additional cost for calling methods through interface hierarchies vs. final classes which is very nice. With Java 5, this is not the case, which is also clearly demonstrated by this test. So?
Referring to nanoseconds makes no sense at all, what matters is the factor that separates two different execution speeds. There are applications, where it matters a lot if it is an order of magnitude slower or not, that may be the argument that separates great from trash. Name one application where your results would make the major functionality of the application an order of magnitude faster.
Consider also, that there are platforms that still lack support for Java > 5.I write high performance servers for a living. And I have been doing it for years. I have done it in C#, Java and C++. I have profiled applications in all of those languages in multiple problem domains.
And there was never a single case where call semantics impacted the speed of the application in anyway that was even measurable.

Simple XMLTABLE query with unexpected results

I have the following (simplified) query. I have formatted the XML for easy reading in this message but there is no whitespace in the actual query.
Can anyone tell me why I am receiving no records returned. Expecting one record with the value of 'REJECT'
Thanks in advance.
select a.decision
    from XMLTABLE(xmlnamespaces('http://schemas.xmlsoap.org/soap/envelope/' as "soap"
                              , 'urn:schemas-cybersource-com:transaction-data-1.28' as "c")
               , '/soap:Envelope/soap:Body/c:ReplyMessage'
      PASSING xmltype.createxml('
<?xml version="1.0" encoding="utf-8" ?>
<soap:Envelope xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/">
<soap:Header>
   <wsse:Security xmlns:wsse="http://docs.oasis-open.org/wss/2004/01/oasis-200401-wss-wssecurity-secext-1.0.xsd">
    <wsu:Timestamp xmlns:wsu="http://docs.oasis-open.org/wss/2004/01/oasis-200401-wss-wssecurity-utility-1.0.xsd" wsu:Id="Timestamp-27593971">
     <wsu:Created>2009-06-15T17:49:02.870Z</wsu:Created>
    </wsu:Timestamp>
   </wsse:Security>
</soap:Header>
<soap:Body>
   <c:replyMessage xmlns:c="urn:schemas-cybersource-com:transaction-data-1.28">
    <c:merchantReferenceCode>27-0</c:merchantReferenceCode>
    <c:requestID>2450881422960008402433</c:requestID>
    <c:decision>REJECT</c:decision>
    <c:reasonCode>520</c:reasonCode>
    <c:requestToken>Ahj77wSRCbmf6bYuaSwCIJsfFx1osBTY+LjrRekDpt6POYI0kyro9JLBWBORCbmf6bYuaSwCAAAALQX8</c:requestToken>
    <c:purchaseTotals>
     <c:currency>USD</c:currency>
    </c:purchaseTotals>
    <c:ccAuthReply>
     <c:reasonCode>520</c:reasonCode>
     <c:amount>99.50</c:amount>
     <c:authorizationCode>123456</c:authorizationCode>
     <c:avsCode>Y</c:avsCode>
     <c:avsCodeRaw>YYY</c:avsCodeRaw>
     <c:cvCode/>
     <c:cvCodeRaw/>
     <c:authorizedDateTime>2009-06-15T17:49:02Z</c:authorizedDateTime>
     <c:processorResponse>A</c:processorResponse>
    </c:ccAuthReply>
   </c:replyMessage>
</soap:Body>
</soap:Envelope>')
      COLUMNS
        decision varchar2(30) PATH '/c:ReplyMessage/c:decision') aScott

i think that the problem was in
'/c:replyMessage/c:decision' and not '/c:ReplyMessage/c:decision'
and
'/soap:Envelope/soap:Body/c:replyMessage' not '/soap:Envelope/soap:Body/c:ReplyMessage'
try
Bye
Maurizio

How are these rollover buttons accomplished?

Hello-
Can some expert please tell me how this website ( http://www.webfonts.info/ ) does their slick rollover buttons with the rolldown grayed "shade"? Is there a canned script or plug-in for this?
Thanks-

This is achieved using CSS as in http://www.webfonts.info/sites/default/themes/wf2/css/style.css?S and down to /* gallery listing page */
Each of the ID's starting with #gallery-listing performs part of the effect.

Invisible submit button with image rollover

I have a need to combine a rollover image with a form submit
button. I need the submit button to not be visible except for those
that know where to look.
I have a database query that displays rows of data. Each row
has a checkbox to select that item, so the data table is in a form;
the checkbox is a cfinput. In order to pass the parameters of the
checked items, a submit button must be used to submit the form
values.
My need is for the submit button to be the rollover image.
Only users that know where to find the rollover image will be able
to submit the list of checked form values. "Regular" users
shouldn't be in that area of the screen.
So, a combined rollover image submit button is needed.
Ideas? Thanks...Rick...

document.yourformname.submit didn't work.
But then discovered that the href value needs to be empty (or
"#") to work. This code works: (rollover images with the submit()
code):
<a href="#"
onClick="javascript:submit()"
onmouseover="MM_swapImage('Image9','','images/change-meeting-date.png',1)"
onmouseout="MM_swapImgRestore()">
<img src="images/blank-hidden-area.png"
name="Image9"
width="111"
height="11"
border="0"
id="Image9" />
</a>
When, in DW, you add the rollover image, you need to leave
the href value empty. I suppose that lets the submit button use the
<cfform action...> value as the results page, letting the
form values pass to the results page.
Now, the next step is to have two different rollover images
with submits() that point to two different result pages, while
still using one cfform. (Two submits in one form, each submit
pointing to a different results page.)
...Rick...

Unexpected Result with Application Process

Hi Everyone,
I have an application process which is producing unexpected results. The code is below. What does is, updates one table, then based on that update inserts some data into a different table. The process workes fine. However, when the table gets updated it updates by 2 when it should only update by 1. Does anyone see where i am going wrong?
Its really anoying lol
Thanks in Advance
-N.S.N.O.
Code*
BEGIN
update pzrckt01 set CLK_NEXT_NR = CLK_NEXT_NR+1 where CLK_PARTITION_ID='QWC';
htp.p('Start debugging');
htp.p('QWC_KEY_ID : ' ||wwv_flow.g_x02);
htp.p('SYS_ID : ' ||wwv_flow.g_x03);
htp.p('QWC_DELETE_CD: ' ||wwv_flow.g_x04);
htp.p('QWC_CUS_ID : ' ||wwv_flow.g_x05);
htp.p('COU_ID_QWC : ' ||wwv_flow.g_x06);
insert into PZRCUT01 (QWC_MYTNT_ID,QWC_KEY_ID,SYS_ID,QWC_DELETE_CD,QWC_ADD_TD,QWC_ADD_USER_ID,QWC_UPDT_TD,QWC_UPDT_USER_ID,QWC_SOFTLOCK_TS,QWC_CUS_ID,COU_ID_QWC) values ((select clk_next_nr from pzrckt01 where CLK_PARTITION_ID ='QWC'),wwv_flow.g_x02,wwv_flow.g_x03,wwv_flow.g_x04,(select sysdate from dual),(select :APP_USER from dual),(select sysdate from dual),(select :APP_USER from dual),(select systimestamp from dual),wwv_flow.g_x05,wwv_flow.g_x06);
EXCEPTION WHEN OTHERS THEN
htp.p('Exception');
htp.p(SQLERRM);
END;

Hey,
There are no triggers on these tables im working with. A way to get around waht im tryin to do is have 2 application processes, one for the update and one for the insert. but to do this i would need them to be fired off using the same button.
for example in my HTML Header having a function within a function.
function pzrcut01Insert(){
function pzrckt01Update(){
var ajaxRequest = new htmldb_Get(null,&APP_ID.,'APPLICATION_PROCESS=update_pzrckt01',null);
var ajaxRequest1 = new htmldb_Get(null,&APP_ID.,'APPLICATION_PROCESS=PZRCUT01_INSERT',null);
ajaxRequest1.addParam('x02', $v('P6_QWC_KEY_ID'));
ajaxRequest1.addParam('x03', $v('P6_SYS_ID'));
ajaxRequest1.addParam('x04', $v('P6_QWC_DELETE_CD'));
ajaxRequest1.addParam('x05', $v('P6_QWC_CUS_ID'));
ajaxRequest1.addParam('x06', $v('P6_COU_ID_QWC'));
var Answer = confirm('Are you sure you want to update?');
if (Answer) {
gReturn=ajaxRequest1.get();
if (gReturn) {
alert(gReturn);
ajaxRequest1.get();
alert('Attempted Insert Processed');
}else{
alert('Attempted Insert Cancelled');
would this be possible?
-N.S.N.O.

CS6 Having problems exporting buttons with rollover to dreamweaver

Im trying to export out of fireworks cs6 buttons with rollover and import into dreamweaver cs6. It looks good in dreamweaver until i view it in internet explorer here is what it comes out like.

Using HTML exported from a graphics application in your pages is a very VERY bad idea. You see the result. The best approach is to create your graphics in FW, and use DW to build the HTML, not FW. The HTML function in FW is only useful as a way to quickly build a PROTOTYPE page for demonstration purposes, it's not suitable for use on a real web page.
Show us your code and we can fix this for you. Alternatively (and better), just use DW to apply your rollover to this image.

Issues with rollover buttons in Indesign CS6

Hi, I was wondering if anyone can shed some light on a issue i'm currently having.
I've produced a interactive map in Indesign, with rollover buttons which triggers an animation - all the buttons and animations seem to be set up correctly and once I export as a SWF they seem to work fine initially, but after a couple of rollovers some of the buttons just stop working. If I refresh the page or reopen the swf file it then starts working again for a period, but again after a few successful rollovers some stop working again. I'm wondering if this is a bug of some sort? Ive also tested the .swf on a different machine and I experience the same issue.
Any help with this would be be much appreciated.

We might be able to help you but you'll have to drop the attitude. We're not Adobe here, but users like you.
You'll need to tell us exactly what you're doing and what's not working for you. By "rollovers," you could mean the change of appearance of a button. You could also be meaning what are sometimes called Show/Hide buttons where clicking a button causes another button to appear. Which is it?
And what kind of output are you attempting? Interactive PDF? SWF (Flash)? DPS?

Rollover button css styled with php function: possible?

Hi,
I created a working rollover button css styled, with normal href links, using this html:
<p class="button"><a href="link"><click here><span>Text</span></a></p>
But I would like to know how I can create a "contact us" button with following php function included:
<?=createMailto('[email protected]')?>

Well, I wrote the button code as mentioned in my first post, but the button does not call the email php function. When I replace the link in a href="link" with the php function, I can't get it to work.
I have to use href to get the button to display, and to change state on hover; but I don't know how to get the php function to work. Using this function as a plain function call within a regular <p> tag works.

Cs 6 Having problems exporting buttons with rollover to dreamweaver

Im trying to export out of fireworks cs6 buttons with rollover and import into dreamweaver cs6. It looks good in dreamweaver until i view it in internet explorer here is what it comes out like.

When you created animated buttons in Fireworks and exported/imported them into Dreamweaver CS3, CS5 all worked well.
This is because CS3 and CS5 automatically added the required preload JavaScript to the hed tag of the document.
In CS6, this is not happening!
That is the major reason that your buttons do not work if you are used to doing it the way that we have for years.
As a test, I added the Head tag code that the old versions of CS generated in Dreamweaver and immediately my buttons worked.
It must be a program error in CS6 and I wonder if Adobe will be producing a fix for this?
The Head code is below:
<script type="text/javascript">

</script>

Scaling a button with rollover state (IDCS3)

If you have a button with a rollover state and then scale it, only the currently visible state is scaled.
Would you guys consider this a bug or intentional?
Any hints on how I can scale all states without laboriously editing the content of every button state?
Cheers, Graham.

Graham,
Nice follow up on this, but watch out!
When you change that preference to "Adjust Scaling Percentage" anytime you scale text frames, you will create a situation where the point size changes but is displayed with the parenthetical amount.
For instance, if you scale 12 point text down 50%, the point size for text will be displayed as 12(6)pt.
Then if you want to change the text to 8 point, you would have to type in 16 points.
Obviously with this simple example the numbers are easy to figure out, but with other amounts it can get very complicated.

Help with trying to make a rollover button

I'm trying to make a roll over button using this tutorial
http://www.pegaweb.com/tutorials/rollover-buttons/rollover-buttons.htm
and it doesn't seem to do what the tutorial says it will do 2-3 steps in.
The part where it says...
Quote:
- In the Channels window, Ctrl+Click the "Alpha" layer, to select its outline.
- Go back to the Layers window, and create a new layer.
- Choose the Gradient Tool. (Remember that it might be hidden under the Paint Bucket Tool.) Apply a gradient from the bottom of the image to the top.
Mine does not create a gradient that looks like the image they have presented.
I just have the entire wood look, and then the outline of my button is just a little darker. I don't get the white background with the gradient applied to it in the button space.
Would someone mind following the steps at this link and letting me know if it is missing something? It only took me 2 minutes to get to this point before I couldn't figure out why it wasn't doing what it was supposed to.

When you create the button look in the upper left hand corner of the screen and see what type of object you are creating. Placing the mouse of the the three buttons will give you a tool tip of what they are.
The one you want is the one on the right as it will create a pixel based rectangle. Make sure you put this rectangle on its own layer, then you can move it or delete it if necessary. Lock the transparency7 button at the top of the layers panel. The will make sure when you create the gradient it will put it inside the button you made and not outside of it.
If you are seeing just a border I am thinking the middle button in the top tool bar is selected which creates a path. It is possible to fill that path and then create the gradient but you have to make sure that the lock transparency is not checked. Open the paths panel and at the bottom of the panel is a fill button. This creates a pixel based object which you can then create a transparency using the steps above.

Rollover images with buttons not working on subsequent pages.

I'm trying to create an interactive PDF wherein images "pop-up" when the cursor rolls over a trigger button. I've successfully employed the Buttons feature to create three such images on one page. However, on a subsequent page images will not appear upon trigger rollover. All three work perfectly on that first page, and I'm using the same procedure on all images/buttons. I checked to see if something was going on in the Tab Order, but each page has its own Tab Order, so I don't know about that. Working in CS6 for Mac.

In my InDesign file, I have been very meticulous to link each trigger button with the image button and to assign the appropriate actions to the trigger button. Based on what I have learned, when doing this with InDesign, you make both the trigger object--whether an image or, in my case, a box at 0% transparency that covers text--and the object to be shown/hidden into buttons. Maybe that's where I am getting this wrong? Still, that obviously works for some instances and not for others, so this is confounding.
I do see what you mean about manually adjusting the objects in Acrobat, and that's a trick for adjusting one or two things, but it's tedious to do that with many links in a document that I'm working on. Given the number of "pop-ups" that I want to create for my completed document, the solution has to take place in InDesign.
Additionally, I have tried just about every permutation of tab orders in the Object-->Interactive-->Set Tab Order feature in InDesign. All to no avail.
I thank you very much for your time and efforts on this, Gilad. And I apologize for my lack of facility with forum standards (e.g. "How do I post a file, duh?"). Long time reader, first time post-er, haha.

Rollover buttons with unexpected results

Similar Messages

Maybe you are looking for