Nic727 Posted March 12, 2015 Share Posted March 12, 2015 Hi, I don't really know how to call it, but for my wordpress page, I'm looking for something to change the page content without going on another page. I create something with paint that represent what I'm looking for. For exemple, when I'm going on the media page, I would like to be on the "Picture" section automatically, but have the option to show "Videos or Interview". Don't know if a plugin exist for this, but could be nice. If nothing exist, I will do that with TEXT only with links. Thank you Link to comment Share on other sites More sharing options...
Nic727 Posted March 12, 2015 Author Share Posted March 12, 2015 my pic http://image.noelshack.com/fichiers/2015/11/1426187589-test.png Link to comment Share on other sites More sharing options...
justsomeguy Posted March 12, 2015 Share Posted March 12, 2015 You just want it to show one thing, but you can click on the links to show the other parts? One way to do that would be to put each thing you want to show or hide into a separate div, so you would have 3 divs. You would use CSS to put them in the same place but hide 2 of them. The links would run a Javascript function to hide the one that is being shown (or hide all of them), then show the div for the link the clicked on. You can just change the div's display property to show or hide it. Link to comment Share on other sites More sharing options...
Nic727 Posted March 13, 2015 Author Share Posted March 13, 2015 Thank you No plugin exist for that? I would like something easy for someone without knowledge of HTML or CSS. If not, I will make something else that will look almost like that. Link to comment Share on other sites More sharing options...
justsomeguy Posted March 13, 2015 Share Posted March 13, 2015 I don't do a lot with Wordpress, I don't know what's out there. I imagine functionality like that is in several different themes, it's not that difficult to do. It just takes a few lines of vanilla Javascript, you don't even need a library like jQuery for that. Link to comment Share on other sites More sharing options...
Nic727 Posted March 17, 2015 Author Share Posted March 17, 2015 I found somethings to represent what I want visually : http://www.elderscrollsonline.com/en-us/media or http://tutsme-webdesign.info/tutorials/filterable/recipes_filterable_v2.html The first exemple show differents pages. The second one is a kind of filter. I saw one portfolio template for bootstrap using something similar to have different kind of work. Link to comment Share on other sites More sharing options...
justsomeguy Posted March 17, 2015 Share Posted March 17, 2015 The first link doesn't use Javascript for that, those are just regular links which refresh the page. Link to comment Share on other sites More sharing options...
dsonesuk Posted March 18, 2015 Share Posted March 18, 2015 The second example, could just be the links with unique id (sorry can't view source, on tablet), images with captions with classname that matches relative link id all grouped together on single page and hidden. To unhide you, set it to hide() all currently opened images if open, then retrieve clicked id ref of that link using attr(‘id') and use it for a selector for referencing class name of relative images, then use it with show(). Link to comment Share on other sites More sharing options...
CaptainSolo Posted March 19, 2015 Share Posted March 19, 2015 I found somethings to represent what I want visually : http://www.elderscrollsonline.com/en-us/media or http://tutsme-webdesign.info/tutorials/filterable/recipes_filterable_v2.html The first exemple show differents pages. The second one is a kind of filter. I saw one portfolio template for bootstrap using something similar to have different kind of work. Not entirely sure, I may have missed the point here but would a simple tabs shortcode work? Would allow you to separate the content between the tabs without the viewer having to reload the entire page. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now