Spry, Shadowbox, and IE...damnit.

Let me first off say that I am new to XML, SPRY, and
Javascript. With that said, I've stumbled my way through. But now I
am stumped. I am having a problem with Shadowbox and Spry working
nicely together.
Here is the page in question:
www.discgotech.com/DGTweb/disc-go-tech_news_and_events.html
I've got the shadowbox working when you click on the news
events on Firefox, Safari, Camino, and Opera, but not in IE7 or 6.
Can someone tell me if there is something that I am missing in my
code? Any help you can offer will be greatly appreciated.
Pete

I think one of the problems may be that you are using a
spry:detailregion instead of a plain old spry:region ... I'm not
exactly sure why you are using a detail region, but if you are
really only trying to get a specific row to be selected, then look
at the products demo to see how it is done within a region:
http://labs.adobe.com/technologies/spry/demos/products/index.html
Just an fyi, detail regions re-generate their markup anytime
the current row changes ... this means that the content in those
regions get blown away each time you click on one of your rows ...
which may be throwing shadowbox off. Switching to the spry:region
will prevent it from being blown away as you click on things.
--== Kin ==--

Similar Messages

  • How to update Spry-table and present the updated table in a div element?

    Hello!
    I am using a very interesting AJAX-framework called Spry when designing a web page. Here the web page is: Link.
    I need some help.
    Every time a new project or shift is added, the changes are written to an xml-file. When the page is reloaded, Spry reads data from xml-files.
    This is caused by this code:
    dsProjects = new Spry.Data.XMLDataSet("timetable/projects.xml", "projects/project");
    dsShifts = new Spry.Data.XMLDataSet("timetable/{dsProjects::url}", "project/shift"); //look inside projects.xml and //extrac xml-file. url
    dsName = new Spry.Data.XMLDataSet("timetable/{dsProjects::url}", "project");
    I call this function that I have written: loadProjectsIntoDivElement ().
    This function does the following: [See attached code.]
    It iterates through the Spry-datastructure and puts the data in a table inside of the div-element called 'projectsList'.
    Now, when I add a new project, I want it to be inserted into the Spry-datastructure and then cause the new data to be written into the div element called 'Specials_DIV'.
    I have found out how to update a Spry-datastructure (e.g. dsProjects above), but I don't know how to update the table containing the data without refreshing the page. This should be done using Spry.
    Some code:
    1:
    2:
    3:
    function loadProjectsIntoDivElement () {
    $('#projectsList').html('');
    $('#projectsList').append('<table id="Specials_Table"><tr><th spry:sort="id">ID</th><th spry:sort="NAME">Name </th><th spry:sort="hoursestimated">Nr. of hours estimated</th><th spry:sort="hoursworked">Nr. of hours worked</th><th spry:sort="costperhour">Cost per hour.</th></tr>{function::init_hours}<tr spry:repeat="dsProjects" onclick="chooseProject({ds_RowID})"><td>{id}</td><td>{NAME}</td><td>{hoursestimated}</td><td>{hoursworked}</td><td>{costperhour}</td></tr></table><br/>{function::get_hours}<br/>');
    I have tried to accomplish this in various ways but I don't succeed.
    I want to do it without refreshing the page.
    Update: I found some code here that I will try: Link
    Thanks in advance!
    Anders Branderud
    My blog

    Hello!
    Thanks!
    I don't succeed with the implementation in any browser.
    I have found a way to it, but I would like a way that updates the data quicker and without reloading all of the page. After all, I am only adding one row on the end of the data structure, so there should be no need to read in all data again.
    Now I do it like this:
    When a project is added, do this:
    1. Store a new row in the project file through a php script.
    2. When the post-call to the php-file returns, do refresh of the whole page.
    Then the newest version of the xml file will be read in.
    However, I don't want to read the data from a xml file each time that a new project is created.
    I know how to add the new data to a Spry-datastructure [in my code 'dsProjects'], but I don't know how to display the updated data without reloading the whole page.
    I have tried some various ways to do it, but haven't succeded.
    Thanks!
    Anders Branderud

  • Spry accordion and #wrapper issue

    Hi
    I am in the process of trying to put together a portfolio site as part of a CIW course. If you look at the current site www.jmacphot.com you will see on the equipment page I have tried to add a spry accordion and then a spry tabbed menu inside the accordion. However you will see that when I insert a large amount of information into the content area it pushes the tab over the footer and does keep the footer at the very bottom of the page... I am stumped as I have not set any specific height on my CSS to keep moving.
    Can someone please advise where I might be going wrong here. Sorry if this question has been asked repeatedly but I am very new to web design.
    Your help with this is greatly appreciated!
    Regards
    John

    Thanks ben, I initially thought if I left the height of my wrapper blank and also the height of the spry content blank they would expand as more information was entered? Is there possibly and issue with CSS hierarchy?
    Thanks again for your help!!
    John

  • Spry Accordions and Contribute

    I'm curious of something.. been trying to search for anyone
    who has a similar problem and can't seem to find an answer..
    I've recently built a site using the DW CS3 Spry Accordion,
    and the client is updating the file with Contribute CS3. They can
    get in and edit the files just fine (contribute expands the
    accordions so the content is editable), but when they 'publish' the
    file the accordion stays expanded. The data in the accordions are
    quite lengthy, so it's pretty necessary they collapse again.
    Anyone else see this with the Spry stuff? I've had clients
    update the Spry Tabbed menus with the same version of Contribute,
    and everything works just fine. This one is a mystery!
    I have version 1.6.1 of Spry. The editing file in question is
    standard CSS/XHTML.
    Any advice/help would be great! Thank you!
    -s

    Think I found the bug.. It's actually a combo of the footer
    script between the Accordion and Google's Analytics script:
    Link
    to Article

  • Spry Regions and Mouseover Effects

    I want to use a mouseover effect on a spry master region
    element that calls the spry details region data of the master
    region element. Any tips or pointers?
    I have tried searching the web for how to-s and even tried
    the Adobe Spry sites and samples...did not locate any specifics on
    how to change the click event of the master region element to a
    mouseover event.
    Any links, tips or detailed instructions is appreciated at
    this point; have been searching about 4 hours now.
    Thanks,
    nitefisher

    You can apply focus to form elements and anchors/links. In this case I am attempting to set the focus to the <a href> tag.. but only the first in the repeating region.
    <HTML>
    <BODY>
    <a id="foo1" href="#"> This</a>
    <a id="foo2" href="#"> That</a>
    <script type="text/javascript">
      // selects 'that'
      document.getElementById("foo2").focus();
    </script>
    </BODY>
    </HTML>

  • Spry:Content and Dynamic Spry Data

    Is there a way to get the spry:content attribute to work well
    with dynamic data generated from PHP/MySQL? I have read the
    progressive enhancement article and I am totally lost on it.
    The provided examples in the documentation deal with static
    data but there are so example of using spry:content and dynamic
    data.
    Can anyone help?
    Thanks

    Hi Arnout
    These are the urls:
    http://www.grafikkaos.co.uk/pages/front/test_home.php
    - this one displays the spry:content properly, but in the source,
    it does not show the 5 articles.
    http://www.grafikkaos.co.uk/pages/front/test_home_2.php
    - I applied a PHP repeat region here. In the source, it shows 5
    articles being shown but on page view, each title and date is
    repeated 5 times.
    Any ideas?
    Thanks

  • Spry Accordian and 2 data Sets

    I have created a nested accordian with 2 data sets feeding a
    detail region. It works on my machine, but after I uploaded
    everything, including the spry js and css files, it still just
    shows the {data} markers on the live version. Does anyone know
    where the error is? I've tried reuploading it all but it still is
    the same.
    Here is the link:
    http://clubs.wharton.upenn.edu/winterwk/Subs/students09W.html
    Thanks!

    you are missing
    SpryData.js, SpryShell.js, xpath.js in your includes
    folder.

  • SPRY accordion and tabs not displaying in IE6

    Hi everyone:
    Even after clearing up some validation errors in my HTML, I
    am experiencing issues with a SPRY accordion and another page with
    a Tabbed SPRY widget not appearing in IE6. The pages all work fine
    in IE7, Firefox and Safari. I would greatly appreciate anyone
    taking a look (link below) and letting me know if you see any
    errors or know of a bug I have not found the fix for. My CSS
    validates 100% so I don't think I have made any style sheet errors.
    Thanks very much.
    www.ducksroofing.com
    K.

    Hi all:
    After some more tinkering, I have discovered the real issue
    is that my containing element is not containing the entire page and
    therefore cutting off my SPRY elements on the pages which have
    them. This is causing the SPRY widgets to fall apart and, of
    course, for the page to only scroll partially down.
    Does anyone have a suggestion as to why the SPRY tabbed
    element and accordion element on my pages is not nesting within
    document flow and remaining with the containing div? I appreciate
    your help.
    Once again, url is: www.ducksroofing.com
    K.

  • Spry Tables and Xml Data Sets viewed in IE7

    Has anyone ever run into a problem with Spry Tables and Xml
    Data Sets viewed in IE7? Work fine in IE6 and Firefox, but get the
    error "exception caught while loading feed.xml: [object Error]" in
    IE 7. Any ideas?
    Attached is the xml I'm using.
    Thanks

    I came looking for the answer to this question. I could not
    find an answer. Eventually I found it the answer that worked for
    me, a graphic designer with not much experience in xml.
    The following url provided an errata file in PDF format:
    www.peachpit.com/dwcs3cib
    which includes the following addendum to the incomplete
    instructions in the book i was using to learn about spry:
    "If Internet Explorer 7 is your primary browser, you'll nee
    to take some extra steps to view spry dynamic content locally.
    First, your site must be within the local server webroot; be sure
    your Lessons folder is stored within the Inetpub>wwwroot folder.
    Next, double-click the site name in the files panel to open the
    Site Definition dialogue. Click the Testing Server category; from
    the Access List choose Local/Network. Click Okay to close the Site
    Definition dialogue. Now, when you preview your page with Internet
    Explorer, your local Web server (localhost) serves the page as
    designed."
    Horray for me! Now i can move on from here and actually get
    some work done!

  • Spry menu and Explorer

    I'm a beginner with DW and CSS. In Dreamweaver cs3 if I make
    a new page and put the spry vertical menu on it, then preview in IE
    (5.2 for the Mac), it doesn't work. It does work in every other
    browser. What do I have to do in order to get this to work in
    Explorer?
    I've made a 35 page site with a spry menu and I do hope there
    is a way to fix this.
    thanks!
    Ed A

    1: Don't use Spry. It has been discontinued by Adobe.
    2: There are tools out there that will excellently do what you are looking to do as a Dreamweaver Plugin. This includes having text over a repeating image background, like the one you have there.
    3: There is a pure CSS method that will allow you to learn how to build exactly what you want.
    One from Line 25.
    One from CSSWizardry.
    One that includes a generator.
    One that includes gradients.
    A really good tutorial from Rob Glazebrook.
    One that uses just 12 lines of JavaScript.
    So, don't use Spry. Use the ones above. If you don't want to have to learn anything, simply download the one from Project Seven, install the plugin, craft the menu and, Bob's your uncle. Easy to maintain and add onto as well. Worth the money spent.
    The rest of the ones do require some knowledge of HTML and CSS and, if you are going to continue to develop for the web, I recommend you learn those things.

  • Spry Panels and FireFox issue

    I can't get my spry panels to position correctly in Firefox but are fine in the other browsers. Can someone please advise??
    Thanks!
    Janie
    http://0000uhy.previewcoxhosting.com/Pages/ourservices.html

    Hello,
    In the sprymenubarvertical.css file, try changing position:
    static; to
    position: relative;
    in the ul.MenuBarVertical li style.
    Also, you should get rid of the link to test.css as it's an
    html page in a
    css file.
    Take care,
    Tim
    "Striker" <[email protected]> wrote in message
    news:fqkk1e$sak$[email protected]..
    > Sorry Spry menus, and they show up in the top right in
    FF
    > .
    > "Striker" <[email protected]> wrote in message
    > news:fqkcfj$ki6$[email protected]..
    >> www.scottmertens.com
    >>
    >> Any of the submenus on this site work fine in IE7,
    but in Firefox the
    >> submenu is positioned in to top left corner
    partially off the screen and
    >> not readable or clickable. Any ideas what is wrong?
    >

  • Help with Spry Menubar and slideshow widget in IE

    I have a spry slideshow and menubar created in dreamweaver CS4.  Both work in Firefox, Safari, Chrome, etc. but not IE.
    Here's the link:
    http://www.salmonrunvacations.com/test/
    Check in firefox first, then IE.
    For the menu, what I've done is created a CSS div to insert the menubar into.  This way I can use a background image to frame the menubar. I then tweaked the CSS to shift the menu into the correct position so it lines up with the background image.  This information is not transferring for some reason, as the menubar sits at the top left of that div, ignoring placement info.
    Different versions of IE create different errors as well.  Note that the "galleries" menu should have a flyout submenu.  This doesn't work either, though I could remedy this by making "galleries" a page that links to the two submenues, but I'd kind of just like to get it fixed.
    As for the slideshow, I used a widget fromt the adobe exchange using Adobe Air.  It exported the code as its own html page and CSS, JS, etc, but I just inserted the HTML into a div in the index page.  Again, it works great in FF, not in IE.  I should also note that when I load the page in Dreamweaver CS4, I get a bunch of error menus saying this widget no longer exists.  Dreamweaver does not accurately display the slideshow either.
    Help on either of these issues would be most welcome.
    Thanks and God bless,
    Mike.

    I'm sorry to say it still doesn't work.  I hate to bother you and take your time, but at lease in IE 7 and 8, the slideshow still doesn't function.
    For anyone interested, the code at the bottom was generated by Yahoo web hosting servers, and is for tracking site statistics.  If you have a similar problem and want to get rid of that code as a possible solution, you have to go into the yahoo web hosting control panel, click "detailed statistics," then "options," and disable the site statistics tracking option.
    I could just try to go with another java slideshow, but I really like this one.
    Any other ideas on how to make it work?  Also, the flyout menus under "galleries" display behind the slideshow (or at least the box that shows it not working).  I suppose that may be fixed when the slideshow is fixed.  We'll see. Please let me know if you have any other suggestions to make it work.
    Thanks,
    Mike.

  • Split Spry.Data and Spry.Data.Region from SpryData.js?

    I don't like Spry.Data.Region or anything like Spry.*.Region because it make hard to customize using javascript.
    But Spry.Data with Observer / Notify feature is great one. In fact, using SpryData.js, I can write my own "render html object" easier.
    SrpyData.js is big (127KB) even when compressed, it is still 65KB. That why, needed split Spry.Data and Spry.Data.Region from SpryData.js so who want to use Spry.Data only like me will get smaller trafic.
    I've tried remove all Spry.Data.Region content in SpryData.js. Surprise, some in Spry.Data call to Spry.Data.Region >>> Design have problem.
    Anyone can help splitting them?

    Found this in the archives:
    <div spry:if="{ds_RowCount} == 0" class="trigger" style="display:none"></div>
    Basically a hack to point the tooltip to a hidden div so no errors are thrown.

  • Header, Spry Menu and Body not properly aligned

    Please take a look at my page http://www.seanmccuedesign.com/shemwebsitenew/index.html and tell me why the Header, Horizontal Spry Menu and Body are wonky and not aligned properly.
    Thanks very much,
    Sean

    The header is a bit to the left, the spry menu hangs too far to the right, and the body is too far to the right as well. I simply need them all centered...

  • Help Needed re:Spry Tooltip and render issue with XP

    I have an issue with spry tooltip and XP not sure why ?
    Here it is I am designing/building a website for a restaurant, I am making use of the spry tooltip on the menu page as a rollover for a larger menu image to appear, which it does. Everything is cool in Vista etc. but if you are using XP for some reason the rollover effect only works once and then no more until the page is refreshed which is really annoying and certainly not the effect i am looking for. I know this is occuring because of this line of code :-
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> which I need to keep in.
    Does ANYONE know a quick fix ? or ran into this problem before ?
    I am sure the attached .JS file is the key to fix.
    Thanks in advance
    Andy....!

    This is one of those situations you may need to see to believe,
    whats happening is only on an XP IE8 browser which the ******** client is looking at (what are the odds)?
    On newer systems and other browsers NO problem:-
    You bring up the menu page and mouse over spry triggers and it works PERFECTLY, but only ONCE when you try again the cursor flickers as the trigger is engaged and nothing is revealed? I am sure the spry is working but somehow it is being hidden from rendering correctly as if trapped behind another image or on a delay, and then when you mouse off maybe 500ms later the image flickers into view and dissappears almost instantly. (an obvious error of some sort)
    This only occurs when I place this source code in the head tags:-
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
    Without code works fine, but I need to include this code for it to look as it should cross browser.
    Ask me anything I will help as much as I can but right now I am at a loss !
    Thanks in advance
    Andy....!

Maybe you are looking for