/    Sign up×
Community /Pin to ProfileBookmark

Help with inserting/deleting items from a table

I have been racking my brain over this project for about a week and I am at a stand still as to how to move forward. I have a project that needs to allow users to be able to insert rows into a table and to be able to delete both rows and columns.

Below is a screen shot of the page I am working with. If the user click on the Del button, the entire workout needs to be deleted and all other workouts moved left. If the user clicks on the ‘D’ button, I need to delete only that exercises set, etc etc.

If anyone has any suggestions of examples that I can review to maybe give me some ideas that would be great. If seeing the javascript code used to actually create the table would be helpful I can post that also.

[URL=”http://www.vanhlebarsoftware.com/wp-content/uploads/2010/01/screenshot.jpg”]http://www.vanhlebarsoftware.com/wp-content/uploads/2010/01/screenshot.jpg[/URL]

Thanks,
-Eric

to post a comment
JavaScript

3 Comments(s)

Copy linkTweet thisAlerts:
@FangJan 05.2010 — Each workout needs to be in it's own table. 'Del' deletes the table, 'D' deletes the row.
Copy linkTweet thisAlerts:
@EABonneyauthorJan 07.2010 — Each workout needs to be in it's own table. 'Del' deletes the table, 'D' deletes the row.[/QUOTE]

That was perfect. I had thought of that at first but for some reason never went with it. So last question on the same topic. Before I had the layout fill in from left to right, 4 exercises to a a row. Once a row had 4 exercises in it, a new row was started. I have tried using a <div> element wrapped around the tables, but they continue to only be in a single column.

I have also tried adding a second class to each table element the was defined as directing only the "left" attribute placement. This also doesn't seem to work. Any thoughts on how to get this to work?

Thanks again for the help.

-Eric
Copy linkTweet thisAlerts:
@FangJan 07.2010 — Float the tables, the 5th table should naturally appear on the next row.
×

Success!

Help @EABonney spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...