brisus Posted March 1, 2011 Share Posted March 1, 2011 Hi, I'm not super fluent in PHP or whatnot, but I currently have a website set up with an index.php to load the content pages within it. As part of the template, it consists of a header image, links, a photo, and a video. The content of each page loads within the specified area below the "template". Here's my question: My client wants to see a specific picture when they click one of hte links. For example, if they clicked on spot removal, the image beside the navigation should show spot removal and stay there on the index page while the content page, spot removal is shown. Does this make sense? I need help and fast. Screenshot included in attachment. And like I said, I'm not super fluent in PHP/MYSQL, so be very detailed when talking about what to do. I'd appreciate the help. Thanks, [attachment deleted by admin] Quote Link to comment Share on other sites More sharing options...
flolam Posted March 1, 2011 Share Posted March 1, 2011 I'm not sure what you mean, but if you want to change the contents/image without reloading the page you will have to use javascript. It will be hard to help you without any code, though. Quote Link to comment Share on other sites More sharing options...
brisus Posted March 1, 2011 Author Share Posted March 1, 2011 I did use Adobe Fireworks for menu/pictures on template. Below is my index.php: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link rel="icon" type="image/ico" href="favicon.ico"></link> <link rel="shortcut icon" href="favicon.ico"></link> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Apollo Pro Cleaning: The Meaning of Cleaning</title> <style type="text/css"> <!-- @import url("images/nav/template.css"); body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; margin-top: 0; } body { background-color: #C9F; background-image: url(images/bkgrnd.jpg); background-repeat: repeat-y; background-position: center; } .copyright { font-size: 10px; } a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #606; } a:visited { color: #606; } a:hover { color: #96C; } a:active { color: #96C; } --> </style> <script language="JavaScript1.2" type="text/javascript" src="images/nav/mm_css_menu.js"></script> <script src="Scripts/swfobject_modified.js" type="text/javascript"></script> </head> <body> <table width="800" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td> <!--The following section is an HTML table which reassembles the sliced image in a browser.--> <!--Copy the table section including the opening and closing table tags, and paste the data where--> <!--you want the reassembled image to appear in the destination document. --> <!--======================== BEGIN COPYING THE HTML HERE ==========================--> <div id="FWTableContainer479446481"> <table border="0" cellpadding="0" cellspacing="0" width="800"> <!-- fwtable fwsrc="template.png" fwpage="Page 1" fwbase="template.gif" fwstyle="Dreamweaver" fwdocid = "479446481" fwnested="0" --> <tr> <!-- Shim row, height 1. --> <td><img src="images/nav/images/spacer.gif" alt="" name="undefined_2" width="161" height="1" border="0" /></td> <td><img src="images/nav/images/spacer.gif" alt="" name="undefined_2" width="190" height="1" border="0" /></td> <td><img src="images/nav/images/spacer.gif" alt="" name="undefined_2" width="124" height="1" border="0" /></td> <td><img src="images/nav/images/spacer.gif" alt="" name="undefined_2" width="325" height="1" border="0" /></td> <td><img src="images/nav/images/spacer.gif" alt="" name="undefined_2" width="1" height="1" border="0" /></td> </tr> <tr> <!-- row 1 --> <td rowspan="2" colspan="2"><a href="http://www.apolloprocleaning.com" target="_self"><img name="apollologo" src="images/nav/images/apollologo.gif" width="351" height="251" border="0" id="apollologo" alt="Apollo Pro Cleaning: The Meaning of Cleaning" /></a></td> <td colspan="2"><img src="images/nav/images/apollophonenumber.gif" width="449" height="147" alt="Apollo Phone Numbers" /></td> <td><img src="images/nav/images/spacer.gif" alt="" name="undefined_2" width="1" height="147" border="0" /></td> </tr> <tr> <!-- row 2 --> <td><img name="topfamilyimage" src="images/nav/images/topfamilyimage.gif" width="124" height="104" border="0" id="topfamilyimage" alt="" /></td> <td><a href="index.php?topic=specials" target="_self"><img name="specials" src="images/nav/images/specials.gif" width="325" height="104" border="0" id="specials" alt="Specials" /></a></td> <td><img src="images/nav/images/spacer.gif" alt="" name="undefined_2" width="1" height="104" border="0" /></td> </tr> <tr> <!-- row 3 --> <td><a href="javascript:;" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer1118161848_0', 'MMMenu1118161848_0',161,0,'aboutapollo');"><img name="aboutapollo" src="images/nav/images/aboutapollo.gif" width="161" height="34" border="0" id="aboutapollo" alt="About Apollo" /></a></td> <td rowspan="7" colspan="2"><img name="bottomfamilyimage" src="images/nav/images/bottomfamilyimage.gif" width="314" height="236" border="0" id="bottomfamilyimage" alt="" /></td> <td rowspan="7" bgcolor="#660066" align="center"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="313" height="234" id="FLVPlayer"> <param name="movie" value="FLVPlayer_Progressive.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="scale" value="noscale" /> <param name="salign" value="lt" /> <param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Clear_Skin_3&streamName=videos/Apollo_FullSing_edit&autoPlay=false&autoRewind=true" /> <param name="swfversion" value="8,0,0,0" /> <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. --> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. --> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="FLVPlayer_Progressive.swf" width="313" height="234"> <!--<![endif]--> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="scale" value="noscale" /> <param name="salign" value="lt" /> <param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Clear_Skin_3&streamName=videos/Apollo_FullSing_edit&autoPlay=false&autoRewind=true" /> <param name="swfversion" value="8,0,0,0" /> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. --> <div> <h4>Content on this page requires a newer version of Adobe Flash Player.</h4> <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p> </div> <!--[if !IE]>--> </object> <!--<![endif]--> </object></td> <td><img src="images/nav/images/spacer.gif" alt="" name="undefined_2" width="1" height="34" border="0" /></td> </tr> <tr> <!-- row 4 --> <td><a href="javascript:;" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer1119111451_1', 'MMMenu1119111451_1',161,0,'carpetcleaning');"><img name="carpetcleaning" src="images/nav/images/carpetcleaning.gif" width="161" height="32" border="0" id="carpetcleaning" alt="Carpet & Upholstery Cleaning" /></a></td> <td><img src="images/nav/images/spacer.gif" alt="" name="undefined_2" width="1" height="32" border="0" /></td> </tr> <tr> <!-- row 5 --> <td><a href="javascript:;" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer1119111729_2', 'MMMenu1119111729_2',161,0,'disasterrestore');"><img name="disasterrestore" src="images/nav/images/disasterrestore.gif" width="161" height="34" border="0" id="disasterrestore" alt="Disaster Restoration" /></a></td> <td><img src="images/nav/images/spacer.gif" alt="" name="undefined_2" width="1" height="34" border="0" /></td> </tr> <tr> <!-- row 6 --> <td><a href="javascript:;" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer1119112029_3', 'MMMenu1119112029_3',161,0,'otherservices');"><img name="otherservices" src="images/nav/images/otherservices.gif" width="161" height="34" border="0" id="otherservices" alt="Other Services" /></a></td> <td><img src="images/nav/images/spacer.gif" alt="" name="undefined_2" width="1" height="34" border="0" /></td> </tr> <tr> <!-- row 7 --> <td><a href="javascript:;" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer1119112437_4', 'MMMenu1119112437_4',161,0,'helpfulhints');"><img name="helpfulhints" src="images/nav/images/helpfulhints.gif" width="161" height="34" border="0" id="helpfulhints" alt="Helpful Hints & Tips" /></a></td> <td><img src="images/nav/images/spacer.gif" alt="" name="undefined_2" width="1" height="34" border="0" /></td> </tr> <tr> <!-- row 8 --> <td><a href="index.php?topic=jobopportunities" target="_self"><img name="jobopportunities" src="images/nav/images/jobopportunities.gif" width="161" height="34" border="0" id="jobopportunities" alt="Job Opportunities" /></a></td> <td><img src="images/nav/images/spacer.gif" alt="" name="undefined_2" width="1" height="34" border="0" /></td> </tr> <tr> <!-- row 9 --> <td><a href="javascript:;" target="None" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer1124113212_5', 'MMMenu1124113212_5',161,0,'contactus');"><img name="contactus" src="images/nav/images/contactus.gif" width="161" height="34" border="0" id="contactus" alt="Contact Us" /></a></td> <td><img src="images/nav/images/spacer.gif" alt="" name="undefined_2" width="1" height="34" border="0" /></td> </tr> <tr> <!-- row 10 --> <td colspan="4"><img name="bottomspacer" src="images/nav/images/bottomspacer.gif" width="800" height="8" border="0" id="bottomspacer" alt="" /></td> <td><img src="images/nav/images/spacer.gif" alt="" name="undefined_2" width="1" height="8" border="0" /></td> </tr> <!-- This table was automatically created with Adobe Fireworks --> <!-- http://www.adobe.com --> </table> <div id="MMMenuContainer1118161848_0"> <div id="MMMenu1118161848_0" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"><a href="index.php?topic=about_promise" target="_self" id="MMMenu1118161848_0_Item_0" class="MMMIFVStyleMMMenu1118161848_0" onmouseover="MM_menuOverMenuItem('MMMenu1118161848_0');">the Apollo promise</a><a href="index.php?topic=about_reasons" target="_self" id="MMMenu1118161848_0_Item_1" class="MMMIVStyleMMMenu1118161848_0" onmouseover="MM_menuOverMenuItem('MMMenu1118161848_0');">10 reasons to choose apollo</a><a href="index.php?topic=about_pres" target="_self" id="MMMenu1118161848_0_Item_2" class="MMMIVStyleMMMenu1118161848_0" onmouseover="MM_menuOverMenuItem('MMMenu1118161848_0');">from the president</a><a href="index.php?topic=about_credentials" target="_self" id="MMMenu1118161848_0_Item_3" class="MMMIVStyleMMMenu1118161848_0" onmouseover="MM_menuOverMenuItem('MMMenu1118161848_0');">credentials/membership</a><a href="index.php?topic=about_referrals" target="_self" id="MMMenu1118161848_0_Item_4" class="MMMIVStyleMMMenu1118161848_0" onmouseover="MM_menuOverMenuItem('MMMenu1118161848_0');">referrals</a></div> </div> <div id="MMMenuContainer1119111451_1"> <div id="MMMenu1119111451_1" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"><a href="index.php?topic=carp_carpetclean" target="_self" id="MMMenu1119111451_1_Item_0" class="MMMIFVStyleMMMenu1119111451_1" onmouseover="MM_menuOverMenuItem('MMMenu1119111451_1');">carpet cleaning</a><a href="index.php?topic=carp_upholsteryclean" target="_self" id="MMMenu1119111451_1_Item_1" class="MMMIVStyleMMMenu1119111451_1" onmouseover="MM_menuOverMenuItem('MMMenu1119111451_1');">upholstery cleaning</a><a href="index.php?topic=carp_orientalclean" target="_self" id="MMMenu1119111451_1_Item_2" class="MMMIVStyleMMMenu1119111451_1" onmouseover="MM_menuOverMenuItem('MMMenu1119111451_1');">oriental rug cleaning</a><a href="index.php?topic=carp_petodor" target="_self" id="MMMenu1119111451_1_Item_3" class="MMMIVStyleMMMenu1119111451_1" onmouseover="MM_menuOverMenuItem('MMMenu1119111451_1');">pet odor removal</a><a href="index.php?topic=carp_scotchgard" target="_self" id="MMMenu1119111451_1_Item_4" class="MMMIVStyleMMMenu1119111451_1" onmouseover="MM_menuOverMenuItem('MMMenu1119111451_1');">scotchgard</a></div> </div> <div id="MMMenuContainer1119111729_2"> <div id="MMMenu1119111729_2" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"><a href="index.php?topic=dis_emergency" target="_self" id="MMMenu1119111729_2_Item_0" class="MMMIFVStyleMMMenu1119111729_2" onmouseover="MM_menuOverMenuItem('MMMenu1119111729_2');">emergency services</a><a href="index.php?topic=dis_waterrestore" target="_self" id="MMMenu1119111729_2_Item_1" class="MMMIVStyleMMMenu1119111729_2" onmouseover="MM_menuOverMenuItem('MMMenu1119111729_2');">water restoration / thermal energy drying</a><a href="index.php?topic=dis_firerestore" target="_self" id="MMMenu1119111729_2_Item_2" class="MMMIVStyleMMMenu1119111729_2" onmouseover="MM_menuOverMenuItem('MMMenu1119111729_2');">fire/smoke restoration</a><a href="index.php?topic=dis_moldremediation" target="_self" id="MMMenu1119111729_2_Item_3" class="MMMIVStyleMMMenu1119111729_2" onmouseover="MM_menuOverMenuItem('MMMenu1119111729_2');">mold remediation</a><a href="index.php?topic=dis_windrestore" target="_self" id="MMMenu1119111729_2_Item_4" class="MMMIVStyleMMMenu1119111729_2" onmouseover="MM_menuOverMenuItem('MMMenu1119111729_2');">wind damage restoration</a><a href="index.php?topic=dis_biocleanup" target="_self" id="MMMenu1119111729_2_Item_5" class="MMMIVStyleMMMenu1119111729_2" onmouseover="MM_menuOverMenuItem('MMMenu1119111729_2');">bio-hazard clean-up</a></div> </div> <div id="MMMenuContainer1119112029_3"> <div id="MMMenu1119112029_3" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"><a href="index.php?topic=serv_tileclean" target="_self" id="MMMenu1119112029_3_Item_0" class="MMMIFVStyleMMMenu1119112029_3" onmouseover="MM_menuOverMenuItem('MMMenu1119112029_3');">tile & grout cleaning</a><a href="index.php?topic=serv_wallclean" target="_self" id="MMMenu1119112029_3_Item_1" class="MMMIVStyleMMMenu1119112029_3" onmouseover="MM_menuOverMenuItem('MMMenu1119112029_3');">wall cleaning</a><a href="index.php?topic=serv_airclean" target="_self" id="MMMenu1119112029_3_Item_2" class="MMMIVStyleMMMenu1119112029_3" onmouseover="MM_menuOverMenuItem('MMMenu1119112029_3');">air duct cleaning</a><a href="index.php?topic=serv_autodetail" target="_self" id="MMMenu1119112029_3_Item_3" class="MMMIVStyleMMMenu1119112029_3" onmouseover="MM_menuOverMenuItem('MMMenu1119112029_3');">auto detailing</a><a href="index.php?topic=serv_windowclean" target="_self" id="MMMenu1119112029_3_Item_4" class="MMMIVStyleMMMenu1119112029_3" onmouseover="MM_menuOverMenuItem('MMMenu1119112029_3');">window cleaning</a><a href="index.php?topic=serv_drapeclean" target="_self" id="MMMenu1119112029_3_Item_5" class="MMMIVStyleMMMenu1119112029_3" onmouseover="MM_menuOverMenuItem('MMMenu1119112029_3');">on-site drapery cleaning</a><a href="index.php?topic=serv_stripwax" target="_self" id="MMMenu1119112029_3_Item_6" class="MMMIVStyleMMMenu1119112029_3" onmouseover="MM_menuOverMenuItem('MMMenu1119112029_3');">strip & wax service</a><a href="index.php?topic=serv_residentialclean" target="_self" id="MMMenu1119112029_3_Item_7" class="MMMIVStyleMMMenu1119112029_3" onmouseover="MM_menuOverMenuItem('MMMenu1119112029_3');">residential cleaning</a><a href="index.php?topic=serv_constructclean" target="_self" id="MMMenu1119112029_3_Item_8" class="MMMIVStyleMMMenu1119112029_3" onmouseover="MM_menuOverMenuItem('MMMenu1119112029_3');">post-construction clean-up</a><a href="index.php?topic=serv_janitorial" target="_self" id="MMMenu1119112029_3_Item_9" class="MMMIVStyleMMMenu1119112029_3" onmouseover="MM_menuOverMenuItem('MMMenu1119112029_3');">janitorial services</a><a href="index.php?topic=serv_ceilclean" target="_self" id="MMMenu1119112029_3_Item_10" class="MMMIVStyleMMMenu1119112029_3" onmouseover="MM_menuOverMenuItem('MMMenu1119112029_3');">acoustical ceiling cleaning</a></div> </div> <div id="MMMenuContainer1119112437_4"> <div id="MMMenu1119112437_4" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"><a href="index.php?topic=hints_spotremoval" target="_self" id="MMMenu1119112437_4_Item_0" class="MMMIFVStyleMMMenu1119112437_4" onmouseover="MM_menuOverMenuItem('MMMenu1119112437_4');">spot removal</a><a href="index.php?topic=hints_beautifulcarpet" target="_self" id="MMMenu1119112437_4_Item_1" class="MMMIVStyleMMMenu1119112437_4" onmouseover="MM_menuOverMenuItem('MMMenu1119112437_4');">keeping your carpet beautiful</a><a href="index.php?topic=hints_freqchart" target="_self" id="MMMenu1119112437_4_Item_2" class="MMMIVStyleMMMenu1119112437_4" onmouseover="MM_menuOverMenuItem('MMMenu1119112437_4');">cleaning frequency chart</a><a href="index.php?topic=hints_faqs" target="_self" id="MMMenu1119112437_4_Item_3" class="MMMIVStyleMMMenu1119112437_4" onmouseover="MM_menuOverMenuItem('MMMenu1119112437_4');">FAQs</a></div> </div> <div id="MMMenuContainer1124113212_5"> <div id="MMMenu1124113212_5" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"><a href="index.php?topic=contact_scheduling" target="_self" id="MMMenu1124113212_5_Item_0" class="MMMIFVStyleMMMenu1124113212_5" onmouseover="MM_menuOverMenuItem('MMMenu1124113212_5');">online scheduling</a><a href="index.php?topic=contact_contactus" target="_self" id="MMMenu1124113212_5_Item_1" class="MMMIVStyleMMMenu1124113212_5" onmouseover="MM_menuOverMenuItem('MMMenu1124113212_5');">contact us</a></div> </div> </div> <!--========================= STOP COPYING THE HTML HERE =========================--> </td> </tr> <tr> <td> <blockquote> <?php if (!isset($_REQUEST['topic'])) include("about_promise.php"); else { $topic = $_REQUEST['topic']; $nextpage = $topic . ".php"; include($nextpage); } ?> </blockquote> </td> </tr> <tr> <td align="center"><blockquote><hr color="#999999" size="1"/></blockquote> <a href="http://www.facebook.com/apolloprocleaning" target="_blank"><img src="images/facebook_btn.png" border="0" /></a> <span class="copyright">Apollo Pro Cleaning © 2011, All Rights Reserved.</span></td> </tr> </table> <script type="text/javascript"> <!-- swfobject.registerObject("FLVPlayer"); //--> </script> </body> </html> Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.