Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Dec 2010
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Script.aculo.us: How to slide up a table row?

    Having problems sliding a table row using scriptaculous. Using the code new Effect.SlideUp('test1');, the table row gets hidden but without the animation effects.

    While trying to research this, I saw a post in stackoverflow and someone said it's really hard to create animated effect for table rows. There's a solution there but it's for jQuery.

    Another solution is probably to use <div id="test1"> inside the <tr> instead but that creates XHTML error.

    Code for table table row:
    Code:
    <tr id="test1"><td>Hello World!</td></tr>

  • #2
    New to the CF scene
    Join Date
    Dec 2010
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Seeing no one was able to answer this, I assume it's impossible to do. Any alternative solution?

  • #3
    Regular Coder
    Join Date
    Nov 2007
    Location
    Leeds, UK
    Posts
    514
    Thanks
    24
    Thanked 19 Times in 19 Posts
    Erm, Tables and Javascript are not the easy way to do it,
    IE makes it 10 times harder to play with tables than any other browser aswell,

    I find it easyer to use DIVs and replicate a Table with CSS
    E.G
    PHP Code:
    <style>
    .
    table{
       
    width:400px;
    }
    .
    tr{
        
    clear:both;
    }
    .
    td{
        
    float:left;
        
    width:100px;
    }
    /* override example */
    .w200{
      
    width:200px;
    }
    </
    style>
    <
    div class="table">
      <
    div class="tr">
        <
    div class="td">Hello</div>
        <
    div class="td">World</div>
        <
    div class="td">From</div>
        <
    div class="td">Table</div>
      </
    div>
      <
    div class="tr">
        <
    div class="td w200">Hello</div>
        <
    div class="td">From</div>
        <
    div class="td">Table</div>
      </
    div>
    </
    div
    Then you can attach an ID to a row(tr) or cell(td) and javascript can play with it easier
    All so gives you much more flexibly with styling
    Working towards a Internet where we don't have website just browser applications Kill the Hyper-link and say hello to 3D Games in the browser :)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •