Link to home
Start Free TrialLog in
Avatar of Eddie Shipman
Eddie ShipmanFlag for United States of America

asked on

Handling dynamic elements

I'm having problems with a couple of things.
1. z-index isn't working correctly.
      if you follow the instructions on my fiddle and then click the "Click for CE" button,
      the CE DIV should show on top of everything. Currently it is not showing correctly.
2. I am not sure how to prevent multiple CE DIVs showing for each participant.

Can anyone help out?

Fiddle:
http://jsfiddle.net/Mrbaseball34/qPHbb/
Avatar of Gary
Gary
Flag of Ireland image

That fiddle doesn't seem to do anything.
Avatar of Eddie Shipman

ASKER

Sure it does if you follow the directions on it.
Doesn't work in IE but does in FF
For the positioning..
On top of everything - do you mean even over XUAO - November 7, 2012 in Kalamazoo and over the Click for CE and Remove Me?
For part 2 do you mean if you click Click for CE for another person any exisiting overlays should be removed?
1: needs to be relative, open at bottom of LI containing Click for CE button.
2. Yes, it should not allow any CE DIVs to show if one is currently open in the LI for the course.
ASKER CERTIFIED SOLUTION
Avatar of Gary
Gary
Flag of Ireland image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
For #2, I think it better to do this than removing them:

    // handle CE Div show
    $("#courses").delegate('.participant_ce_check', 'click', function(event) {
        item_id   = $(this).parent().attr('id');        
        event.preventDefault();
        if(!$("#participant_ce_div_"+item_id).is(":visible")) {
            $div = $('<div>',  {'class': 'participant_ce_div', id: 'participant_ce_div_'+item_id, html: $("#oblCE").html()});
            $(this).parent().append($div)
                            .show();
        }
    });

Open in new window

Thanks for the help, you got me started down the right road. Now to jus tbe able to save the info correctly.. ;-)