Down Level Stage disables other JQuery page elements

I have create a small Edge Animate animation that I'm trying to add to our home page. After getting everything running and working properly in IE9+, Chrome, Firefox and Safari I moved it from the development environment to our live site. Then I viewed it on an older machine running IE8 and the down level stage worked great, but it disabled a jquery image slider and a little custom jquery script I wrote to polite load an embedded youtube video. The only cusomization I did to the edge files was to remove the loader for the included version of JQuery so that it would run the on I call from Google instead. This prevent intial conflicts between already existing jquery elements on the page.
If anyone can help me figure out how to prevent this problem with the down level stage I'd appreciate it.

I understand what you're saying. I actually had to disable the loader that loads jquery in the edgePreload.js in favor of calling the same version from the google developer library. So that shouldn't effect it. I'm just wondering if there isn't something in the edgePreload.js that causes an overall shut down of any running JQuery.
To answer your question everything does work fine without animate content. It is only a probelm after in including animate content. I can't really send you all the files since it's work related, but aside from deleting the line that loads the JQuery in the edgePreload.js it's the same as the default. The slider we use is woothemes Flexslider in a standard implementation.

Similar Messages

Creating a Down-Level Stage | Learn Edge Animate | Adobe TV

One of the nifty features of Edge Animate is that it recognizes that not all users have a modern browser. In this lesson you will how to accommodate users of older browsers by creating a screenshot of the page and then creating a down-level stage that will appear if, for example, an IE 7 user opens a page containing an Animate composition.
http://adobe.ly/SG429k

Thanks for that. Are you forced into using the PNG format, sometimes it's a larger file size as compared to a jpg.

Why does line-height revert in my down-level stage?

When I set "line-height" on text to 25px inside my down-level stage, it reverts to 17px upon saving. Is there a way to keep it from reverting?

Hey wbaafs, the downlevel stage will not appear with JS disabled as it requires gathering information from the preloader.js file. However, you can manually mak your own fallback by using the noscript tag:
<noscript>
<div id="Stage" style="background-image:url('yourposter.jpg')">
</noscript>
Sarah

Down-Level Stage Question/Problem

Hi,
As I understand it, the down-level stage image should display when an Edge animation is viewed in a browser with Javascript disabled.
If that is correct, then it's not working for me, either in preview in browser from Edge Animate, or when published and used in a site built with Muse.
Tested with IE 9, FF 16.01, Opera 12.02 w/ JS disabled. In all cases, neither the animation nor the poster displayed.
Yes I've read the replies to Vancouver Joel's post re: "down level does not work" at
http://forums.adobe.com/message/4730549#4730549
but nothing there helps.
My animation is very simple; it uses just native ellipses, text using arial fonts, nothing special.
The poster image that I selected is present when I inspect the down-level stage.
Same problem occurs with a more complex animation.
Any ideas?
Thanks!

Hey wbaafs, the downlevel stage will not appear with JS disabled as it requires gathering information from the preloader.js file. However, you can manually mak your own fallback by using the noscript tag:
<noscript>
<div id="Stage" style="background-image:url('yourposter.jpg')">
</noscript>
Sarah

How do I get a transparent background on the down level stage?

How do I get a transparent background on the down level stage?

I haven't tested this, but in your xxx_edge.js file, it looks like the stage background color is set here:
states: {
      "Base State": {
         "${_Stage}": [
            ["color", "background-color", 'rgba(255,255,255,1)'],
            ["style", "overflow", 'hidden'],
            ["style", "height", '400px'],
            ["style", "width", '550px']
Try changing the last value in the rgba value from 1 to 0.
Let us know how it goes!

Can i change down level stage value?

Aleady setting's IE6,7,8 view.
but i need view down level stage in mobile browser.
can i change setting value?

Changing number formats is not in Keynote, but in the OS X System Preferences, in the International Preferences.

Center the down-level stage

How do you center the down-level stage, or add any css properties to it? I have the following code in composition ready but it does not center the down-level stage:
sym.$("Down-level").css({"margin-left":"auto","margin-right":"auto","margin-top":"20px","b order":"1px solid black"});
My regular composition is centered so I need the down-level stage to be centered as well. Thanks.

Hi there, not sure how to center the down-level stage from within Edge, but have you tried centering the div that holds your Edge project, using regular CSS outside of Edge?

Can a down-level stage use an image map?

Just wondering if I can make a part of my down-level static image clickable using an image map?

I did finally figure this out... it is possible to map to an slp file from an image map... the trick has to do with how slp files work in RH,and makes sense, sort of, once I got it to work. When you generate html5, htm files are generated fromthe slps.
When you link to an slp file in a regular hyperlink, during the generation of the site, RH translates the slp refernce to the htm file reference that is generated from the slp. But for some reason, i.e., a bug IMHO, with an image map, when you link to an slp file, RH does not convert this slp reference to the .htm reference (as it does with normal, non-image map hyperlinks.
So the way to get this to work, is when you create the image map link, put in the htm file name that will be created during generation.
John

Floating ads appearing below other flash page elements

Floating Flash ads are displaying below other Flash page
graphics and ads. Where do I set z-index properties?

it's simple!
it's not about z-index!
it's about transparency of the floating flash.
just make other flash objects transparent

How to create down level stage transparency?

I tryed everything.....

Hi Marcin,
As far I know, the functionality of entering down payment in header will not allow you to post the DPR at header level, it has been given an option to enter the DPR as against at line item level available before.
Looking from a logical point of view, if a PO has more than one line item then then how to determine against which item the DPR has been entered, there may be line items with different delivery dates say one line item requires a down payment to be made, and the other doesn't and also it may come in much before than the item against which the DPR has been made, then it will be a mess for Finance to decide whether to pay for this item or balance the invoice against DPR.
Regards
Chandra Shekhar

Down-level stage

option of having either
a static poster
or
an animated gif
or
a swif version / flash movie

Hey wbaafs, the downlevel stage will not appear with JS disabled as it requires gathering information from the preloader.js file. However, you can manually mak your own fallback by using the noscript tag:
<noscript>
<div id="Stage" style="background-image:url('yourposter.jpg')">
</noscript>
Sarah

Spry navbar position with other page elements.

2 questions on positioning a horizontal navbar with other page elements.
1.) I replaced a standard horizontal navbar with a spry horizontal bar.
Below the navbar is a simple image div- centering an image on the page.
The image is placed with auto margins r/l to stay centered.
After I replaced the standard navbar with the Spry navbar, the centered image now appears to the right.
What I want is the original design- the Spry navbar to be positioned above the image, drop down menu items can appear over the centered image.
My edited Spry page is not live until it works correctly- the original page without the new menu bar is here- michael-davidson.com)
2.) My plan is to keep the navbar on all my pages- so I'll set it up in a template.
Many of my pages wil consist of simpleviewer galleries- like this; simpleviewer gallery- will it work to put a drop down above the gallery?
Will there be a problem having the Spry navbar drop down over the simpleviewer gallery?
thank you.
btw- I did search for the answer to this positioning question, but could not find it. If there is a guide for positioning a Spry navbar, I'd love to read it!
thank you

I may have missed it, but I didn't see any style rule that positions your div#navbar. I may be wrong, but it seems to me that if you don't style the div, it will sit on the left of your page.
When you put Spry Menubars above Flash elements, Flash will as a rule put itself in front of other elements.
Try changing this:
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','632','height','238','src','home-flash','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','home-flash' ); //end AC code
To this:
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wmode','opaque','width','632','height','238','src','home-flash','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','home-flash' ); //end AC code
This is from another thread: http://forums.adobe.com/thread/419243
Beth

Disable input on page load depending on page level item

Hi All,
I am trying to set the disabled property of a HTML input button when an APEX page is loaded. This can be achieved easily by using getElementById and setting the *"disabled"* property in the onLoad event of the body.
However, I need to keep the state of the button as disabled if the page is refreshed by the user or through a submit. I've stored this state in a page item, however using +$x(PAGE_ITEM_NAME)+ in the onLoad body event does not return me the value stored in the page item. Calling the same code using an onClick of a dummy button returns me the value.
1. What is the appropriate way of getting the value of page_item during a page load?
2. If doing it on a page load is not feasible, is there a way of setting the state of a html input button to disabled using a page process for e.g?
Thanks heaps,
Raihaan

Hi Raihaan,
Let's do this a little bit different, as this approach gets you into trouble.
Create an application process called "GETLOCK" (Shared Components > Application Processes > Create), make sure the "point" is set to "onDemand". Paste in the following source:
DECLARE
result NUMBER;
BEGIN
FOR c IN (select count(flag) lock_status from c_locking where rownum = 1) LOOP
    result := c.lock_status;
END LOOP;
HTP.P(result);
END;Next go back to your page, and go to the page definition, paste the following code in the HTML Header:
<script type="text/javascript">
function checkButtons(){
ajaxRequest = new htmldb_Get(null, &APP_ID., 'APPLICATION_PROCESS=GETLOCK', 0);
ajaxResponse = ajaxRequest.get();
if (ajaxResponse == 1){
    $x('Button_1').disabled = true;
    $x('Button_2').disabled = false;
}else{
    $x('Button_2').disabled = true;
    $x('Button_1').disabled = false;
</script>Change the Button_1 and Button_2 to the button names accordingly (make sure it is the "id" attribute).
Next paste the following javascript in the Page "Footer Text":
<script type="text/javascript">
disableButtons();
</script>What you just did, is create an Application Process, that is called upon by an AJAX call in the javascript header, that is fired by the javascript in the page footer.
I think you allready have your DML taken care of, with the submit of your buttons. Now every times the page loads, it checks which button to disable.
Hope it helps,
Greetings,
Rutger

How do I center objects (photos and animations) so they stay centered with the other page elements?

How do I center objects (photos and animations) so they stay centered with the other page elements?

Geez .. Your class doesn't fulfill the javabean specifications. The properties should not be public.
It should rather look likepublic class TheAddress {
    // Properties ---------------------------------------------------------------------------------
    private String address1;
    private String address2;
    // Constructors -------------------------------------------------------------------------------
    public TheAddress() {
        // Default constructor.
    public TheAddress(String address1, String address2) {
        // Full constructor.
        this.address1 = address1;
        this.address2 = address2;
    // Getters ------------------------------------------------------------------------------------
    public String getAddress1() {
        return address1;
    public String getAddress2() {
        return address2;
    // Setters ------------------------------------------------------------------------------------
    public void setAddress1(String address1) {
        this.address1 = address1;
    public void setAddress2(String address2) {
        this.address2 = address2;
}

Locking page elements

I need help with the following.
I am using multi page tab control in my application. The page
has text box, radio buttons, check boxes and drop downs. After user
submits the page I want to lock the data elements for update but
want to keep the previous and next button enable for navigation and
review the data. Is there any easy way to achieve this without
having to set the property for each and every data element on the
page? I tried to disable the tab, which disabled the navigation
options.
Please help

I would think that by default Flex will retain the values
that were entered for the controls on the various tab pages. If you
don't reset them then after submitting the values should be there.
Maybe I don't have a clear enough picture of the issue and the
workflow.

Down Level Stage disables other JQuery page elements

Similar Messages

Maybe you are looking for