elementis0 Posted February 16, 2008 Share Posted February 16, 2008 Ok well I am making a flash portfolio site and I need help with two aspects of it.On the top is the header stuff and flash stuff and the bottom half is the html content and navigation part of the page.what I wanna do is be able to change the html content with the navigation at the bottom of the page without having to reload the flash gallery at the top. I was thinking of using frames to achieve this but then i ran into a problem because I could not figure out how to put two frames under one scrollbar.Is there a way with html/css to be able to change the bottom content of the page without changing the top?If theres no html/css way, i could also do a PHP fix, or javascript but id like to avoid javascript.here is the code for the webpage <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><!-- gallery needs to go fullscreen in IE --><title>Photos George</title><style type="text/css">body{background-color:#272727;padding:0px;margin:0px;}#swirl{background-image:url('images/swirltop.jpg');padding:0px;margin:auto;background-repeat:no-repeat;width:967px;height:183px;}#containerone{margin:auto;width:796px;height:701px;border-left: 2px solid black;border-right: 2px solid black;background-color:#454343;padding:0px;}#gallery{background-image:url('images/headgradbottom.jpg');background-repeat: repeat-x;padding:0px;margin:0px;color:#ffffff;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;}#footer{border-left: 2px solid black;border-right: 2px solid black;background-color:#e8c605;width:796px;height:25px;margin:auto;border-top: 1px solid black;border-bottom: 2px solid black;text-align:center;font-family:verdana;font-size:12px;padding-top:4px;}#logo{margin:0px;padding:0px;background-image:url('images/georgehead.jpg');background-repeat:no-repeat;width:510px;height:112px;margin-left:10px;margin-right:0px;padding:0px;}#header{width:100%;background-image:url('images/headgradtop.jpg');background-repeat: repeat-x;margin:0px;padding:0px;}#flowers{width:796px;height:121px;background-image:url(images/blackflower.jpg);background-repeat:no-repeat;margin:auto;padding:0px;position:absolute;top:580px;}a{color:#1d40a3;text-decoration:none;}a:hover{color:#000000;text-decoration:underline;}/* Start bottom part of layout */#containertwo{color:white;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px;background-color:#000000;width:800px;margin:auto;padding:0px;}#nav{width:100%;background-image:url('images/navline.jpg');background-repeat:repeat-x;height:27px;margin:0px;padding:0px;}#content{width:100%;margin:0px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:white;white-space: normal;}</style></head><body> <div id="swirl"><!-- start first container --> <div id="containerone"><div id="header"><div id="logo"></div></div> <div id="gallery" align="center"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="657" height="552" id="photogallery" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="photogallery.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><param name="allowFullScreen" value="true" /><embed src="photogallery.swf" allowFullScreen="true" quality="high" bgcolor="#ffffff" width="657" height="552" name="photogallery" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object> </div> <div id="flowers"> </div> </div><!-- end first container --><div id="containertwo"> <div id="nav"> <div id="navmid"> </div> </div> <div id="content"> asdasdasaskldasjda'jda'slkjda'jas'kjdl;kfjds;ldfjsdlfjksd;lfjks;dlfjsdfasdjkashdasd;asljdaskl;jdakl;sjdaqweqweiqwyeqweklqwheqwlkjheqweklhqweklqwhjeqwkehqwekqwhelkhqwelkhqwelkqwjheqwlkheqwklheqwkheqwlkheqwelkheqlwkhjeqwhwelkwshgdasjklhdaskljhdassfgsfhdasjklfhsdf<br /></div> </div> <div id="footer">Site Made and Maintained by <a href="http://www.ocustruct.com/" target="_blank"> ocustruct.com</a> </div> </div></body></html> Link to comment Share on other sites More sharing options...
Synook Posted February 16, 2008 Share Posted February 16, 2008 The Flash should be cached by the browser, but if you want to change the bottom section asynchroniously of the rest of the page you can use AJAX - http://www.w3schools.com/ajax/ Link to comment Share on other sites More sharing options...
elementis0 Posted February 16, 2008 Author Share Posted February 16, 2008 Thank you very much, I will go learn some AJAX more in depth.but how exactly would I go about getting my flash cached by the browser? Link to comment Share on other sites More sharing options...
Synook Posted February 16, 2008 Share Posted February 16, 2008 Most browsers should cache it automatically (I believe). Link to comment Share on other sites More sharing options...
elementis0 Posted February 16, 2008 Author Share Posted February 16, 2008 Ok then.well i looked up some AJAX and now i got the site working perfectly with the httprequest stuff i just learned =Pthank you very much guys! heres a link to what im doing:http://www.ocustruct.com/george/none of you have to do this but if anybody wants to look at the scripts feel free to tell me what you guys think would help it to make it more optimal for the user.right now my gallery is really slow.im working on trying to optimize its performance right now.thanks for the help! Link to comment Share on other sites More sharing options...
jlhaslip Posted February 19, 2008 Share Posted February 19, 2008 404 on that link Link to comment Share on other sites More sharing options...
Synook Posted February 19, 2008 Share Posted February 19, 2008 http://www.ocustruct.com/george/ works Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.