Spry-UI-1.7 Fading panels not working in IE 8?

Hi
I have this page
http://www.riviera.cd/wedo_n.php
Two syced fading panels that runs autoplay. Works ok in all browsers but IE.
In IE the top panel does not work while the bottom one does.
Does anyone have a clue why?
I have read about the IE bug in documetation for Ui 1.7 but it does not help to alter the doc declaration.
So is there anythong to do about this? Any tips are welcome.
Regards
Olle

Where?
Did you not see the link? http://www.riviera.cd/wedo_n.php
I have two fading panels in there. It works in all browsers but IE8 (Ie7 somewhat ...)
First panel a the top with big image.
<div class="StackedPanels"> <div id="fp3-1" class="SlideShowFadingPanel"><div id="text_slide" class="underrubrik">VFX for commercials and feature film</div><img src="images/skiss/bild1.jpg" width="720" height="420" /></div> <div id="fp3-2" class="SlideShowFadingPanel"><div id="text_slide" class="underrubrik">Sound-design</div><img src="images/skiss/online.jpg" width="720" height="420"  /></div>
and so on ... the panel script ...
var fp3 = new Spry.Widget.FadingPanels(".SlideShowFadingPanel", { autoPlay: true, displayDuration: 300 });
Next is the grey text below. Fading to white ...
<div id="text_mellan"><div id="fp1-1" class="FadingPanel">VFX for commercials and feature film</div>     <div id="fp1-2" class="FadingPanel">Sound-design </div>    <div id="fp1-3" class="FadingPanel"> Dolby certified re-recording mix</div>
var fp1 = new Spry.Widget.FadingPanels(".FadingPanel", { autoPlay: true, displayDuration: 300, minOpacity: 0.5, maxOpacity: 1 });
Problem in IE8 is that all the nested divs (div id="text_slide") in the <div class="StackedPanels"> is all on top of eachother and is not fading.
Regards
Olle

Similar Messages

  • Anchor links to accordion panels not working properly across browsers

    Hi everyone,
    I need some help to figure out why my anchor links  to specific accordion panels on another page are not working properly  across browsers.
    I have a Map page which has tooltips on  mouseover on the site markers. 15 of the tooltips have "Click here for  information" anchor links (although only 14 are currently linked) which,  in theory, would take you to the Nurseries page where the specified  accordion panel would be opened with the nursery entry appearing at the  top of the new browser window.
    Here are the links to the Map page and Nurseries page, respectively:
    www.alegriadesignstudio.com/RFRI/map_v6.html
    www.alegriadesignstudio.com/RFRI/nurseries_v6.html
    I've  tested the anchor links on IE, Firefox, Google Chrome, and Safari, and  have received varying results. In most cases, the anchor links worked  perfectly on two of the browsers, while on the other browsers, the  correct accordion panel is opened but the nursery entry does not appear  at the top of the new browser window. Anchor links using Safari and  Google Chrome fared better (10 out of 14 links worked properly, and  8/14, respectively), whereas when using Firefox and IE, only 3 anchor  links worked properly. The target audience for this website will be  using IE and Firefox, so I  would appreciate any help to figure out how to tweak the code so that  the most, if not all, anchor links work properly on these two browsers  in particular.
    Here's an anchor link which worked perfectly in  IE, GC, and Safari, but in FF, the entry did not appear at the top of  the new browser window.
    www.alegriadesignstudio.com/RFRI/nurseries_v6.html?luzon=9#mangatarem
    http://www.alegriadesignstudio.com/RFRI/nurseries_v6.html?luzon=9#mangatarem [To access the anchor link on the Map page, mouseover the third green  dot from the top of the map (Tooltip--Location: Mangatarem) and then  click on "Click here for information."]
    Here's a sample anchor link in which the entry did not appear at the  top of the new browser window in any of the 4 browsers:
    www.alegriadesignstudio.com/RFRI/nurseries_v6.html?mindanao=4#magpetAmabel
    http://http://www.alegriadesignstudio.com/RFRI/nurseries_v6.html?mindanao=4#magpetAmabel [To access the anchor link on the Map page, go to "Mindanao" at the  bottom of the map and mouseover the fourth green  dot below the word "Mindanao" (Tooltip--LOCATION:        Brgys. Amabel, Bongolanon, Imamaling, & Manobisa; Magpet;        North Cotabato) and then  click on "Click here for information."]
    Here's a sample anchor  link in which the anchor link worked properly in GC and Safari, but the  entry didn't appear at the top of the browser window in IE and FF:
    www.alegriadesignstudio.com/RFRI/nurseries_v6.html?visayas=1#bilar
    http://http://www.alegriadesignstudio.com/RFRI/nurseries_v6.html?visayas=1#bilar [To access the anchor link on the Map page, go to the small island  north and a bit west of "Mindanao" which is called "Bohol" and mouseover  the fourth green  dot below the word "Mindanao" (Tooltip--LOCATION: Bilar; Bohol) and then   click on the first "Click here for information."]
    Many thanks in  advance for your assistance!
    Joy

    Hi everyone,
    I'm still trying to figure out how to resolve the problem of anchor links to accordion panels not working properly across browsers (see original post for details). I would greatly appreciate any suggestions on how to resolve the problem.
    Many thanks in advance.
    Joy

  • Why do my panels not work in CC 2014

    I made my own panels in CC but they don't work in CC 2014. I miss them.

    It's the latter. Thank you for answering my question.
    Op 21 jun. 2014, om 09:42 heeft Trevor Dennis <[email protected]> het volgende geschreven:
    Why do my panels not work in CC 2014
    created by Trevor Dennis in Photoshop General Discussion - View the full discussion
    Are you talking about a custom workspace, or actual panels made with Configurator?  If the former, then go Preferences > Sync settings.  If the latter, then those Flash panels no longer work in CC 2014.  Check out any of the multiple threads about Extensions being greyed out.
    Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at https://forums.adobe.com/message/6481073#6481073
    Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page:
    To unsubscribe from this thread, please visit the message page at . In the Actions box on the right, click the Stop Email Notifications link.
    Start a new discussion in Photoshop General Discussion by email or at Adobe Community
    For more information about maintaining your forum email notifications please go to http://forums.adobe.com/thread/416458?tstart=0.

  • "Photos" option button in icloud control panel not working

    Photos option button in icloud control panel not working...it is not greyed out, and it is ticked, but clicking on it has no effect. Windows 8.

    luvsack wrote:
    DOES ANYBODY RESPOND TO THESE QUESTIONS EVER? I HAVE THE SAME PROBLEM AND CAN FIND NO ANSWER ANYWHERE! ANSWER THE **** QUESTION PLEASE!!!!!!!!!!!!!!!!!!!!!!!
    Windows 7 64
    Start your own thread, and please stop shouting, it is hard to read, and who wants that.

  • Sound Blaster X-FI Pci Express Front Panel Not working right Win7

    ASound Blaster X-FI Pci Express Front Panel Not working right Win7
    Please read carefully
    Part number Part SB040
    Hello,
    I have a fresh install of Win7x64 OEM. First, I want to say that I have "AUTOMATICALLY MUTE SPEAKERS" UNCHECKED under the Headphone detection tab. I have tried "Automatically Enable Headphone Settings" checked or unchecked. No difference.
    As soon as I plug in headphones to the front panel connector , the speakers in the mixer say "disconnected" (see below) and the SPDIF becomes the default output. There is no way for me to change this. And there isn't any sound coming from the headphones when plugged into the front panel. (the mic front panel works fine)
    I am using the nati've Win7 drivers for the card. Apparently the Win 7 drivers on your site are older than the nati've ones.
    This worked fine in Windows XP 32. Any ideas.

    Ok guys this is how I fixed the problem on my X-Fi PCI-Express. Open the Creative SB X-Fi Volume panel. Mine is set in game mode and I have 5 vertical sliders for Line-In /Mic, MIDI Synth, Digital-In, and the last one will say one of three things either Digital-In, Microphone, or Mirophone FP. At the top of the?slider there is a tab which brings up a drop down menu. Mine was default set to Digital-In, I switched it to Mirophone FP (tried Microphone first and it worked but the FP sounds better for me) and cranked it all the way up and my problem was solved. Very frustrating one though as there is no documentation that led me to the fix it was just playing around with it till I could figure it out.
    I hope this at least helps some of you out.

  • Opening specific Spry tabbed panels not working or displaying in IE

    I have a tabbed panel spry widget on an asp page in Dreawmweaver (http://www.herbsmithinc.com/casedog.asp) that worked marverously across IE, Firefox and Safari until I tried to get different panels to open on load through links.  I used the following tutorial: http://foundationphp.com/tutorials/spry_url_utils.php
    Everything works as it should in Firefox and Safari but the panels all appear at once, stacked down the page in IE. Does anyone have a fix for this or see what it is I'm doing wrong?
    Thanks!!

    I added the code, but It didn't work
    I just noticed that there's an error on the page when it loads in IE:
    Webpage error details
    User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; GTB6.6; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET4.0C; .NET4.0E)
    Timestamp: Thu, 24 Mar 2011 15:05:33 UTC
    Message: 'Spry.Widget.TabbedPanels' is null or not an object
    Line: 292
    Char: 1
    Code: 0
    URI: http://www.herbsmithinc.com/casedog.asp
    I searched the error but didn't come up with too much.  Any other suggestions?  I really appreciate the help!!

  • Spry Sliding Panels not working in IE

    I've been working for about 12 hours straight on getting this
    working correctly - my Sliding Panels just aren't working at all in
    IE. The panels load properly - for example, you can see only the
    first loaded panel, not all of them - but when I click a link to
    switch to the next, nothing happens. Firebug is reporting no
    errors, and neither is IE. Here is the relevant code:
    <head><script type="text/javascript"
    src="SpryAssets/SprySlidingPanels.js"></script>
    <link type="text/css" rel="stylesheet"
    href="SpryAssets/SprySlidingPanels.css"></head>
    <div id="mainContent">
    <div id="panelwidget" class="SlidingPanels">
    <div class="SlidingPanelsContentGroup">
    <div class="SlidingPanelsContent" id="main">Main
    Content<br /><a href="images/news.png" rel="lytebox"
    title="Omgtest!"><img src="images/news.png"
    /></a><br /> <a href="javascript:void(0);"
    onclick="sp1.showPanel('series');">TEST</a></div>
    <div class="SlidingPanelsContent" id="series">Series
    and Models</div>
    <div class="SlidingPanelsContent" id="about">About and
    Bio</div>
    </div>
    </div>
    <script type="text/javascript">var sp1 = new
    Spry.Widget.SlidingPanels("panelwidget");</script>
    </div>
    The following might be somewhat related: I am using the
    Lytebox javascript library, which is a Lightbox clone (that doesn't
    use prototype), as well as a preloader for my mouseover nav bar,
    with this code:
    <script type="text/javascript">
    function init() {
    MM_preloadImages('images/menu/main_click-trans.png','images/menu/main_hover-trans.png','i mages/menu/series_click-trans.png',
    'images/menu/series_hover-trans.png','images/menu/about_click-trans.png','images/menu/abo ut_hover-trans.png');}
    </script>
    My nav bar links to the panels like this:
    onclick="MM_nbGroup('down','group1','Main','images/menu/main_click-trans.png',1);
    sp1.showPanel('main'); return false"
    However, a plaintext link inside of the first panel - "<a
    href="javascript:void(0);"
    onclick="sp1.showPanel('series');">TEST</a>" - does not
    work either.
    Just for fun I thought I would try adding min-height:0; zoom:
    1; to the CSS classes for slidingpanels.... no dice there as well.
    URL is
    www.goldensealdrums.com/wip
    Any ideas? I am at a complete loss. Thanks.

    Thanks for your help :] I ended up realizing that a huge
    bloated js navbar wasn't all that great of an idea anyway, so I
    scrapped it and used a CSS-based one instead...much cleaner and
    works better (no preloading! woohoo.) It looks like the problem was
    probably an amalgamation of many things, but it's resolved now.
    quote:
    IE doesn't seem to like the PNG images you are using
    understatement of the decade.

  • Spry Sliding Panels not working in IE7

    I just created page with sliding panels horizontally and
    works fine on safari FF and opera but in IE7 just not working
    properly. The slides are expanding outside the page and i cant fix
    that. Is that normal for IE?
    the link is :
    http://ironspiderart.com/Pages/mentshirts/mentshirts.html
    Thank you

    Thanks for your help :] I ended up realizing that a huge
    bloated js navbar wasn't all that great of an idea anyway, so I
    scrapped it and used a CSS-based one instead...much cleaner and
    works better (no preloading! woohoo.) It looks like the problem was
    probably an amalgamation of many things, but it's resolved now.
    quote:
    IE doesn't seem to like the PNG images you are using
    understatement of the decade.

  • Multiple panels not working properly

    I've added an additional read less at the bottom of each tab panel on the page.
    http://summiticemelt.com/productstestmar4.php
    1. The page opens with the #2  & 3 tabs open, even though they are set to false.
    2. The read less function does not work properly with tabs 2 & 3.
    I'm new to Spry and .js and pieced this together based on what I could find in the forums.

    There are a few problems that I have noticed so far.
    Line #1 <!doctype html5> is not recognised, hence the page will revert back to HTML 4.01 Transitoinal. It should read <!doctype html>
    Line #51 (links to) style rules should be placed in the <head> element, not in the <body> element
    Lines #124, #159 and #188 all link to the same JS file. Delete two of them.
    Lines #126, #161 and #207 contain a constructor for the same widget. The former two should be deleted.
    Lines #190 and #208 contain a constructor for the same widget. The former should be deleted
    Although JS can be placed anywhere in a document, I tend to place all JS at the bottom, just above the ending body tag (</body>) unless the JS is required for rendering purposes in which case it should be placed where it is required. This way, you can keep check of what you have linked to and which constructors you have created thus eliminating the problems mentioned above.
    Also you might like to have a look at a collapsible panel group http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html. This will simplify the code somewhat.
    Gramps

  • Accordion - default panel not working

    Hi, I'm using this script so the second panel is open by default, but it's not working (all the panels appear close by default)
    <script type="text/javascript">
    <!--
    var Accordion1 = new Spry.Widget.Accordion("Accordion1", { useFixedPanelHeights: false, defaultPanel: 1 });
    //-->
    </script>
    I can't figure out what's wrong.
    Here's the live page: http://www.apokrisis.com/client-projects/npfmc2010/public-meetings/committees-related-meet ings.html
    Thanks for your help!
    MWhitt

    Your code is this
    <script type="text/javascript">
    <!--
    var TabbedPanels1 = new
    Spry.Widget.TabbedPanels("TabbedPanels1");
    var Accordion1 = new Spry.Widget.Accordion("Accordion1", {
    useFixedPanelHeights: false, defaultPanel: -1 });
    var Accordion2 = new Spry.Widget.Accordion("Accordion2", {
    useFixedPanelHeights: false, defaultPanel: -1 });
    var Accordion3 = new Spry.Widget.Accordion("Accordion3", {
    useFixedPanelHeights: false, defaultPanel: -1 }, {
    useFixedPanelHeights: false, defaultPanel: -1 });
    var Accordion4 = new Spry.Widget.Accordion("Accordion4");
    var Accordion5 = new Spry.Widget.Accordion("Accordion5", {
    useFixedPanelHeights: false, defaultPanel: -1 });
    //-->
    </script>
    but should be this
    <script type="text/javascript">
    <!--
    var TabbedPanels1 = new
    Spry.Widget.TabbedPanels("TabbedPanels1");
    var Accordion1 = new Spry.Widget.Accordion("Accordion1", {
    useFixedPanelHeights: false, defaultPanel: -1 });
    var Accordion2 = new Spry.Widget.Accordion("Accordion2", {
    useFixedPanelHeights: false, defaultPanel: -1 });
    var Accordion3 = new Spry.Widget.Accordion("Accordion3", {
    useFixedPanelHeights: false, defaultPanel: -1 });
    var Accordion4 = new Spry.Widget.Accordion("Accordion4", {
    useFixedPanelHeights: false, defaultPanel: -1 });
    var Accordion5 = new Spry.Widget.Accordion("Accordion5", {
    useFixedPanelHeights: false, defaultPanel: -1 });
    //-->
    </script>
    Accordion3 and Accordion4 lines mixed up
    Carl

  • Toggle Accordion panel not working

    I have a single panel that I am starting closed and when you
    click on it, it opens. I would like to be able to click on it again
    and have it close. I've looked at the messages here and tried the
    solution but it is not working for me. In the code, I have:
    <script type="text/javascript">
    <!--
    var Accordion2 = new Spry.Widget.Accordion("Accordion2", {
    useFixedPanelHeights: false, defaultPanel: -1 });
    //-->
    </script>
    at the bottom of the page. I really don't understand why it
    is not working.
    Thanks.

    A single panel accordion?
    I suggest you try a Collapsible Panel Widget, which will do
    exactly what you are looking to do.
    http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/collapsible_panel_sample. htm
    And if I misread this and you have multiple panels and want
    the same functionality, the Collapsible Panel Group was designed
    for that.
    http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html
    Hope this helps.
    Don

  • Dreamweaver CS4 collapsible panels not working

    I've used collapsible panels on pages many times before with no problem. But for some reason, on the page below, they're not "working" - no opening or closing. They just appear in an open state at all times.
    In Dreamweaver, I have the Display setting to Open, the Default state to Closed, and I have enabled animation.
    I know this must be something very obvious.If anyone could take a look and see if you see what I'm missing, I'd sure appreciate it. I searched the Spry forum and came up empty.
    Here's the page:
    http://nasr.hostasaurus.com/faq.htm

    Place the constructors above swfobject as follows
    <script type="text/javascript">
    <!--
    var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {contentIsOpen:false});
    var CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2");
    swfobject.registerObject("FlashID");
    //-->
    </script>

  • Remote Panel not working in Windows 7 Starter

    Hi all,
    We have an application that can be controlled via remote panel. This is working fine in Windows XP PC. But when I try to access the same by opening Internet Explorer in a PC running Windows 7 Starter OS, I only get the 'Downloading 0.00% of 0 bytes'. I have disabled the Windows Firewall and there is no antivirus software also. What could be the reason for this? How could I solve this?
    Thanks in advance,
    Priyadarsini
    Solved!
    Go to Solution.

    The system which had the problem was a netbook that came with Windows 7 Starter. We found out recently that there was some parental controls utility in the netbook that prevented the LabVIEW Remote Panel access. We were not aware of its presence & it had not shown any indication that it had blocked Remote Panel communication. We uninstalled this utility & the Remote Panel started working as intended. Thanks again for your help.

  • Color Laserjet pro MFP M176n control panel not working

    the control panel in the Color Laserjet pro MFP M176n is not working, is all blank, i can´t see anithhing in it. Is there a reset button or should i take it to the store where i buy it for a checkup?
    thank you

    Hello @ Averus89, 
    Welcome to the HP forum.&nbsp;
    I understand you have done quite a lot to resolve your M176n and its connection to the ePrint service.&nbsp;
    I would like to help you with this issue.&nbsp;
    If the printer is not printing the web services info sheet, or allowing you to add it to HP Connected, I
    would set a manual DNS.&nbsp;
    I wont go into great detail about setting this up. From your post, I feel you know your way around the printer and your network. If I am mistaken, let me know. I will go into detail.&nbsp;
    The DNS to try is:
    Primary: 209.244.0.3
    Secondary: 209.244.0.4
    Set the DNS then try printing the web services info page again. 
    Let me know if this helps. 
    Aardvark1
    I work on behalf of HP
    Please click “Accept as Solution ” if you feel my post solved your issue, it will help others find the solution.
    Click the “Kudos Thumbs Up" on the right to say “Thanks” for helping!

  • Effects Panel not working correctly

    I have Windows 7 64 bit, Home Premium and using PSE9.  When I open PSE in Full Edit and go to  the Effects Panel, the Filters work just fine, but the Layer Styles will not open (or show anything) and the Photo Effects will not open ( or show anything).  I did rename the MediaDatabase.db3 file as MediaDatabase.old, following instructions given in a PSE9 class I am taking....but have done nothing else with that file, and then is now a new MediaDatabase.db3 file under the "old" listing....so two files there.
    I have no idea what to do to correct this....and I did close everything and close PSE and also my PC...let them rest a while, and then restarted the PC and reopened PSE9, and still the Layer Styles and Photo effects did not work.  I hope someone can understand my problem and help....in simple "baby steps".  Thanks

    Should I delete the file named mediaDatabase.old?  I am a senior
    "dummie"  and just want to be sure what you are telling me.
    I did delete the editor's pref files....I understand that one.
    Thanks for your help.

Maybe you are looking for

  • Faking Drag&Drop operation to external application

    Hello, a rather complicated issue. in my program i have a JTable, and i can drag&drop from this jtable to external programs like windows explorer by clicking the mouse and moving it from the table to the external program. how can i reproduce this exa

  • Windows 7 soundcard Driver?

    hi, i have just put win 7 on my media live, and i only get hdmi audio.  i cant get 5.1 sound from the coax digital output only 2 channel sound? i contacted microsoft and they said i dont have the correct sound driver installed, the one i downloaded w

  • Force ashift=12 when creating a pool / adding vdev

    I have a few WD 4TB Black (WD4001FAEX) which use 4K sector size, however solaris 11.1 detect them as 512B (ashift=9). Under OpenIndiana/OmniOS i can force them to be seen as 4K sector, however I don't find a way to do this in Solaris 11.1. http://wik

  • An I18N bug from java sound should be fixed.

    When you try to list some audio related names (such as mix name, port name, control name) by using java sound api, and if the names are writtened by non-ascii character such as Chinese, you will get the strange characters, that means java sound api d

  • Why I do not go to outgoing calls?

    I do not go to outgoing calls. I dialed the number, and he just has to call back. I can not even get through to the background. What to do? Money in the account is, the network signal is good.