Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie
Hi there,
There is an issue with role permissions that is being worked on at the moment.
If you are having trouble with access or permissions on regional forums please post here to get access: https://www.boards.ie/discussion/2058365403/you-do-not-have-permission-for-that#latest

Collapsible rows

  • 05-04-2011 7:03am
    #1
    civis_liberalis
    Registered Users, Registered Users 2 Posts: 3,772 ✭✭✭


    Hi,

    I have extremely limited experience of html, css etc.

    I wondered if it would be possible to create something like this and maintain it without any great knowledge myself.

    What I would like to do is create a row that expands and collapses on a mouse click, revealing another row(s), like below.


    14y8y6f.png

    I don't want or need the info to be fetched from a database or anything like that. I don't have one and wouldn't know what to do with it if I did anyway. I'd be entering the info manually, but I'm ok with that.

    I use Joomla to maintain the site, but I wouldn't be very useful at the back end.

    If I'm barking up the wrong tree here and haven't a hope of doing what I'm hoping for, I'd be happy just to be told that.

    Thanks.


Comments

  • #2
    fasty
    Registered Users, Registered Users 2 Posts: 981 ✭✭✭fasty


    If you're getting all the results on page ahead of time, Javascript to handle a click on an image that looks like a +/- button and and show/hide the details by having a visible and invisible css class that you set the cells of the table to.

    It wouldn't be too hard to do. Do you know much html/css?


  • #3
    civis_liberalis
    Registered Users, Registered Users 2 Posts: 3,772 ✭✭✭civis_liberalis


    fasty wrote: »
    It wouldn't be too hard to do. Do you know much html/css?
    If I was pointed in the right direction I might manage it.

    I have very little experience of it to be honest. I asked because of how simple the thing I want to do might be.

    Assuming the method used isn't very complicated and doesn't require very much knowledge of html and css in general...


  • #4
    stevenmu
    Moderators, Society & Culture Moderators Posts: 9,689 Mod ✭✭✭✭stevenmu


    Sounds very much like you want some Jquery UI. It's very easy to use, you can either reference the Jquery .js files directly from somewhere like the Microsoft or Google CDN, or you can download them and host them directly on your site.

    Jquery has functions to show, hide, toggle etc, it also has a cool accordian function built in as well. Everything you need in just a few lines of code. (and if you want to include the Jqeury UI themes as well they look great too with very little extra CSS effort)


Advertisement