Jump to content

gdust26

Members
  • Content Count

    6
  • Joined

  • Last visited

Community Reputation

0 Neutral

About gdust26

  • Rank
    Newbie
  1. The idea is for it to not toggle. I want to have the portfolio page to show the first project on the page (which it does now), but I want to be able to click on the next project link which will then show the next project in the window and the first project hides. I don't want to have to click back on the first project link for it to go away to a blank screen, then click on the next project and so forth. Is there any way to accomplish this? Thank you!
  2. Thanks! I replaced the JS code that I had previously with the one you provided. Here's what it looks like now: Javascript Code: <script language="javascript"><!--function showhide(id) { var e = document.getElementById(id); if(e.style.display == 'block') e.style.display = 'none'; else e.style.display = 'block';}--></script> Here's the code for the portfolio content: <div id="rightPortfolio"> <div id="div1" style="display:block; height:100%; width:600px;"> <? include('portfolio/print/bloomMag/bloomMag.php'); ?> </div> <div id="div2" style="display:none; height:100%; width:600px;"> <? include('portfolio/print/Bissingers/bissingers.php'); ?> </div> <div id="div3" style="display:none; height:100%; width:600px;"> <? include('portfolio/print/capstone/capstone.php'); ?> </div> <div id="spacer"> </div> </div> I would like to have the content displayed content to disappear when the next project is clicked. Right now, you have to click back on the same link for it to disappear. Here's my portfolio nab on the left side: <ul> <li><a href="#div1" onclick="showhide('div1');">Bloom Magazine</a></li> <li><a href="#div2" onclick="showhide('div2');">Bissinger's Chocolatier</a></li> <li><a href="#div3" onclick="showhide('div3');">Capstone</a></li> </ul> I really appreciate your help on this and please let me know what i need to do next. Thank you!!</p>
  3. Okay so here's my code. I am still trying to figure this all out through trial and error. The JavaScript code in the <head>: <script language="javascript"><!--var state = 'none'; function showhide(layer_ref) { if (state == 'block') {state = 'none';}else {state = 'block';}if (document.all) { //IS IE 4 or 5 (or 6 beta)eval( "document.all." + layer_ref + ".style.display = state");}if (document.layers) { //IS NETSCAPE 4 or belowdocument.layers[layer_ref].display = state;}if (document.getElementById &&!document.all) {hza = document.getElementById(layer_ref);hza.style.display = state;}}//--></script> The portfolio nav in the left side bar: <ul> <li><a href="#div1" onclick="showhide('div1');">Bloom Magazine</a></li> <li><a href="#div2" onclick="showhide('div2');">Bissinger's Chocolatier</a></li> <li><a href="#div3" onclick="showhide('div3');">Lorem Ipsum</a></li> </ul> The right content where each portfolio project should appear: <div id="rightPortfolio"> <div id="div1" frameborder="0" height="100%" width="600"> <? include('portfolio/print/bloomMag/bloomMag.php'); ?> </div> <div id="div2" frameborder="0" height="100%" width="600"> <? include('portfolio/print/Bissingers/bissingers.php'); ?> </div> <div id="div3" frameborder="0" height="100%" width="600"> <? include('portfolio/print/bloomMag/bloomMag.php'); ?> </div> <div id="spacer"> </div> </div> #rightPortfolio is set to display:none; in the CSS. Any help would be greatly appreciated. Thanks!
  4. I did a little search and I found this code (from this site - http://www.webmaster...forum91/441.htm) : Is this what you're referring to? I did try this and I was able to set the outer div to display:none; but I am confused about where my <a href="#"> is supposed to link to. When I click on it just opens up the php include and doesn't load in the right hand side of the page.
  5. Thanks for responding. I am not familiar with AJAX, so I might just have to make separate pages for each project. Does anyone else have any other suggestions?
  6. I am brand new to PHP and I've started my first php website! I am really excited and things have been going smoothly as of now. The problem that I am having is I want to create a portfolio page that will be easy to update and add to in the future. I've looked around and found information about iFrames, but I've heard they're not the best practice or a great solution. I want to do it all in PHP if possible, but I guess the idea would be similar to iFrames - when the link is clicked in the left navigation, then it will load that php include on the right. Here's what what's on my portfolio page:- I have a left sidebar navigation (portfolioNav.php).- I have the project file on the right side as an include as well.- I have all the includes (header.php, footer.php, portfolioNav.php, etc) in the main page called portfolio.php. My site:http://ginadust.com/test/portfolio.php Is there a way to link to the different php files in one <a href>? What is the solution? I would really appreciate any help on this, I seem to be at a loss. Thanks in advance!
×
×
  • Create New...