Slide Effect within a Table

I'm trying to add a simple Spry slide effect to some text on
one of my web sites, however the text dissapears in IE7. I've
managed to cut it down to the most basic code where the problem
occurs and it turns out to be a table cell. I took the slide
example and cut it down until it doesn't work. I'm referencing the
css and js that comes with the spry 1.6 prerelease build. This code
works fine in Firefox. If you remove the table tags, it also works
in IE7. However, with the table tags present, the text doesn't show
up at all in IE7 (although the background color does slide up and
down). I'd like to be able to keep the table tags in my actual site
because it helps to keep the shape of the page. I can't believe
know one else has run into this issue, but I haven't found anything
online. If you have any tips, please let me know. Otherwise,
consider this a bug report.
Here's the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional-dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>Spry Slide Effects Sample</title>
<link href="../../css/samples.css" rel="stylesheet"
type="text/css" />
<script src="../../includes/SpryEffects.js"
type="text/javascript"></script>
<style type="text/css">
.animationContainer{
height: 220px;
.demoDiv{
background-color: #CCC;
height: 200px;
overflow: hidden;
.hideInitially{
visibility: hidden;
</style>
</head>
<body>
<table><tr><td>
<form method="get" action="grow_sample.html">
<input type="button" onclick="slide_hidden.start();"
value="Slide Example" />
</form>
<div class="animationContainer">
<div class="demoDiv hideInitially" id="example5">
<p><strong>Example - Slide from 0% to 100% in 2
seconds</strong>
<br />
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam erat, sed diam voluptua. At vero eos et accusam et
justo duo dolores et ea rebum. Stet clita kasd gubergren, no
sea takimata sanctus est Lorem ipsum dolor sit
amet.</p></div>
</div>
<script type="text/javascript">
var slide_hidden = new Spry.Effect.Slide('example5',
{duration: 500, from: '0%', to: '100%', toggle:true});
</script>
</td></tr></table>
</body>
</html>

I am also having this problem. I've written a custom JSF
component that could technically be used in all sorts of situations
within an HTML page. During the initial component development, the
case of adding the component within a table on IE was never tested.
Only later when some other developer was reusing the component in
another project did the Slide effect within a table in IE issue
crop up. As it's a JSF component, there really isn't a very elegant
way to move the javascript to another location within the HTML page
and a previous poster pointed out. Help!

Similar Messages

  • Problem with Spry:Repeat and Slide Effect on IE6

    I run the website for my kids' hockey association and I'm not
    a web programmer. I am trying to display events in a Spry region
    using spry:repeat. The data is coming from a Google Calendar . I
    display the event date and title on the main page. I have the
    onclick set to call a javascript function that exposes the details
    using the spry slide effect. It works ok except in IE6.
    The following creates my dataset from a method call to a
    Coldfusion component that returns the XML I need:
    <script type="text/javascript">
    var ds1 = new Spry.Data.XMLDataSet("
    http://tornadoyouthhockey.org/Events.cfc?method=EventXML",
    "events/event",{distinctOnLoad:false});
    </script>
    The following function slides open the detail:
    <script type="text/javascript">
    function startBlind(rid) {
    var contentdiv = document.getElementById('panel'+ rid
    +'Content');
    var panel_height = contentdiv.clientHeight;
    if (panel_height<100){
    var bd = new Spry.Effect.Blind('panel'+ rid +'Content',
    {duration: 800, to: '100px', toggle: true});
    else {
    var bd = new Spry.Effect.Blind('panel'+ rid +'Content',
    {duration: 800, to: '0px', toggle: true});
    bd.start();
    </script>
    Within the repeat I have:
    <div class="EventPanelLabel"
    onclick="startBlind({ds_RowID});">{startDate} &mdash;
    {title}</div>
    I think the XML looks OK but for some reason when the page
    loads, IE6 returns:
    Exception caught while loading
    http://tornadoyouthhockey.org/Events.cfc?method=EventXML:
    [object Error]
    The page seems to work fine in Safari and Firefox on the Mac
    and IE7 as well as Firefox on Windows. Just IE6 seems to be having
    the problem. Could you please take a look at
    http://tornadoyouthhockey.org
    and provide any suggestions you may have?
    Also, is there a way to hide the {startDate} - {title} I'm
    seeing while the page loads?
    Thanks,
    Kevin

    Kin:
    Thanks for your reply. I made the changes you suggested but,
    unfortunately, IE6 is still giving me the same error when the page
    loads:
    Exception caught while loading
    http://tornadoyouthhockey.org/Events.cfc?method=EventXML:
    [object Error]
    Could this be part of the problem an need to be changed as
    well? :
    <div id="panel{ds_RowID}Content"
    Any other ideas? The page is live if you'd care to look...
    http://tornadoyouthhockey.org
    Kevin

  • Fade Effect Issue with table structure

    I have an existing HTML page with a table framework that uses
    CSS divs in some of the table rows. My SPRY data is currently
    wrapped in DIV tags within the table. I've discovered that the
    table is screwing up the fade effect in IE7. Is there any way I can
    get around this without removing the table and recoding the whole
    page in CSS? FYI...I using version 1.4. I'm not sure if 1.5 will
    fix this issue.

    Essentially the fade in fade out effect isn't working at all
    in IE. It's setup as a slideshow and uses the fade effect as a
    transition between the spry data. The slideshow works fine just
    without the fade effect. Everything works perfectly in Firefox
    though. I know this code will work as we have used it before, the
    only thing different is that I have my DIV with the SPRY content
    wrapped within a table cell and row. I've read that the TR tag
    cannot be used, but it's not exactly using the TR as an ID. Once I
    comment out the table, tr, and td tags, the effect works no problem
    so I know it is the table. I can't give you the URL because it's on
    our local network.

  • How do I get decimal alignment for Pages on my iPad WITHIN a table?

    I'm working with Pages on my iPad and I understand how to double-tap the ruler to enable decimal alignment within text. But how does one decimal align within a column WITHIN a table cell?

    Did you purchase the app on your iPad, or through iTunes on your computer?  If you downloaded directly to your iPad, the icon likely loaded onto a different page.  On your home screen, swipe your finger to the left and keep doing that until you find the page the App went to.  Once you see it and you want to move it to hour home screen, hold your finger on the App until it jiggles.  Then while holding the App slide to the left edge of the page and it will move to the next page back and so on and so on......

  • Loop at Conditions within internal table

    I have not been ABAPing long so primarily have been using keyword help...
    I am trying to loop round an itab and only select and process unique keys from within the table!
    However the table I am using to obtain the records has multiple records with the same reference and I am only interested in each unique occurrence of the IBASE_COMPONENT_GUID field.
    So there could be four items for one Appliance and four for another one. So of the eight records, I would only need to loop round and select the unique GUIDS.
    So there would only be two unique appliances I need to extract the records for.
    Basically I am trying to do something like this:
        LOOP AT GT_ITEM_DATA INTO GS_ITEM_DATA WITH UNIQUE KEY IBASE_COMPONENT_GUID.
    Is there a way to select each unique occurrence?

    Basically, I use the COLLECT statement when I need to get the unique field (character only) field from the internal table.
    Create a table with only one field, GUID.
    LOOP through your main table, assign its GUID to new table's field GUID
    Use COLLECT new_table.
    Other option is,
    Sort the table by GUID
    Loop through it and use AT NEW GUID or AT END OF GUID
    Fill out the table with this GUID.
    Regards,
    Naimesh Patel

  • Slide effect - change dinamically from to

    Hi,
    i try to build a slide effect (v1.5) for change dinamically
    the options 'from' and 'to', the scope is obtain a graphic
    interface for domotics application (eg. open sliding-windows to
    25%)
    i used this sample code, but the value in the effect not
    change:
    <input type="button" onclick="slide.options.to='25%';"
    value="Set To 25%">
    <input type="button" onclick="slide.options.to='50%';"
    value="Set To 50%">
    <input type="button" onclick="slide.options.to='75%';"
    value="Set To 75%">
    <input type="button" onclick="slide.options.to='100%';"
    value="Set To 100%">
    <input type="button" onclick="alert(slide.options.to);"
    value="CHECK">
    <input type="button" onclick="slide.start();"
    value="START">
    <div id="slidingWindows">
    <div>
    <div>img src="images/window.jpg" alt="" border="0"
    /></div>
    </div>
    </div>
    <script type="text/javascript">
    var slide = new Spry.Effect.Slide('slidingWindows',
    {duration: 2000, from: '0%', to: '25%', toggle: false,
    scaleContent:true});
    </script>
    Thanks!

    Hello,
    The percent values are translated in pixel values when the
    effect is instantiated. The result is cached and later used in each
    of the animators. If you manually set a new value the effect will
    ignore those values.
    Your problem is a little bit more complicated. You'll have to
    create a more complex script that will instantiate on the fly a new
    effect for each button when that button is clicked. Because when
    you instantiate an effect another effect it is possible to have run
    the percent value will be considered from the current size and not
    from the old original size. In this situation we'll have to also
    compute manually before effect instantiation the pixel value
    against the maximum one:
    <input type="button" onclick="slideIt('25%');" value="Set
    To 25%">
    <input type="button" onclick="slideIt('50%');" value="Set
    To 50%">
    <input type="button" onclick="slideIt('75%');" value="Set
    To 75%">
    <input type="button" onclick="slideIt('100%');" value="Set
    To 100%">
    <input type="button" onclick="alert(slide.options.to);"
    value="CHECK">
    <input type="button" onclick="slide.start();"
    value="START">
    <div id="slidingWindows">
    <div>
    <div><img src="images/window.jpg" alt="" border="0"
    /></div>
    </div>
    </div>
    <script type="text/javascript">
    function slideIt(to){
    var percent = parseInt(to, 10);
    // 300 is a random chose value.
    var pixels = to * 300 / 100;
    slide = new Spry.Effect.Slide('slidingWindows', {duration:
    2000, from: '0px', to: pixels + 'px', toggle: false, scaleContent:
    true});
    // the default value is 25%
    slideIt('25%');
    </script>
    Regards,
    Cristian

  • Authorization issue within a table in BI

    Hello All,
    Here is my authorization issue :
    We have set up an authorization on infoobject Zapplication. End user is allowed to choose "HR" only.
    In Rsecadmin, infoObject Zapplication is restricted to "HR"
    Then, this authorization object has been assigned to end user.
    This user go to a specific table to select an application and a date.
    When user display the possible value he only see "HR". Which means our authorization is correct.
    However, this user can enter another value such as "SD". This value does exist in infoObject Zapplication. So, it means that there is an issue with our authorizations settings.
    We have added a control table, it's even worse in this case, authorization are not checked at all and all available values are displayed.
    Any idea to prevent the user to entered a value within this table ?
    Why our authorization does not check the value entered directly in the table ?
    Thanks &
    Regards
    Cath

    Hello
    For info we manged to restrict acces on this table by using event table from table maintenance and we have combined it with a specific authorisation object.
    Regs
    C.

  • I am missing "Warped Effects within my Space Designer.  Please help!!!

    I downloaded Logic Pro 9 off app store and it appears that I am missing "Warped Effects" within my space designer.  My friend is running exact same version of Logic Pro 9 and has this setting.  I do not understand why this setting is not present on my Logic.  I have downloaded all additional content besides the Jam Packs.  Please help me!!!  I really need the Warped Effects.  I do not understand how my download ended up without them.  Thanks.

    Have you double checked to make sure ALL the additional content was correctly downlaoded and installed by going back to Download Additional Ciontent and checking each of the items by clicking on each of the little Disclosure Triangles...and making sure they all say Installed?
    Alternatively you can simply click on the "Select All Uninstalled" button in the bottom left hand corner of the  "Downlaod Addtional Content' window and then click the Install button in the bottom right hand corner.. if it will allow you to.

  • How can I make the GRID lines more bold within a table in the new Pages?  (Not the outline of a table)

    I can't find where to darken GRID lines on a table in the new Pages.  I can make the outline more bold, but not the grid lines within the table.  Is there a way to do this?  The default grid lines are far too faint.

    Yeah, the Help is missing a little.
    If you select the block of cells that you want to change, then in the Format inspector:
    Select the Cell tab
    Expand the Border section
    Set a line type
    Set a line width
    Choose a line color
    Choose one of the nine options for which borders get the new settings

  • Error in Creating Advance table within Advanvce Table via view link

    Hii all,
    i hve created a Advance table within Advanvce Table as given in the developer guide using the Detail functionality of the advance table
    im facing the following error................
    ## Detail 0 ##
    java.lang.NullPointerException
         at oracle.apps.fnd.framework.webui.OAAdvancedTableHelper.updateInnerTableProperties(OAAdvancedTableHelper.java:1752)
    i hve done all the steps as suggested by gurus to implement this Master Detail functionality. Pl help me out if any one had implemented it
    thanks in advanve
    Pranav

    Hi Reetesh,
    thanks for the reply...
    I hve already created a transient attribute in Master VO attached to the outter advance table and had set this attribute in detail attribute property of outter
    advance table. But im facing the same error.
    I u hve implemented this pl let me know the correct steps
    thanks
    Pranav

  • How to effectively manage large table which is rapidly growing

    All,
    My environment is single node database with regular file system.
    Oracle - 10.2.0.4.0
    IBM - AIX
    A tablespace in this database is growing rapidly. Especially a single table in that tablespace having "Long Raw" column datatype has grown from 4 GBs to 900 GBs in 6 months.
    We had discussion with application team and they mentioned that due to acquisitions, data volume is increased and we are expecting it to grow up to 4 TBs in next 2 years.
    In order to effectively manage the table and to avoid performance issues, we are looking for different options as below.
    1) Table is having date column. With that thought of converting to partitioned table like "Range" partitioning. I never converted a table of 900 GBs to a partitioned table. Is it a best method?
         a) how can I move the data from regular table to partitioned table. I looked into google, but not able to find good method for converting to regular table to partitioned table. Can you help me out / share best practices?
    2) In one of the article, I read, BLOB is better than "Long RAW" datatype, how easy is to convert from "Long RAW" datatype. Will BLOB yield better performance and uses disk space effectively?
    3) Application team is having purging activity based on application logic. We thought of using shrinking of tables option with enable row movement- "alter table <table name> shrink space cascade". But it is returning the error that table contains "Long" datatype. Any suggestions.
    Any other methods / suggestions to handle this situation effectively..
    Note: By end of 2010, we have plans of moving to RAC with ASM.
    Thanks

    To answer your question 2:
    2) In one of the article, I read, BLOB is better than "Long RAW" datatype,
    how easy is to convert from "Long RAW" datatype. Will BLOB yield better
    performance and uses disk space effectively?Yes, LOBs, BLOBs, or CLOBs are (supposed) to be better than raws (or long raws). In addition, I believe Oracle has or will shortly be desupporting the use of long raws in favor of LOBs, CLOBs, or BLOBs (as appropriate).
    There is a function called "to_lob" that you have to use to convert. Its a pain because you have to create the second table and then insert into the second table from the first table using the 'to_lob' function.
    from my notes...
    =================================================
    Manually recreate the original table...
    Next, recreate (based on describe of the table), except using CLOB instead of LONG:
    SQL> create table SPACER_STATEMENTS
    2 (OWNER_NAME VARCHAR2(30) NOT NULL,
    3 FOLDER VARCHAR2(30) NOT NULL,
    4 SCRIPT_ID VARCHAR2(30) NOT NULL,
    5 STATEMENT_ID NUMBER(8) NOT NULL,
    6 STATEMENT_DESC VARCHAR2(25),
    7 STATEMENT_TYPE VARCHAR2(10),
    8 SCRIPT_STATEMENT CLOB,
    9 ERROR VARCHAR2(1000),
    10 NUMBER_OF_ROWS NUMBER,
    11 END_DATE DATE
    12 )
    13 TABLESPACE SYSTEM
    14 ;
    Table created.
    Try to insert the data using select from original table...
    SQL> insert into SPACER_STATEMENTS select * from SPACER_STATEMENTS_ORIG;
    insert into SPACER_STATEMENTS select * from SPACER_STATEMENTS_ORIG
    ERROR at line 1:
    ORA-00997: illegal use of LONG datatype
    That didn't work...
    Now, lets use TO_LOB
    SQL> insert into SPACER_STATEMENTS
    2 (OWNER_NAME, FOLDER, SCRIPT_ID, STATEMENT_ID, STATEMENT_DESC, STATEMENT_TYPE, SCRIPT_STATEMENT, ERROR, NUMBER_OF_ROWS, END_DATE)
    3 select OWNER_NAME, FOLDER, SCRIPT_ID, STATEMENT_ID, STATEMENT_DESC, STATEMENT_TYPE, TO_LOB(SCRIPT_STATEMENT), ERROR, NUMBER_OF_ROWS, END_DATE
    4 from SPACER_STATEMENTS_ORIG;
    10 rows created.
    works well...
    ===============================================================

  • Numbers ought to keep check box that allows carriage return within a cell universally within a table

    Apple really fell asleep at the switch when releasing its latest version of Numbers 2013 (3.2), because it ignored the universal learning styles of human beings who have used the software in earlier releases and seemed to change features with little consideration for the community as a whole.
    For example, why would you delete the feature that allows a user to turn-on or turn-off the "carriage return within a cell".  It seems smart of them to add the abilityt to simply press the Option key and hit return at the same time to allow a carriage return within a cell, but why would you DELETE the feature that allows returns within a cell universally within a table? 
    And then the Inspector got completely revised.
    Time saved in creating technologies gets eaten up in having to relearn technology every time a new release is created that doesn't build on the previous release very well.

    Adamo,
    You are complaining to fellow users.  It is best to post your feedback to Apple using the menu item
    "Numbers > Provide Numbers Feedback"

  • Style sheet changing when applied to text within a table

    Hi everyone,
    I'm using ID CS2.
    I've defined a paragraph style sheet with the regular weight of a certain typeface, however when I apply this style to text within a table, the typeface changes to the bold version of the font even though the regular version is specified in the style.
    Does anyone know if this is a known issue with styles being applied to tables or is it a sign of a corrupt file or something? Is there a fix?
    Thanks

    Is there a character style applied to the table or text in the table. I had many issues with this over-riding my paragraph style.

  • How do I create a table within another table?

    How do I create a table within another table?
    As shown in image below (document created with Words), I already have a table with 3 columns. How do I create another table with 6 columns to tabulate the data (the one below "3.1 Overall")?

    Last time I checked in Pages 5.5.2 that is not possible.
    Peter

  • How can i set tab within a table?

    how can i set tab within a table?

    With a live insertion point in a cell, type Alt/Opt+TAB, or, right-click and choose > Insert Special Character > Other > Tab, or, press Ctrl/Cmd+Shift+T to bring up the Tabs panel.

Maybe you are looking for

  • Reader Enabled PDF forms

    I have Reader Enabled PDF forms created in Acrobat 10. Is there away to NOT allow the user to save the PDF form with data UNLESS the user has completed the form in entirety. I want the user to be forced to provide all the information before they can

  • Re : Problem in arabic text printing in smartforms

    Hi,    In smartforms I am printing arabic text. Its coming correct up to the variable. But while printing Each and every word having space. How to avoid this space between thw arabic words while printing. Regards Anto

  • Multiple Error messages

    I have the new iTunes and it has gone completely haywire in the past few days. Previously it was not responding to my keyboard at all, not even typing in the search bar and now it will not connect to iTunes Store stating different error messages, the

  • Saving chart data and reload after restart of server?

    Hi I have a vi that communicate with another program called EES through DDE and sometimes EES mess up the server. My solution is to automatically restart the server once a day [this is good enough for me]. My question is: How do I get all my data in

  • HT3421 My Late 2006 MacBook won't launch it. I'm running Lion does that affect it?

    Yah so my laptop isn't charging. I tried to install the battery update but it says I need tiger or newer. I'm running Lion so obviousy that is newer but it wont launch. I have tried a hardware reset. The battery still has a little charge left. It was