create a table with pop-up when hovered/clicked on

• 

  diveristyallianceinitiative · Member · Aug 26, 2014 at 7:41 pm

  • Copy link
  • Add topic to favorites

  My website is goodneighborsmanycolor.org

  the website I am trying to mimic is

  http://welcomingmichigan.org/content/get-involved

  each time one of the table options is selected, the box beneath the table changes to reflect that information. it does not need to be as fancy as that one, but the concept has to be the same

  The blog I need help with is: (visible only to logged in users)

• 

  timethief · Member · Aug 26, 2014 at 7:42 pm

  • Copy link

  Did you see my response at https://en.forums.wordpress.com/topic/how-to-create-a-table-with-toggling-pop-up-link-on-same-page?replies=2#post-2015089

• 

  diveristyallianceinitiative · Member · Aug 26, 2014 at 7:50 pm

  • Copy link

  Yes, but I am not seeing how your post is applicable to my question.

• 

  timethief · Member · Aug 26, 2014 at 7:50 pm

  • Copy link

  I’m sorry and I apologize. Please be patient while waiting for another Volunteer to help you.

• 

  diveristyallianceinitiative · Member · Aug 26, 2014 at 7:52 pm

  • Copy link

  Will do. Thanks for posting.

• 

  pcosta88 · Member · Aug 26, 2014 at 8:46 pm

  • Copy link

  Hello!

  The website you are trying to mimic is written in HTML and is designed to do those functions. WordPress.COM does not allow you to do such editing. However, one option to make it similar is to create a sticky post or page with a table. Inside that table are links that take the user to the appropriate posts or pages.

  Example in my wordpress test-site using a sticky post: http://pbrd.co/1vjNAnH

  Unfortunately, when a user clicks on link they are taken to a different post or page rather than having it generate below or hover.

  Couple things to consider:
  1. If you want to be able to do your hover edits consider WordPress.ORG or a CSS upgrade
  2. If you do go with the upgrade consider asking for advice in the CSS forum. There are some real CSS Ninjas there.
  See here for the difference: http://en.support.wordpress.com/com-vs-org/
  3. If you want to use the table consider the previously mentioned link:
  http://wpbtips.wordpress.com/2013/04/09/table-coding-for-wordpress-com-users/

  Did that resolve your question?

• 

  diveristyallianceinitiative · Member · Aug 27, 2014 at 3:22 pm

  • Copy link

  Hi pcosta88,

  I have the CSS upgrade. I posted the question there too, but no one has answered it :-(

  If I went with your option, how would I change each of the table categories to a link?

  Thanks for the help, I’m new at this.

• 

  hallluke · Member · Aug 27, 2014 at 3:37 pm

  • Copy link

  It’s not quite what you wanted but you could use page jumps to navigate around the sections of your post or page.

  The difference is that all the content would be visible all the time, it wouldn’t hide and reappear. Instead you could just use the table like a navigation menu so visitors can jump straight to the section they’re most interested without leaving the page they are on.

• 

  diveristyallianceinitiative · Member · Aug 27, 2014 at 3:42 pm

  • Copy link

  Oh yes, that would work!