Jump to content

jcc5018

Members
  • Content Count

    22
  • Joined

  • Last visited

Everything posted by jcc5018

  1. jcc5018

    sidebar arrangement

    Hey guys, I am attempting to update a wordpress theme to make my content area take up more of the screen real estate. RIght now it has such a small area in the middle.I would like to see a 10% margin on either side of the content and navigation bars. with the side bar appropriately placed next to the content as you would expect it to be.I am making my adjustment in a secondary stylesheet that would replace values in the original on wordpress, but I am having a hard time getting the pieces where they need to be. One adjustment screws up the navigation bar, while another moves the sidebar either to the far right of the screen with a big gap between the content and sidebar, or it moves below the content completely.This is the original. I'm pretty sure that this is the only code that has anything to do with what I am trying to accomplish. /* 2.1 Containers & Columns */#wrapper { background: url(images/bg.png) repeat; border-top: 4px solid #325164; border-bottom: 1px solid #A5575B; }#main, .home.page #main {width:620px; padding: 3em 0 3em;} /* Fix for static homepages */.home #main { padding: 30px 0 2em 0; width: auto; }#main.fullwidth, .layout-full #main, .col-full {width: 960px; margin:0 auto;}#sidebar{ width:290px; overflow: visible !important; }#sidebar .primary { padding: 3em 15px; } #sidebar .secondary { width:140px; } .col-left { float: left; }.col-right { float: right; }.layout-right-content #main { float:right; }.layout-right-content #sidebar { float:left; } Here is the bits I have been playing with. I have tried adjusting margins, padding, ect. #main, .home.page #main {width:80%; margin: 0 10% 0 10%;} .home #main { padding: 30px 0 2em 0; width: auto; }/*#main.fullwidth, .layout-full #main, .col-full {padding: 3px 10% 3px 10%; width: auto; margin:0 auto;}#sidebar{ width:auto; margin-right:20px; overflow: visible !important; }*/ I would like the sidebar to also be 10% from the edge, but next to the content area.I currently have the sidebar set to auto, but if I can get it to be lined up under the search bar and the 290 px that it was origionally, that would be fine, but on smaller screens, I'd like to see that width decrease in relation to the main content.Can you all help me figure out what I am doing wrong? Thanks.
  2. I have a question about the XML. I will admit, I havent spent a ton of time trying to find the answer to this now because I've looked into it in the past with no luck, which is why I never really started using XML to begin with. But I feel like it would be the best option for a site I want to create, and I just need a few clarifications on how to use it.I think I understand the basic structure of an XML document, and all the tags you can create. But my question is once you create the structure, or Schema, What do you do with that to easily insert data. Say I have a simple structure like this<article><title> ABC</title><keywords> </keywords> (Question: would I have several of these tags with multiple keywords?)<summary> </summary><text> </text></article>That may or may not be right, but close enough. If I have many articles I want to post, I really don't want to have to go through and retype all the tags everytime I add something, especially if my actual data has a lot more tags. But I have yet to figure out what I use to insert the data into that format. I'm assuming I can build a form, but I'm not sure how that gets transfered. Can it be done with HTML only or do I need another language?Also, when retrieving the information from the xml file, is that straight html or something else as well? If I missed the page that explains this on the site, you can just point me in the right direction. Also, If I wanted to just pull everything except for the text itself to include on one page, and then specific articles when a linked is clicked on other pages, that can be done right? Would I have a separate page for each dataset? or is it dynamic. Meaning If i click article one, it will show article one without needing a separate file for each additional article?I am somewhat familar with sql and PHP, so that is the method I'm thinking of. I just don't think I need a full fledge database for what I'm doing. I just need to know how data gets inserted once the structure is in place. Thanks
  3. Hi, I am currently building a portfolio using the drag and drop design software wix. I have tried coding it myself in dream weaver but I always get hung up the design. So What i want to do is get the basic ideas of the site with the WIX program, and then recreate it myself in dreamweaver as there are some things that the program can not do that I would like. My problem has been in the design process though. I always read to code repeating items in separate files so you only have to change one file if something changes. Things like the header, footer, navigation, ect.My question is, what is the proper way to include these elements. In the past I have designed a basic CSS layout and then I'd include the various elements with PHP include. For the navigation, I tended to use PHP switch statements to load the appropriate content into the content portion of my design. Unfortunately this results in having only one web address that doesnt change to the various pages. I'm assuming the proper way would be to include the different elements into the content index file itself. Does that make sense? Is there a way to do this without PHP? How do the different sections fit within the <body> tag? What's the best process in putting all these parts together and organizing them within the site folder structure? If this is not clear, I will try to provide an example. Thanks for any help.
  4. Ok, So i am so very close to making a PHP based photo gallery that pulls data from a database and auto generates the various sections. I am having difficulty getting the final part to work though and I think I can do it with javascript to avoid more sql request, but I am having problems of course. Here's what I have so far, then I'll explain what I'm trying to do:This is the current result: http://jonsonlineportfolio.site40.net/Projects.php <style type="text/css"><!--li { color: #FFFFFF; list-style-type: none;}--></style><link href="webdesign.css" rel="stylesheet" type="text/css" /><style type="text/css"><!--.style1 {color: #FFFFFF}--></style></head><body> <p> <?php$link = mysql_connect() or die("Could not connect.");mysql_select_db();//include "bigview.php"; echo "<ul>";$query='Select *FROM project_typeORDER BY project_type.ID'; ?></p> <table width="100%" border="0" bgcolor="#333333"> <tr> <td width="150px" height="100px" align="center" valign="middle" bgcolor="#333333"><?php echo "<h1 class=\"projTitle\">". $titleS."</h1>"; ?></td> <td width="*" height="100" align="center" valign="middle" bgcolor="#333333"><div class="comments" ><?php echo $commentS; ?></div></td> <td width="150px" height="500" rowspan="2" align="center" valign="top" bgcolor="#000000"><div class="thumbs" ><?php include "Thumbs.php";?> </div> </td> </tr> <tr> <td id="navigation" rowspan="2" align="left" valign="top" bgcolor="#000000"><?php$project_type = mysql_query($query);while($row= mysql_fetch_array($project_type)){ echo "<li class=\"main\">".$row['type'];$caption="<p>".$row['caption']."</p>";$short = $row['t_shortcut'];echo "<ul>";$queryProj="Select *FROM projectWHERE typeID= '$short'";$project = mysql_query($queryProj);while($row= mysql_fetch_array($project)){ echo "<li class=\"sub\"><a href=\"?project=".$row['title']."\">".$row['title']."</a></li>";} echo "</ul></li>"; } echo "</ul>"; ?></td> <td height="400" align="center" valign="top" bgcolor="#999999"><?php echo $big[$j]; ?></td> </tr> <tr> <td height="100" align="center" valign="top" bgcolor="#333333"><?php echo "<h2>".$titleP[$j]."</h2><p>".$captionP[$j]."</p>"; ?></td> <td height="100" align="center" valign="top" bgcolor="#333333"> </td> </tr></table><div align="center"><table width="75%" border="0" cellpadding="5"> <tr> <td colspan="4" align="left" valign="top"><h3 align="center">Project Information </h3></td> </tr> <td width="22%" align="left" valign="top"><h4>Title:</h4></td> <td width="28%" align="left" valign="top"><span class="style1"><?php echo $titleS; ?></span></td> <td width="22%" align="left" valign="top"><h4>Project Type:</h4></td> <td width="28%" align="left" valign="top"><span class="style1"><?php echo $typeS; ?></span></td> </tr> <tr> <td align="left" valign="top"><h4>Program Used:</h4></td> <td align="left" valign="top"><span class="style1"><?php echo $progS; ?></span></td> <td align="left" valign="top"><h4>Year Designed:</h4></td> <td align="left" valign="top"><span class="style1"><?php echo $yearS; ?></span></td> </tr> <tr> <td align="left" valign="top"><h4>Features:</h4></td> <td align="left" valign="top"><span class="style1"><?php echo $featS; ?></span></td> <td align="left" valign="top"><h4>Size:</h4></td> <td align="left" valign="top"><span class="style1"><?php echo $sizeS; ?></span></td> </tr> <tr> <td align="left" valign="top"><h4>Work Left to Do:</h4></td> <td align="left" valign="top"><span class="style1"><?php echo $workS; ?></span></td> <td align="left" valign="top"><h4>Skills Learned:</h4></td> <td align="left" valign="top"><span class="style1"><?php echo $skillS; ?></span></td> </tr></table></div> <p> </p></body> Thumbs.php: <script type="text/javascript" language="javascript">function bigimg(){<!--<?php$titleP[$j]=$row['title'];$captionP[$j]=$row['caption'];$big[$j]="<img src='/projects/Gallery/".$row['location']."'/>";?>// -->}</script><?php$projects=$_GET['project'];$queryProj="Select *FROM projectWHERE title= '$projects'";$project = mysql_query($queryProj);while($row= mysql_fetch_array($project)){$picid= $row['ID'];$titleS=$row['title'];$typeS=$row['project_Type'];$yearS=$row['yrDesigned'];$progS=$row['program_used']; $sizeS=$row['size'];$featS=$row['features'];$skillS=$row['skills_learned'];$workS=$row['work_left'];$commentS=$row['comment'];echo "<ul>"; $queryPic="Select *FROM pictureWHERE projNumber= '$picid'";$j=0;$pictures = mysql_query($queryPic);while($row= mysql_fetch_array($pictures)){ $j++;$thumbs="<a class='thumbs' href=\"\" onClick=\"function bigimg()\" ><img src='/projects/Gallery/".$row['location']."'width=\"125\" height=\"125\" /></a>";echo "<li>".$thumbs."</li>"; } echo "</ul>";} ?> Ok so I managed to set it up so that when someone clicks a project, it will set a variable in the url that can be retrieved from the thumbs.php file. When this variable is retrieved, it executes an SQL statement that assigns data to specific variables that get displayed at the bottom of the viewer. That is actually working fine. I also managed to get it to correctly display the set of Thumbnails in a scrolling div for each project. Now I am trying to go from the small thumbnails to a large image. I thought at first I would have it pass another variable, but i wasn't sure how to set the code so that it kept the current project variable list displayed, and then also add the specific picture to the end of it. I came close, but my method just ended up resetting the images loaded, so your scroll point would be lost every time in the images, plus it wasnt displaying the image in the center. So, I thought I would use javascripts onclick function to allow the images to be displayed in the middle when a thumbnail link was clicked, but Im not sure how to set that up correctly. My thought behind this is that all the captions and title and image location has already been found when the sql script ran the first time, displaying the thumbnails. So I created a function in the beginning of the thumbs php file that would store the 3 variables to be displayed on the main file. Then when an image is clicked , the onclick function will load, telling the server to go ahead and use those variables. But i'm probably missing something in my code, so I could use some help. Eventually once I get the whole thing working, I plan on doing some CSS work to make the projects hidden until the category is clicked. And there will probably be some additional javascript stuff I'd have to include to make certain things happen, but right now, i just want to get this working. So as always, if someone can help me, I'll be extremely happy cause I've been trying to figure out a good way to display my projects for the longest time now. Thanks
  5. hey guys, I am experimenting with a possible new idea for a gallery using php and CSS, since I cant figure out how to program in action script. Currently I am pulling data from a database with php and formating it into a list that I hope I may be able to convert into what I need later. It almost works except for the fact that once it goes through one project type, I can't figure out how to make it go back and do the same sequence but with the next project type. Every for or while loop i try just repeats the sequence using the same project type again opposed to the next one in the list. The page that displays it working with only my first project type "Residential" http://jonsonlineportfolio.site40.net/Projects.php It should be looping through about 8 other typesThe XML format that gives the general idea of how each project should be arranged is as follows <gallery> <Project_type> <type></type> <caption></caption> <project> <title></title> <Type></Type> <Size></Size> <Features></Features> <Year ></Year > <Program></Program> <Skills></Skills> <Work></Work> <comment></comment> <Picture> <location></location> <pTitle></pTitle> <pCaption></pCaption> </Picture> </project> I am basically trying to do that same thing except I want it in an unordered list format. but for whatever reason, it only goes through once, opposed to giving the information for every Project Type.Here is my PHP echo "<ul>";$query='Select *FROM project_typeORDER BY project_type.ID';$results = mysql_query($query);while($row= mysql_fetch_array($results)){ echo "<li><h1>".$row['type']. "</h1><p>".$row['caption']."</p>";$id = $row['t_shortcut'];echo "<ul>";$query="Select *FROM projectWHERE typeID= '$id'";$results2 = mysql_query($query);while($row= mysql_fetch_array($results2)){ echo "<li>".$row['title']."<ul class='info'>";echo "<li>".$row['project_Type']."</li>"; echo "<li>".$row['yrDesigned']."</li>"; echo "<li>".$row['program_used']."</li>"; echo "<li>".$row['size']."</li>"; echo "<li>".$row['features']."</li>"; echo "<li>".$row['skills_learned']."</li>"; echo "<li>".$row['work_left']."</li>" ; echo "<li class='comment'>".$row['comment']."</li>" ; echo "<li><ul class='pics'>";$id= $row['ID']; $query="Select *FROM pictureWHERE projNumber= '$id'";$results = mysql_query($query);while($row= mysql_fetch_array($results)){ echo "<li><h3>".$row['title']."</h3>"; echo "<p>".$row['caption'] ."</p></br>"; echo "<img src='/projects/Gallery/".$row['location']."'/></li>";}echo "</ul></li></ul></li>"; }echo "</ul></li>"; } echo "</ul>"; ?> Once I get this working, I'll have another question. I am going to want to divide this list up into a couple different parts that includes a navigation menu, a series of thumbnails and various pieces of information that goes in a lot of different places. I dont think its possible for me to have content change depending on a button pressed using just php. I dont really know java script, so if anyone knows code that can handle that, that can also be explained so i understand what it is doing, that would be great. Another option I thought of was having the above code write the different sections into another file or two that would be formatted into a switch statement. The question then being, how do I accomplish that task. to clarify:the Project type selections are going to become main level navigation, while the Project Titles will become sub level navigation.Instead of writing a new nested list, The next section will insert the data into a formated switch statement on another sheet.This sheet will consist of the project Details and the block for the thumbnails which will be its own switch file the links the thumbs with its respective picture and caption.Exp : Residential -- House 1 --> passes variable "1" which triggers the switch to display the project details associated with house 1 and also the thumbnails which will be another set of links essentially. These links also pass a variable to another switch to pull up the its larger picture. I think that should do what I want it to do, I just need to figure out first why my code isn't looping to the other project types, and then I need to figure out how to make it automatically write to another file to form the switch. Thanks for any help
  6. So I re worked my navigational menu and I almost have it figured out. Two issues I am having though are getting the second layer of links to stay put while my mouse moves to its location. Currently since there is a gap in between the 1st set of links and the second, the mouse can't get to the second layer of links without them disappearing. I would really like it even more if I can have the active link set stay put if a page from that link set is loaded. The second issue I am having, though also closer to being solved, is dealing with Internet explorer. The second layer of links do not show up, and they are also not displayed in the proper place. Layer one needs to be aligned with the bottom of the logo and to the right of the logo, while layer two needs to be placed between the colored bars. Here's the CSS @charset "utf-8";/* CSS Document */*{margin:0;padding:0;}#nav { font-family: "Times New Roman", Times, serif; width:auto; height:38px; position:relative; margin:10px; font-size:12px; z-index:100; text-transform: uppercase; font-weight: bolder; white-space: nowrap; top:90px;}#nav ul { list-style-type: none; }#nav ul li { float:left; border-left:1px solid #eee; width:auto; background-image: url(navigation/images2/span2.jpg); background-repeat: no-repeat; background-position: left;}#nav ul li a, #nav ul li a:visited { display:block; text-decoration:none; padding-left:10px; height:38px; line-height:38px; color:#FFFFFF; background-image: url(navigation/images2/end.jpg); background-repeat: no-repeat; background-position: right; padding-right:10px;}#nav table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}#nav ul li ul { position:absolute; top:54px; left:0px; visibility: hidden; }#nav ul li:hover a,#nav ul li a:hover { color: #FFF; background-image: url(navigation/images2/span2_over.jpg); background-repeat: no-repeat; background-position: left;}#nav ul li:hover ul,#nav ul li a:hover ul { left:0; width:auto; color:#fff; background-color: #003399; visibility: visible;}#nav ul li:hover ul li,#nav ul li a:hover ul li { float:left; border:0; border-left:1px solid #eee; background-image: url(navigation/images2/span2_down.jpg); background-repeat: no-repeat; background-position: left; } #nav ul li:hover ul li ul,#nav ul li a:hover ul li a ul {color: #FFF; visibility:hidden; position:absolute; left:0; top:38px; display:block;}#nav ul li:hover ul li a,#nav ul li a:hover ul li a { background-image: url(navigation/images2/end_down.jpg); background-repeat: no-repeat; background-position: right; } The HTML <link href="testcss.css" rel="stylesheet" type="text/css" /><a href="?page=main"><img src="navigation/header_images/logo.jpg" alt="Home Logo" width="229" height="126" border="0" align="left" /></a><div id="nav"><ul > <li ><a href="?page=main">Home<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul > <li ><a href="?page=main">Main</a></li> <li ><a href="?page=news">News</a></li> <li ><a href="?page=history">History</a></li> </ul><!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li><a href="?page=skills">About Me<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li ><a href="?page=skills">Skills</a> </li> <li ><a href="?page=exp">Experience</a> </li> <li ><a href="?page=strength">Strengths</a></li> <li ><a href="?page=goals">Goals</a></li> <li ><a href="?page=work">Work</a> </li> <li ><a href="?page=edu">Education</a> </li> <li ><a href="?page=personal">Personal</a> </li> </ul><!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li ><a href="?page=projects" >Projects<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul > <li ><a href="#">Projects</a></li> <li ><a href="#">Papers</a></li> </ul><!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li ><a href="?page=complete" >Resume<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul > <li ><a href="?page=complete">Comprehensive</a></li> <li ><a href="?page=standard">Standard</a></li> <li ><a href="?page=skill">Skill Based</a></li> <li ><a href="?page=basic">Basic Format</a></li> </ul><!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> <li ><a href="?page=referral" >Referrals<!--[if IE 7]><!--></a><!--<![endif]--> </li> <li ><a href="#" >Contact<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul > <li ><a href="#">General Feedback</a></li> <li ><a href="#">Business Feedback</a></li> </ul><!--[if lte IE 6]></td></tr></table></a><![endif]--> </li></ul></div><p><img src="navigation/header_images/colorbar.gif" width="100%" height="58" /></p>
  7. jcc5018

    Php Navigation

    nevermind I figured it out.This is what I did for anyone else who may want it.Each link gets written to post a variable for example:<a href="?page=main">The red changes depending on the link.Then I created a separate file to create switch statements. You have to use the GET statement first to pull the variable from the URL. Then for each case, it includes the actual link to the file I want loaded. <?php$page=$_GET['page'];switch ($page){case "main":include "home/main.htm";break;case "history":include "home/history.htm";break;case "news":include "home/news.htm";break;case "books":include "bio/books.htm";break;case "edu":include "bio/edu.htm";break;case "exp":include "bio/exp.htm";break;case "goals":include "bio/goals.htm";break;case "personal":include "bio/personal.htm";break;case "skills":include "bio/skills.htm";break;case "strength":include "bio/strength.htm";break;case "work":include "bio/work.htm";break;case "basic":include "resume/basic.htm";break;case "complete":include "resume/complete.htm";break;case "skill":include "resume/skill.htm";break;case "standard":include "resume/standard.htm";break;default:include "home/main.htm";break;} From this all I had to do is include an include (switch.php); statement in the main folder and so far it seems to be working just fine. Just keep in mind, any links within your site that you want to load on the same main template will not have the standard link format, it will instead have to be similar to the first line of code I posted above. and you will have to add the actual link in the switch file. Hope this helps others. I know it works in FF, not sure bout other browsers.
  8. jcc5018

    Php Navigation

    hey guys, I recently managed to just about figure out the CSS based navigation system for my site, though its not quite done. But now I need to figure out how to link it to the pages. My idea was that instead of having each link set using a regular href set, Each link would instead be defining a variable. For example the home link would be defined something like <?php $page="home/main.htm"; ?> while another link could be <?php $page="home/history.htm"; ?>Then on the page that this navigation is on, it would include the various files with a statement such as <?php include($page); ?>That's the idea, to create a frame like site without frames, but of course nothing is ever that simple and I am again having trouble with making this work. The navigation is set up with a list and formatted with CSS, This is part of the code that I've played with so far. I'm going show each of the different way's I've tried writing this, neither way worked though. <li class="Main"><a class="MenuBarItemSubmenu" href="#">Home</a> <ul class="newbar"> <li><a href="<?php $page="home/main.htm"; ?>">Main</a></li> <li><a <?php $page='href="home/news.htm" '; ?> >News</a></li> <li><a >History</a><?php $page="home/history.htm";?></li> </ul> </li> Basically I think the links need to function more as buttons in a form that would display a different file depending on the one pressed. I'm choosing to do this, this way because I feel it would allow the navigation to register the active link when pressed. If I did it where I just included the navigation file in each set, I feel it would just constantly reset the nav and it wouldnt display the active link. But If you know a way to make that work with php, I can do that way instead, though it would be nice if my first idea actually worked for once.I am also going to need the site to display the active URL. I guess my first method may be harder to accomplish this so I dont know.
  9. So i think I have solved the mystery of placing the bars at different levels, but I am still having a problem with a few things. http://php.scripts.psu.edu/jcc5018/testindex.phpFirst, How would I position the 1st level bar so it is always aligned right next to the logo on the site. Currently I tried putting in a fixed position, but that will change depending on the browser size.second, I am still having trouble making this work in IE and I'm not sure how to fix it. IE doesnt display the appropriate background, and the submenus include another text box with the word false in it. Third, I had to comment out the submenu classes that displayed the arrows if it had a submenu. I would really like to keep these, but when I do, the proper color of the button while hovering doesnt display. How can I fix this?fourth, I got the button backgrounds to change for rollovers and the seperate levels, But for some reason I can't get the text color to change with it. Im not sure why this is. Also, Is there a way to have the 2nd and 3rd levels centered horizontally to the page?Here is the current CSS code, again if you can help me figure out which parts of the code I really don't need or are repetitive, please let me know:I'd like to do this with minimum javascript if possible. @charset "UTF-8";/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 *//* Copyright © 2006. Adobe Systems Incorporated. All rights reserved. *//******************************************************************************* LAYOUT INFORMATION: describes box model, positioning, z-order *******************************************************************************//* The outermost container of the Menu Bar, an auto width box with no margin or padding */ul.MenuBarHorizontal{ padding: 0; list-style-type: none; font-size: 100%; cursor: default; width: auto; position: relative; margin-top: 10px; margin-right: 10px; left: auto; top: 100px; z-index: auto; float:right;}/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: [url="http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html"]http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html[/url] */ul.MenuBarActive{ z-index: 1000 ; }/* Menu item containers, position children relative to this container and are a fixed width */ul.MenuBarHorizontal li{ margin: 0; padding: 0; list-style-type: none; font-size: 100%; text-align: left; cursor: pointer; width:auto; float: left; border-right-width: thin; border-bottom-width: thin; border-right-style: groove; border-bottom-style: groove; border-right-color: #999999; border-bottom-color: #999999; background-image: url(../navigation/test2/test2/test3_r2_c2.gif); } ul.MenuBarHorizontal li.Main{ top: 0px; right: 0px; background-image: url(../navigation/test2/test2/test2.gif);} ul.MenuBarHorizontal li.Main a{ color: #66CC00; font-weight: bolder;}/*ul.MenuBarHorizontal li.Main a:hover{ color: #0033CC; font-weight: bolder; background-image: url(../navigation/test2/test2/test2_f2.gif); }ul.MenuBarHorizontal li.Sub{position:relative;}*//* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) ul.MenuBarHorizontal ul.newbar{ position:fixed; background-color: #999999; width: auto; top: 60px; }*/ul.MenuBarHorizontal ul{ padding: 0; list-style-type: none; font-size: 100%; z-index: 1020; cursor: default; width: 100%; position: fixed; float:left; left: -1000em; white-space: nowrap; display: block; width: auto; top: 60px; }/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */ul.MenuBarHorizontal ul.MenuBarSubmenuVisible{ position:fixed; left: 0px; margin-left: 10%; margin-top: 100px; width: auto;}/* Menu item containers are same fixed width as parent */ul.MenuBarHorizontal ul li{ width: auto; float: left;}/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */ul.MenuBarHorizontal ul ul{ padding: 0; list-style-type: none; font-size: 100%; z-index: 1020; cursor: default; width: 100%; position: fixed; float:left; left: -1000em; white-space: nowrap; display: block; width: auto; top: 60px;}/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible{ position:fixed; left: 10px; margin-top:140px;}/******************************************************************************* DESIGN INFORMATION: describes color scheme, borders, fonts *******************************************************************************//* Menu items are a light gray block with padding and no text decoration */ul.MenuBarHorizontal a{ display: block; cursor: pointer; padding: 0.5em 0.75em; text-decoration: none; text-transform: uppercase; font-weight: bold;}ul.MenuBarHorizontal li:hover ul, ul.MenuBarHorizontal li:focus ul{ display:block;}/* Menu items that have mouse over or focus have a blue background and white text */ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus{ color: #FFF; background-image: url(../navigation/test2/test2/test3_r2_c2_f2.gif);}/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible{ color: #FFF; background-image: url(../navigation/test2/test2/test2_f2.gif);}/******************************************************************************* SUBMENU INDICATION: styles if there is a submenu under a given menu item *******************************************************************************//* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) ul.MenuBarHorizontal a.MenuBarItemSubmenu{ background-image: url(SpryMenuBarDown.gif); background-repeat: no-repeat; background-position: 95% 50%;}*//* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%)ul.MenuBarHorizontal ul a.MenuBarItemSubmenu{ background-image: url(SpryMenuBarRight.gif); background-repeat: no-repeat; background-position: 95% 50%;} *//* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) ul.MenuBarHorizontal a.MenuBarItemSubmenuHover{ background-image: url(SpryMenuBarDownHover.gif); background-repeat: no-repeat; background-position: 95% 50%;}*//* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover{ background-image: url(SpryMenuBarRightHover.gif); background-repeat: no-repeat; background-position: 95% 50%;}*//******************************************************************************* BROWSER HACKS: the hacks below should not be changed unless you are an expert *******************************************************************************//* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */ul.MenuBarHorizontal iframe{ position: absolute; z-index: 1010;}/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */@media screen, projection{ ul.MenuBarHorizontal li.MenuBarItemIE { display: inline; f\loat: left; background: #FFF; }}
  10. Actually I have already been to the cssplay site, (thats how i figured out to call it a drop line menu actually. This example here is very similar to what i want to accomplish http://www.cssplay.co.uk/menus/pro_dropline6.html with a few things that Id have to change though. For example his menu has two different colors for the 2nd layer and im not sure why that is, and I feel its missing a JS code that changes the current class to the proper page. I attempted to copy his settings into my own file along with a few other tutuirals i have found but I have been unable to achieve the same results. The closest Ive got to what I am looking for is the code I pasted before. But I am having trouble with the third layer and the placement. I know one thing that has been making a difference is changing the positions to absolute versus relative. There are probably elements in which i shouldnt have the position set at all but im not sure which those are. I would also probably have to make the list have a fixed position as well to get them in the proper locations on my site, but then i still have the issue of keeping the selected menu displayed while my mouse moves past the gap caused and to the appropriate link.
  11. Hey guys, I am working on my navigational links for my website again ( I still havent found the best method to do it yet that i can make work) but this time I am trying to make a CSS based list with the SpryMenubuilder in Dreamweaver. Well I\'ve been playing around with it for hours and I\'m almost there, but still having some issues with some things.The link to the navigation so far is at http://www.personal.psu.edu/jcc5018/test2.htmlCheck http://www.personal.psu.edu/jcc5018/start.htm for references to locations that I will be refering to. My Problem areas are:1. I can\'t get the second and third levels to position properly. When this is finished I want the 1st level to be indented to be located next to the site logo. (check reference site) - The second layer needs to be placed over the colored stripes below the logo and aligned left to the page. - The Third layer which is only in the About Me tab, will be placed directly below the 2nd layer, but I need it to be a horizontal bar as well. It will only have a basic colored block formatting, no background image.- Why is the third layer placed in random y- axis positions opposed to being a set distance from the 2nd layer with my current coding?2. Going off the first issue, I have the second layer almost right but it keeps positioning below the parent opposed to being aligned right like I was trying to have it set.3 If I have a gap between the layers, the menus disappear when I try scrolling to the lower tiered menus. How to I set it so that the parent layers can be clicked opposed to just hovering, and have it display the clicked block on each layer. 4. I have it set to display the yellow image on hover, but if the parent has any children links, then the yellow rollover image doesnt display. Which tag should this be in to make it work. Also, I want the 2 layer links to have its own rollover and active images, but currently they are using the same as the first layer. 5. Currently I made my images simple rectangles that stretch for the link background. But I really would like to use the buttons with the curved sides, but when I try that, the curves just get cut off. How to I make it so that It will display both curved edges. I saw before, though i cant remember where, that people use two pictures to accomplish this. One with the left curve only, then the other with the text area (that would expand to fit the text) and the left curved edge. If I separated my images like this, how would I load both images with CSS 6. I am assuming this will have to be done through javascript or PHP, but I want an active link state set depending on the file loaded. I know I will have to set it so that it loads an \"Active\" class, but Im not entirely sure the JavaScript coding needed to do that. 7. This may be beyond the scope of the CSS knowledge, but I plan on having my nav bar when completed as a header on a template page of my site. Each link will be directed with PHP to load the corresponding page. I think this should maintain the active link state of the nav bar, but I dont think it would display the proper URL. Anyone know the code to make that work with PHP preferably since I dont really know JS. 8. I realize I probably have a lot more than I really need to make this work in my CSS file, So if you know what can safely be taken out, please feel free to do that too.9. And as of now, the file does not work properly in IE, any idea what I have to do to fix this?Here\'s the HTML, CSS and JavaScript files that Ive played with. <body><ul id=\"MenuBar1\" class=\"MenuBarHorizontal\"> <li class=\"Main\"><a class=\"MenuBarItemSubmenu\" href=\"#\">Home</a> <ul class=\"newbar\"> <li class=\"Sub\"><a href=\"#\" >Main</a></li> <li class=\"Sub\"><a href=\"#\">News</a></li> <li class=\"Sub\"><a href=\"#\">History</a></li> </ul> </li> <li class=\"Main\"><a href=\"#\" class=\"MenuBarItemSubmenu\" >About Me</a> <ul class=\"newbar\"> <li class=\"Sub\"><a href=\"#\" class=\"MenuBarItemSubmenu\">Skills</a> <ul> <li class=\"Sub\"><a href=\"#\">Business</a></li> <li class=\"Sub\"><a href=\"#\">Communication</a></li> <li class=\"Sub\"><a href=\"#\">Computer</a></li> <li class=\"Sub\"><a href=\"#\">Tools/ Machinery</a></li> <li class=\"Sub\"><a href=\"#\">Miscellaneous</a></li> </ul> </li> <li class=\"Sub\"><a href=\"#\" class=\"MenuBarItemSubmenu\">Experience</a> <ul> <li class=\"Sub\"><a href=\"#\">Leadership</a></li> <li class=\"Sub\"><a href=\"#\">Organization</a></li> <li class=\"Sub\"><a href=\"#\">Resourcefulness</a></li> <li class=\"Sub\"><a href=\"#\">Customer Service</a></li> <li class=\"Sub\"><a href=\"#\">Work Ethic</a></li> <li class=\"Sub\"><a href=\"#\">Technical</a></li> </ul> </li> <li class=\"Sub\"><a href=\"#\">Strengths</a></li> <li class=\"Sub\"><a href=\"#\">Goals</a></li> <li class=\"Sub\"><a href=\"#\" class=\"MenuBarItemSubmenu\">Work</a> <ul> <li class=\"Sub\"><a href=\"#\">Job History</a></li> <li class=\"Sub\"><a href=\"#\">What I am looking for</a></li> <li class=\"Sub\"><a href=\"#\">How I like to be managed</a></li> </ul> </li> <li class=\"Sub\"><a href=\"#\" class=\"MenuBarItemSubmenu\">Education</a> <ul> <li class=\"Sub\"><a href=\"#\">Schools</a></li> <li class=\"Sub\"><a href=\"#\">Grades</a></li> <li class=\"Sub\"><a href=\"#\">What I got from school</a></li> <li class=\"Sub\"><a href=\"#\">Courses Taken</a></li> </ul> </li> <li class=\"Sub\"><a href=\"#\">Personal</a> </li> </ul> </li> <li class=\"Main\"><a href=\"#\" class=\"MenuBarItemSubmenu\" >Projects</a> <ul class=\"newbar\"> <li class=\"Sub\"><a href=\"#\">Residential</a></li> <li class=\"Sub\"><a href=\"#\">Commercial</a></li> <li class=\"Sub\"><a href=\"#\">Hospitality</a></li> <li class=\"Sub\"><a href=\"#\">3D Design</a></li> <li class=\"Sub\"><a href=\"#\">Art</a></li> <li class=\"Sub\"><a href=\"#\">Papers</a></li> <li class=\"Sub\"><a href=\"#\">Miscellaneous</a></li> </ul> </li> <li class=\"Main\"><a href=\"#\" class=\"MenuBarItemSubmenu\" >Resume</a> <ul class=\"newbar\"> <li class=\"Sub\"><a href=\"#\">Comprehensive</a></li> <li class=\"Sub\"><a href=\"#\">Standard</a></li> <li class=\"Sub\"><a href=\"#\">Skill Based</a></li> <li class=\"Sub\"><a href=\"#\">Basic Format</a></li> </ul> </li> <li class=\"Main\"><a href=\"#\" >Referrals</a></li> <li class=\"Main\"><a href=\"#\" class=\"MenuBarItemSubmenu\" >Contact</a> <ul class=\"newbar\"> <li class=\"Sub\"><a href=\"#\">General Feedback</a></li> <li class=\"Sub\"><a href=\"#\">Business Feedback</a></li> </ul> </li></ul><script type=\"text/javascript\"><!--var MenuBar1 = new Spry.Widget.MenuBar(\"MenuBar1\", {imgDown:\"SpryAssets/SpryMenuBarDownHover.gif\", imgRight:\"SpryAssets/SpryMenuBarRightHover.gif\"});//--></script></body> @charset \"UTF-8\";/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 *//* Copyright © 2006. Adobe Systems Incorporated. All rights reserved. *//******************************************************************************* LAYOUT INFORMATION: describes box model, positioning, z-order *******************************************************************************//* The outermost container of the Menu Bar, an auto width box with no margin or padding */ul.MenuBarHorizontal{ margin: 10; padding: 0; list-style-type: none; font-size: 100%; cursor: default; width: auto; position: absolute; }/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: [url="http://\"http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html\""]http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html[/url] */ul.MenuBarActive{ z-index: 1000 ; }/* Menu item containers, position children relative to this container and are a fixed width */ul.MenuBarHorizontal li{ margin: 10; padding: 0; list-style-type: none; font-size: 100%; position: relative; text-align: left; cursor: pointer; float: left; border-right-width: thin; border-bottom-width: thin; border-right-style: groove; border-bottom-style: groove; border-right-color: #999999; border-bottom-color: #999999; background-image: url(../Navigation/test2/test3_r2_c2.gif); color: #000000; } ul.MenuBarHorizontal li.Main{ margin: 10; padding: 0; list-style-type: none; font-size: 100%; position: relative; text-align: left; cursor: pointer; width: auto; float: left; border-right-width: thin; border-bottom-width: thin; border-right-style: groove; border-bottom-style: groove; border-right-color: #999999; border-bottom-color: #999999; top: 0px; right: 0px; background-image: url(../Navigation/test2/test2.gif);} ul.MenuBarHorizontal li.Main a{ color: #66CC00; font-weight: bolder;}ul.MenuBarHorizontal li.Sub{position:relative;}/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */ul.MenuBarHorizontal ul.newbar{ position:fixed; background-color: #999999; width: auto; top: 60px; left: 10px; }ul.MenuBarHorizontal ul{ padding: 0; list-style-type: none; font-size: 100%; z-index: 1020; cursor: default; width: 100%; position: relative; left: -1000em; white-space: nowrap; display: block;}/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */ul.MenuBarHorizontal ul.MenuBarSubmenuVisible{ left: auto;}/* Menu item containers are same fixed width as parent */ul.MenuBarHorizontal ul li{ width: auto;}/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */ul.MenuBarHorizontal ul ul{ position: absolute; margin-top: 100%; margin-left: 95%;}/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible{ left: auto; top: 0;}/******************************************************************************* DESIGN INFORMATION: describes color scheme, borders, fonts *******************************************************************************//* Menu items are a light gray block with padding and no text decoration */ul.MenuBarHorizontal a{ display: block; cursor: pointer; padding: 0.5em 0.75em; color: #FFFFFF; text-decoration: none; text-transform: uppercase; font-weight: bold;}ul.MenuBarHorizontal li ul{ display:none; }ul.MenuBarHorizontal li:hover ul, ul.MenuBarHorizontal li:focus ul{ display:block;}/* Menu items that have mouse over or focus have a blue background and white text */ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus{ color: #FFF; background-image: url(../Navigation/test2/test2_f3.gif);}/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible{ color: #FFF; background-image: url(../Navigation/test2/test2_f2.gif);}/******************************************************************************* SUBMENU INDICATION: styles if there is a submenu under a given menu item *******************************************************************************//* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ul.MenuBarHorizontal a.MenuBarItemSubmenu{ background-image: url(SpryMenuBarDown.gif); background-repeat: no-repeat; background-position: 95% 50%;}/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ul.MenuBarHorizontal ul a.MenuBarItemSubmenu{ background-image: url(SpryMenuBarRight.gif); background-repeat: no-repeat; background-position: 95% 50%;}/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a \"hover\" background image positioned on the far left (95%) and centered vertically (50%) */ul.MenuBarHorizontal a.MenuBarItemSubmenuHover{ background-image: url(SpryMenuBarDownHover.gif); background-repeat: no-repeat; background-position: 95% 50%;}/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a \"hover\" background image positioned on the far left (95%) and centered vertically (50%) */ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover{ background-image: url(SpryMenuBarRightHover.gif); background-repeat: no-repeat; background-position: 95% 50%;}/******************************************************************************* BROWSER HACKS: the hacks below should not be changed unless you are an expert *******************************************************************************//* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */ul.MenuBarHorizontal iframe{ position: absolute; z-index: 1010;}/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */@media screen, projection{ ul.MenuBarHorizontal li.MenuBarItemIE { display: inline; f\\loat: left; background: #FFF; }} JavaScript (which I do not understand the coding for) (if you know how i can set this box to wrap its text so you all arent having to scroll horizontally, please let me know so i can fix it.) var Spry;if(!Spry){ Spry = {};}if(!Spry.Widget){ Spry.Widget = {};}// Constructor for Menu Bar// element should be an ID of an unordered list (<ul> tag)// preloadImage1 and preloadImage2 are images for the rollover state of a menuSpry.Widget.MenuBar = function(element, opts){ this.init(element, opts);};Spry.Widget.MenuBar.prototype.init = function(element, opts){ this.element = this.getElement(element); // represents the current (sub)menu we are operating on this.currMenu = null; var isie = (typeof document.all != \'undefined\' && typeof window.opera == \'undefined\' && navigator.vendor != \'KDE\'); if(typeof document.getElementById == \'undefined\' || (navigator.vendor == \'Apple Computer, Inc.\' && typeof window.XMLHttpRequest == \'undefined\') || (isie && typeof document.uniqueID == \'undefined\')) { // bail on older unsupported browsers return; } // load hover images now if(opts) { for(var k in opts) { var rollover = new Image; rollover.src = opts[k]; } } if(this.element) { this.currMenu = this.element; var items = this.element.getElementsByTagName(\'li\'); for(var i=0; i<items.length; i++) { this.initialize(items[i], element, isie); if(isie) { this.addClassName(items[i], \"MenuBarItemIE\"); items[i].style.position = \"static\"; } } if(isie) { if(this.hasClassName(this.element, \"MenuBarVertical\")) { this.element.style.position = \"relative\"; } var linkitems = this.element.getElementsByTagName(\'a\'); for(var i=0; i<linkitems.length; i++) { linkitems[i].style.position = \"relative\"; } } }};Spry.Widget.MenuBar.prototype.getElement = function(ele){ if (ele && typeof ele == \"string\") return document.getElementById(ele); return ele;};Spry.Widget.MenuBar.prototype.hasClassName = function(ele, className){ if (!ele || !className || !ele.className || ele.className.search(new RegExp(\"\\\\b\" + className + \"\\\\b\")) == -1) { return false; } return true;};Spry.Widget.MenuBar.prototype.addClassName = function(ele, className){ if (!ele || !className || this.hasClassName(ele, className)) return; ele.className += (ele.className ? \" \" : \"\") + className;};Spry.Widget.MenuBar.prototype.removeClassName = function(ele, className){ if (!ele || !className || !this.hasClassName(ele, className)) return; ele.className = ele.className.replace(new RegExp(\"\\\\s*\\\\b\" + className + \"\\\\b\", \"g\"), \"\");};// addEventListener for Menu Bar// attach an event to a tag without creating obtrusive HTML codeSpry.Widget.MenuBar.prototype.addEventListener = function(element, eventType, handler, capture){ try { if (element.addEventListener) { element.addEventListener(eventType, handler, capture); } else if (element.attachEvent) { element.attachEvent(\'on\' + eventType, handler); } } catch (e) {}};// createIframeLayer for Menu Bar// creates an IFRAME underneath a menu so that it will show above form controls and ActiveXSpry.Widget.MenuBar.prototype.createIframeLayer = function(menu){ var layer = document.createElement(\'iframe\'); layer.tabIndex = \'-1\'; layer.src = \'java script:false;\'; menu.parentNode.appendChild(layer); layer.style.left = menu.offsetLeft + \'px\'; layer.style.top = menu.offsetTop + \'px\'; layer.style.width = menu.offsetWidth + \'px\'; layer.style.height = menu.offsetHeight + \'px\';};// removeIframeLayer for Menu Bar// removes an IFRAME underneath a menu to reveal any form controls and ActiveXSpry.Widget.MenuBar.prototype.removeIframeLayer = function(menu){ var layers = menu.parentNode.getElementsByTagName(\'iframe\'); while(layers.length > 0) { layers[0].parentNode.removeChild(layers[0]); }};// clearMenus for Menu Bar// root is the top level unordered list (<ul> tag)Spry.Widget.MenuBar.prototype.clearMenus = function(root){ var menus = root.getElementsByTagName(\'ul\'); for(var i=0; i<menus.length; i++) { this.hideSubmenu(menus[i]); } this.removeClassName(this.element, \"MenuBarActive\");};// bubbledTextEvent for Menu Bar// identify bubbled up text events in Safari so we can ignore themSpry.Widget.MenuBar.prototype.bubbledTextEvent = function(){ return (navigator.vendor == \'Apple Computer, Inc.\' && (event.target == event.relatedTarget.parentNode || (event.eventPhase == 3 && event.target.parentNode == event.relatedTarget)));};// showSubmenu for Menu Bar// set the proper CSS class on this menu to show itSpry.Widget.MenuBar.prototype.showSubmenu = function(menu){ if(this.currMenu) { this.clearMenus(this.currMenu); this.currMenu = null; } if(menu) { this.addClassName(menu, \"MenuBarSubmenuVisible\"); if(typeof document.all != \'undefined\' && typeof window.opera == \'undefined\' && navigator.vendor != \'KDE\') { if(!this.hasClassName(this.element, \"MenuBarHorizontal\") || menu.parentNode.parentNode != this.element) { menu.style.top = menu.parentNode.offsetTop + \'px\'; } } if(typeof document.uniqueID != \"undefined\") { this.createIframeLayer(menu); } } this.addClassName(this.element, \"MenuBarActive\");};// hideSubmenu for Menu Bar// remove the proper CSS class on this menu to hide itSpry.Widget.MenuBar.prototype.hideSubmenu = function(menu){ if(menu) { this.removeClassName(menu, \"MenuBarSubmenuVisible\"); if(typeof document.all != \'undefined\' && typeof window.opera == \'undefined\' && navigator.vendor != \'KDE\') { menu.style.top = \'\'; menu.style.left = \'\'; } this.removeIframeLayer(menu); }};// initialize for Menu Bar// create event listeners for the Menu Bar widget so we can properly// show and hide submenusSpry.Widget.MenuBar.prototype.initialize = function(listitem, element, isie){ var opentime, closetime; var link = listitem.getElementsByTagName(\'a\')[0]; var submenus = listitem.getElementsByTagName(\'ul\'); var menu = (submenus.length > 0 ? submenus[0] : null); var hasSubMenu = false; if(menu) { this.addClassName(link, \"MenuBarItemSubmenu\"); hasSubMenu = true; } if(!isie) { // define a simple function that comes standard in IE to determine // if a node is within another node listitem.contains = function(testNode) { // this refers to the list item if(testNode == null) { return false; } if(testNode == this) { return true; } else { return this.contains(testNode.parentNode); } }; } // need to save this for scope further down var self = this; this.addEventListener(listitem, \'mouseover\', function(e) { if(self.bubbledTextEvent()) { // ignore bubbled text events return; } clearTimeout(closetime); if(self.currMenu == listitem) { self.currMenu = null; } // show menu highlighting self.addClassName(link, hasSubMenu ? \"MenuBarItemSubmenuHover\" : \"MenuBarItemHover\"); if(menu && !self.hasClassName(menu, \"MenuBarSubmenuVisible\")) { opentime = window.setTimeout(function(){self.showSubmenu(menu);}, 250); } }, false); this.addEventListener(listitem, \'mouseout\', function(e) { if(self.bubbledTextEvent()) { // ignore bubbled text events return; } var related = (typeof e.relatedTarget != \'undefined\' ? e.relatedTarget : e.toElement); if(!listitem.contains(related)) { clearTimeout(opentime); self.currMenu = listitem; // remove menu highlighting self.removeClassName(link, hasSubMenu ? \"MenuBarItemSubmenuHover\" : \"MenuBarItemHover\"); if(menu) { closetime = window.setTimeout(function(){self.hideSubmenu(menu);}, 600); } } }, false);}; I know its a lot but if you can help, it would be appreciated as always. I just want to get this project done, but I keep running into problems because I dont understand the code, and then end up trying something else, only to run into more problems. So If I can get this working so I dont have to deal with it anymore Id be extremely greatful.
  12. jcc5018

    Sql Project Database

    Hey guys, I am still attempting to figure out a good solution for building a dynamic flash display of my personal autoCAD work for an online portfolio. Since I have a little PHP and SQL experience, I am thinking that maybe I could create a database with SQL and using PHPmyadmin to access it. I have some questions regarding the database design though. The structure so far is as followsProject_type: Type, Type_shortcut, CommentProject: ID,Type, Title, Project_type, program_used, Size, Features, Skills_learned, work_left, commentPicture: Project_ID, Title, Caption, LocationThe questions I have are:1. In project_type, is it really needed to have a Type such as Residential and then a type_shortcut =R. The plan is to make Project.Type connect to the type_shortcut. and then the Project.Project_type is just a more detailed explanation of the kind of residential project it may be, such as single family home or apartment for exp. 2. On each project, there would be multiple entries for SIZE, Features, Skills_learned, and work_left. When i call this up, I really want the data to be displayed as a list. Is there a way to insert rich text formatting into a database. I know you can in ACCESS but im not sure bout mysql. Or would I be able to insert it as HTML list code so that when PHP calls it up, it will just call up the HTML code and display it as a list. Actually to take that a step further, I think my end goal is to call the data to form an XML file that ActionScript would be able to read. 3. When calling the data to form into an XML structure, how do i write the query so that the pictures are listed under the right project, and the project under the right Project_type. I found a tutorial showing how to create the XML from a database, but It only showed one table. I'm a bit lost on how to get the rest. 4. When I set the location of the pictures, will it work if i use the shortened version of the path name, assuming that the php and flash files are stored in the Top level folder. Exp. (Files stored here)\gallery\3d_design\deck\Deck0.jpgFor reference, this is the sample XML format that I think my data is going end up in: <Project xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="C:\xampp\htdocs\jonsonlineportfolio\projects\xml\XSDFile1.xsd"> <Project_type type="Residential" comment="insert comment here"> <Project_Name name="The Getaway Retreat"> <Type>Single Family Home</Type> <Size>Size information (list format text)</Size> <Features>(list format text)</Features> <Year_Designed>string</Year_Designed> <Program_Used>string</Program_Used> <Skills_Learned>(list format text)</Skills_Learned> <Work_Left>(list format text)</Work_Left> <caption>string</caption> <Picture> <source>image</source> <Title>string</Title> <caption>string</caption> </Picture> <Picture> <source>image</source> <Title>string</Title> <caption>string</caption> </Picture> </Project_Name> </Project_type></Project> Once I figure out the correct database structure, and figure out how to convert it to XML with PHP, then hopefully i'll be able to figure out ActionScript to actually make my flash gallery. Just a note, the reason I am choosing to do this database step instead of just going to XML was because I found that trying to insert data in between all those tags and with all the potential copy and pasting and deleting I would have to do, it just seemed it would be difficult if I had to go in and make a change or add a project to a section. I felt I needed some sort of form to enter the data into and the table structure seemed to be the solution. If there is a simpler way to do the same thing that would be great to know. Im trying to make my site organized and easy to go in and change if needed, but it seems everytime i try one thing i come across a ton of problems and it still doesnt get made. So any suggestions would be great.My current site with a general idea of what i am trying to accomplish is here: http://www.personal.psu.edu/jcc5018/House3.htm
  13. Hey I am going be attempting to make a Flash picture viewer in order to display my architecture projects I've been making over the years. I attempted to code something basic before, but it became difficult in dealing with the multiple images and making them thumbnails and such. I have found tutorials before on using actionscript to call up the data in an XML file, but I dont really know the best way to make this file. I ended up downloading Liquid XML studio to help with the coding and I think I figured out how to make a schema for the xml file, though i'm not really sure what it is or what to do with it. I dont know much else about xml beyond whats below. <xs:element name="Project_type"> <xs:complexType> <xs:sequence> <xs:element name="Project_Name"> <xs:complexType> <xs:sequence> <xs:element name="Type" type="xs:string" /> <xs:element maxOccurs="unbounded" name="Size" type="xs:string" /> <xs:element maxOccurs="unbounded" name="Features" type="xs:string" /> <xs:element name="Year_Designed" type="xs:string" /> <xs:element maxOccurs="unbounded" name="Program_Used" type="xs:string" /> <xs:element maxOccurs="unbounded" name="Skills_Learned" type="xs:string" /> <xs:element maxOccurs="unbounded" name="Work_Left" type="xs:string" /> <xs:element maxOccurs="unbounded" name="Picture"> <xs:complexType> <xs:sequence> <xs:element name="source" type="xs:anyURI" /> <xs:element name="Title" type="xs:string" /> <xs:element name="caption" type="xs:string" /> </xs:sequence> </xs:complexType> </xs:element> </xs:sequence> </xs:complexType> </xs:element> </xs:sequence> </xs:complexType> </xs:element> This created the basic XML sample for the coding <?xml version="1.0" encoding="utf-8"?><!-- Created with Liquid XML Studio - 30 Day Trial Edition 7.0.5.906 (http://www.liquid-technologies.com) --><Project xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="C:\xampp\htdocs\jonsonlineportfolio\projects\xml\XSDFile1.xsd"> <Project_type> <Project_Name> <Type>string</Type> <Size>string</Size> <Features>string</Features> <Year_Designed>string</Year_Designed> <Program_Used>string</Program_Used> <Skills_Learned>string</Skills_Learned <Work_Left>string</Work_Left> <Picture> <source>image</source> <Title>string</Title> <caption>string</caption> </Picture> <Picture> <source>image</source> <Title>string</Title> <caption>string</caption> </Picture> </Project_Name> </Project_type></Project> I believe this should handle the needed information once I figure out the action script side of things. But I have a few questions. But go to http://www.personal.psu.edu/jcc5018/House3.htm to see approx what I hope to accomplish. There are many projects within each project type, and then each project has the information above, but also includes multiple pictures that will have both a thumbnail and large version. One-- will this allow me to insert list in between tags such as the work left or skills learned? Or would I just have multiple tags of the same name for each item in the listTwo-- How do I best reference the pictures in the source tags.Three-- Where does the Project title/ Type information go if this is the current set up? Do i make it an attribute inside the first project_name tag? Project types would be: Residential, Hospitality, Commercial, ect, then under each type are the various projects. Four- It is a bit difficult I found in editing a file in this way. I could copy paste the basic format, but then I'd have to constantly delete things and reposition the cursor to fill in the needed information between tags. IS there a way to use a form or something to automatically enter the information in between the appropriate tags?Once I get this part set up I think I should be able to figure out a flash/ actionscript program to display it. Or at least I hope I can use the tutorials to make my own. My biggest issue though has been question 4 as it just seems very time intensive to do it this way and it seems very prone to mistakes. Thanks
  14. Hey guys, I am working on trying to rebuild my website to make it a little cleaner and I am still having problems with my header/ navigational system. I want something that will be constant among all pages. I created a nice set of horizontal links using fireworks which has the UP/ Over/ Down/ and Down over state and it automatically imports a code that handles the roll over function. unfortunately, I have not been able to figure out how to set it up so that the active link will display depending on the page loaded. My plan is to make the header a separate php file that can be included into each of my pages so that I dont have to copy the code for each. My thought for how to make this work was to have some sort of code on each page that would identify it and the header would read that code and display the down state with the javascript code already included. I dont really know JS so trying to interpret the code from fireworks is difficult for me. And Although I know PHP a little, I'm not sure about how to go about using the includes and identifying the page loaded. I am hoping to use dreamweaver cs3 and making a template so that I can easily just plug the Header/ footer and content into the boxes and be set. here is the javascript code that was automatically inserted // JavaScript Documentfunction MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}}function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x;}function MM_nbGroup(event, grpName) { //v6.0 var i,img,nbArr,args=MM_nbGroup.arguments; if (event == "init" && args.length > 2) { if ((img = MM_findObj(args[2])) != null && !img.MM_init) { img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src; if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array(); nbArr[nbArr.length] = img; for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) { if (!img.MM_up) img.MM_up = img.src; img.src = img.MM_dn = args[i+1]; nbArr[nbArr.length] = img; } } } else if (event == "over") { document.MM_nbOver = nbArr = new Array(); for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) { if (!img.MM_up) img.MM_up = img.src; img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up); nbArr[nbArr.length] = img; } } else if (event == "out" ) { for (i=0; i < document.MM_nbOver.length; i++) { img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; } } else if (event == "down") { nbArr = document[grpName]; if (nbArr) for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; } document[grpName] = nbArr = new Array(); for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) { if (!img.MM_up) img.MM_up = img.src; img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up; nbArr[nbArr.length] = img; } }} one problem i have with this code is that I dont understand it, but also that when fireworks imported all the slices, it broke them up into a large number of boxes and stuff that I guess are used as spacers. I feel I could do the same thing by just having one picture with my logo, one for the colored bar underneath, and the rest as links, all placed in relative position to one another. To see what I'm talking about, you can check http://www.personal.psu.edu/jcc5018/start.htmI also really would like to set this up so that an appropriate title will be displayed above the links in that empty space, depending on the page loaded. I also plan to include a second row of links that will be placed over the red bars that will have the same effect. That is, the active link of both the red links as well as the active link in the second row will both be highlighted. The second row will change depending on the 1st level links.So if anyone is able to explain how to make this javascript code work for me, or If you know how to do it with PHP, I would really appreciate the help. Thanks
  15. well, im not sure but the values for the scores might be registering but for some reason neither the score page or the create user page is allowing any data to be entered into the database. it is able to pull data from the database but it wont insert into it.
  16. ok im slowly figuring this out.I have this page: $query[$i]="Select negative, positive from personalitytraits where id='$i'";$result[$i]= mysql_query($query[$i]);while($row = mysql_fetch_array($result[$i])) { // this calls one row at a time and stores the result as the negative and positive variables $negative[$i]= $row['negative']; $positive[$i]= $row['positive']; } echo '<form id="form1" name="form1" method="post" action="score.php">'; echo '<table width="800" border="1">'; echo '<tr> <td colspan="2">'.$negative[$i].'</td> <td width="54"> </td> <td width="54"> </td> <td width="85"> </td> <td width="128"><div align="center">Dont know </div></td> <td width="78"> </td> <td width="54"> </td> <td width="54"> </td> <td colspan="2">'.$positive[$i].' </td> </tr> <tr>'; echo '<td width="54" height="57"><label> <div align="center"> <input type="radio" name="rank'.$i.'" value="-5" id="rank_11" /> <br /> -5</div> </label></td> <td width="54"><label> <div align="center"> <input type="radio" name="rank'.$i.'" value="-4" id="rank_12" /> <br /> -4</div> </label></td> <td><label> <div align="center"> <input type="radio" name="rank'.$i.'" value="-3" id="rank_13" /> <br /> -3</div> </label></td> <td><label> <div align="center"> <input type="radio" name="rank'.$i.'" value="-2" id="rank_14" /> <br /> -2</div> </label></td> <td><label> <div align="center"> <input type="radio" name="rank'.$i.'" value="-1" id="rank_15" /> <br /> -1</div> </label></td> <td><label> <div align="center"> <input type="radio" name="rank'.$i.'" value="0" id="rank_16" /> <br /> 0</div> </label></td> <td><label> <div align="center"> <input type="radio" name="rank'.$i.'" value="1" id="rank_17" /> <br /> 1</div> </label></td> <td><label> <div align="center"> <input type="radio" name="rank'.$i.'" value="2" id="rank_18" /> <br /> 2</div> </label></td> <td><label> <div align="center"> <input type="radio" name="rank'.$i.'" value="3" id="rank_19" /> <br /> 3</div> </label></td> <td width="54"><label> <div align="center"> <input type="radio" name="rank'.$i.'" value="4" id="rank_20" /> <br /> 4</div> </label></td> <td width="61"><label> <div align="center"> <input type="radio" name="rank'.$i.'" value="5" id="rank_21" /> <br /> 5</div> </label></td> </tr> </table> <p></p>';} echo '<input type="submit" value="Done Rating">'; $surveyid=$_POST['surveyid']; echo '<input name="surveyid" type="hidden" value="$surveyid" />'; echo "</form>"; ?> That goes into this: $surveyid=$_POST['surveyid'];$query="Select fname from info where userid='(select userid from surveyid where surveyid='$surveyid')' ";$friend= mysql_query($query);for ($i=1; $i<=10; $i++){$score[$i]= $_POST["rank".$i];$query="insert into personalityscore values ('$surveyid','$i','$score[$i]')";$result = mysql_query($query);}if ($result) {echo "Thank you for finishing the survey. Your results will be added to the database for $friend to view when they next log on.<br>";} else{echo "There was an error entering your data.";}echo '<br><a href="Web Site/index.html" target="_self">Return to Home Page</a>'; well it is displaying the error message and not entering the values of the survey correctly. Im not sure if I am pulling the $score variable correctly. This is actually due tomorrow. I think this is the last thing i really need to do in order for this to work.
  17. oh on my traits table , The ID is autoincrimented, but of course if you delete a set the ID numbers do not auto correct, so i end up with ID's like 1,3,4,5,8,10... I feel like this could pose a problem with the for loops in PHP? so is this a problem and does anyone know how to have the numbers reordered automatically?
  18. Ok, I am doing a website for a class in which i want users to have the opportunity to be rated based on a list of traits that are included into a database. But I am having a hard t ime with the code that would allow me to have a form in HTML that is a set of radio buttons valued -5 --> 5. With -5 being a negative trait such as "SAD" and 5 being a positive trait; "Happy". I have a list of about 10 traits currently (will be updated to 120 divided into 3 catagories once I figure it out) So my idea is that the PHP has to retreive the value from the database using sql one row at a time, then it will display the positive and negative trait into the appropriate lable on the HTML Form, then that data has to be saved while it loops to the next row of data and displays another Pos/ neg value into a copy of the same form. It will do this 10 times for now. But the value of the radio button has to be recorded for each set of traits (Happy/ Sad = 1 set) and then that value will be entered into a seperate database table. My problem is that I dont know how to make it loop and display/ record a seperate set of traits for each form.Here's the link to what i managed so farhttp://zen.smeal.psu.edu/~jcc5018/project/survey.php <?phpHeres the code:// the idea is to loop this by calling one row at a time and storing them as a variable. Im not sure how to put the chart in the loop and then return the seperate trait scores back to the rest of the PHP page. for ($i=1; $i<=10; $i++){$dbc=mysql_connect("______", "____","____");mysql_select_db("_____") or did("Can't find database ______"); $query[$i]="Select negative, positive from personalitytraits where id='$i'";$result[$i]= mysql_query($query[$i]);while($row = mysql_fetch_array($result[$i])) { // this calls one row at a time and stores the result as the negative and positive variables $negative[$i]= $row['negative']; $positive[$i]= $row['positive']; } echo '<form id="form1" name="form1" method="post" action="survey.php">'; echo '<table width="800" border="1">'; echo '<tr> <td colspan="2">$negative[$i]</td> <td width="54"> </td> <td width="54"> </td> <td width="85"> </td> <td width="128"><div align="center">Dont know </div></td> <td width="78"> </td> <td width="54"> </td> <td width="54"> </td> <td colspan="2">$positive[$i] </td> </tr> <tr> <td width="54" height="57"><label> <div align="center"> <input type="radio" name="rank" value="-5" id="rank_11" /> <br /> -5</div> </label></td> <td width="54"><label> <div align="center"> <input type="radio" name="rank" value="-4" id="rank_12" /> <br /> -4</div> </label></td> <td><label> <div align="center"> <input type="radio" name="rank" value="-3" id="rank_13" /> <br /> -3</div> </label></td> <td><label> <div align="center"> <input type="radio" name="rank" value="-2" id="rank_14" /> <br /> -2</div> </label></td> <td><label> <div align="center"> <input type="radio" name="rank" value="-1" id="rank_15" /> <br /> -1</div> </label></td> <td><label> <div align="center"> <input type="radio" name="rank" value="0" id="rank_16" /> <br /> 0</div> </label></td> <td><label> <div align="center"> <input type="radio" name="rank" value="1" id="rank_17" /> <br /> 1</div> </label></td> <td><label> <div align="center"> <input type="radio" name="rank" value="2" id="rank_18" /> <br /> 2</div> </label></td> <td><label> <div align="center"> <input type="radio" name="rank" value="3" id="rank_19" /> <br /> 3</div> </label></td> <td width="54"><label> <div align="center"> <input type="radio" name="rank" value="4" id="rank_20" /> <br /> 4</div> </label></td> <td width="61"><label> <div align="center"> <input type="radio" name="rank" value="5" id="rank_21" /> <br /> 5</div> </label></td> </tr> </table> <p> </p>'; echo "</form>"; $score= $_post('rank'); } ?> The following is the list of tables, sql statements I think I'd need to implement, and the general process. Keep in mind, right now i am only focusing on one set of traits (personality) and I am probably not including the user preferences at this point in the design, I just need to get the survey working and recording the data. Please help me if you can. This is due by tuesday or thursday. \\User enters data into create new account form, Data is retrived with PHP, USER ID and rater id values are automatically assigned a random number 8 characters long. \\** may need to run a sequence that will prevent duplicate ID’s **INSERT INTO `jcc5018`.`info’ (‘visitorid’,‘fname’,’lname’,’email’,’username’,’password’,’userid’,’raterid)VALUES (NULL, ‘fname’,’lname’,’email’,’username’,’password’,’userid’,’raterid’);\\ If user is creating a survey they also will be entering the following into userinfo table\\INSERT INTO `jcc5018`.`userinfo’ (‘userid’,’street’, ’street2’, ‘city’, ‘state’, ‘zip’, ‘phone’, ‘description’, ‘comments’, ‘joindate’)VALUES (‘userid’,’street’, ’street2’, ‘city’, ‘state’, ‘zip’, ‘phone’, ‘description’, ‘comments’, ‘joindate’);\\ If user is only rating a person the following will take place…1. They will create account that inserts into the info table2. Then they will enter additional information based on the person they are ratingSelect surveyid FROM surveyed WHERE userid =’userid’ AND raterid=’raterid’;Insert into ‘jcc5018’.’raterinfo’ (‘surveyed’,’######’,’timeknown’, ‘relationship’, ‘anonymous’) Values (‘surveyed’,’######’,’timeknown’, ‘relationship’, ‘anonymous’)INSERT INTO `jcc5018`.`personalityscore’ (‘surveyid’, ’personalid’, ’perscore’) VALUES (‘surveyid’,’personalid’,’perscore’);Select AVG(perscore) from personalityscore where (Select surveyid from surveyid where userid=’userid’ );Things to make website workConnect to database Database will consist of multiple tablesInfo table: This table is used for both raters and users as both will be required to have a password, email, and username. From here, a rater ID and User ID is assigned that each of the tables below expands upon. This should allow users to also be raters without filling in additional information. Basic ID, fname, lname, email, username, password, user ID, rater IDUser Informational table:User Id, street, street 2, city, state, zip, phone, picture, description, comments, joindateUser preferences: (Yes or No, or radio button options) (NOT INCLUDED YET)User id, personality, Image, lifestyle, det_pers, det_image, det_life, results, searchable, plan, payment, Invite codeNotifications:(NOT INCLUDED YET)User ID, new results, new featuresBlock list: (NOT INCLUDED YET)User Id, rater email SurveyIDSurvey ID, User ID, Rater IDPersonality Score:survey Id, personal Id, score_per, Image Score:(NOT INCLUDED YET)survey Id, image id, score_img, Lifestyle Score:(NOT INCLUDED YET)survey Id, lifestyle_id, score_lifeRater Information:Survey Id, ######, time known, relationship, anonymous PersonalityPersonal_Id, positive, negativeImage(NOT INCLUDED YET)Image_Id, positive, negativeLifestyle(NOT INCLUDED YET)Lifestyle_Id, positive, negativeResults (used for the payment plan as a user will have the option to purchase previous month results, each 30 days of results must be paid for to have full options based on plan purchased)(NOT INCLUDED YET)User Id, plan, total results, time Program logic:1. User creates account—Information entered into “Informational” table2. User chooses preferences—Information entered into “User preference” table3. User provided automatic random invite code—provided as a direct link to users survey4. User sends the link to friends or makes it available for anyone5. Raters click link and fill out basic information—store data in “rater” table6. Survey will retrieve traits based on the following code:a. MYSQL will check to see what options user has checked. b. PHP will create a For loop that will retrieve the positive and negative value based on the ID value in each Trait category and display it in a graph as follows.i. $i=Personal_ID, Image_id, or lifestyle_idFor (for ($i=0; $i<=50; $i++){Each trait category should have its own page automatically added depending on if the options have been included in the survey or not. - Each radio button is coded with the following: (values different based on button) - <input type="radio" name="rank" value="5" id="rank_21" />7. The PHP code needs to retrieve the value for each Trait [$i] and record it into the “Score” tablea. It should do this by using the value clicked, assigning it to the Id of the set of traits, then inserting that value into the database with an insert command8. Results will be viewed by displaying the trait names based on another for loop. a. Scores for each section must be averaged together using AVG query based on category Id, and user IDb. If user has payment option 1, query must first separate values based on ######, time known, and relationship then average each set of results separatelyc. If user has one month paid for and one month not paid for, results for the unpaid months must be displayed as “unknown” otherwise they will be color coded based on the result choice user prefers. d. If user has payment option 2, individual user results will be displayed for each trait.
  19. Hey, I created a Flash navigational bar to go at the top of my various pages on my website. I have it so that when each link is clicked, the title of that page will display in the flash. So because of this, I am having trouble figureing out how to make the general template for my entire site that has this flash header, and also a footer so I dont have to code it on each page like CSS is supposed to do. But CSS doesnt work with including a flash header so I don't know what to do. Frames will not work because then I wouldnt be able to have a direct link to the remainder of the site pages. I kinda think I'm going have to figure out PHP, but I'm not sure which aspect of it I have to learn to accomplish the task I want. I've tried searching for tuturials or templates with no luck. If I just uploaded the new bar to another page the flash just starts back at frame one instead of displaying the proper fram coresponding to the page it's displaying. Here is the link to the site so far to give you an idea of what I am trying to do http://www.personal.psu.edu/jcc5018/start.htm If you have a solution or know of any tuturials/ templates I can use to accomplish this, I'd greatly appreciate it. -- Just an idea, anyone know if I could make a text field in flash that would still keep that same formating I made with Photoshop, but instead of having each fram with the title, the flash code could just read something from the HTML document and display whatever is there?Does that make sense? If not... The HTML page will have an identification name, and then I just import the flash file to every page, and then the flash code would search for the ID name and display it in the title block on the flash movie with the Formatting shown. Anyone have any idea on that one?Web design sure is complicated. Or maybe its just me.
  20. um, thanks for the responses so far, to be honest, i probably wont check them out for a little while because i am attempting to finish the main part of my online portfolio. The form questions are a means of me getting feedback, hopefully from employers responding to my resume. I am coneected to a Penn State server for now which has the formmail.cgi script to send the mail to me. Would that work? I finally figured out how to connect to that, but like i said, I'll probably be figureing out the rest of the feedback form, only after i finish trying to update my site into a flash portfolio I'm trying to create. (So Im trying to understand action script and XML at the same time) I actually found a pretty detailed tutorial on how to make a better picture viewer than what I have set up already, and that would hopefully save me a lot of time in making the rest of it, but I'm going have to study it some and see if i can make some conversions to make it work better for my needs. You can check out what i managed to accomplish so far here : http://www.personal.psu.edu/jcc5018/House3.htmI will try to upload the code i have so far for my form when i get a chance so you guys can check it out for me. Thanks again for the help.
  21. Hey, I am trying to make a feedback form for my portfolio. I want to design it so that there is a section for general contact information then a section for if the person is a business representative responding to my resume. So how would i make a radio button selector that would ask something like Are you a business representative? *Yes * No and then if they click yes, another section would become available that has them fill out more information about the company they are with. And if no, nothing else will show up. I am doing this in Dreamweaver, if i need to learn another code to achieve this, can you give me an example of that code, or a tutorial or something that could help me out. Also, I want to have a radio button set to ask where they learned about my site with two of the options being: Verbal Reference and Other. I also want them to type in Who or what in a box next to the option if that option is selected. How do i connect a text box to that option?Thanks for any help you can provide.
  22. Hello, I am attempting to update my webpage which is an online portfolio of projects Ive worked on over the years. I have a lot of AutoCAD files that I had taken screen shots of and I am attempting to make a flash viewer of these shots using Flash CS3. I also made a set of links for my other projects and the rest of the site. Now i figured out how to make a decent thumbnail and viewer thing and how to insert it into dreamweaver, But I was hoping that maybe someone would know a faster way to do what i need to do to make the rest of my page. Right now the way I set this up was i imported all the pictures i needed, then i copied them to the workspace and made them all an inch by inch for the tumbnailsthen I had to make all of them buttons to make them so i could change the brightness to 20% when you roll over them. But to change the brightness I had to create another symbol to make it a graphic, while in the button editing mode. After i set up the buttons for all the pictures, I then went through and made a seperate fram for the bigger view pictures, along with a caption. But some of my pictures i wanted to have the option to enlarge them to allow for a better view since they are house plans. Well to do this, I had to make the pictures into another button symbol, that i had a "click to enlarge" label shown when you roll over the picture, and then when u press down, it gets bigger. But you have to hold the button for it to stay like that. Also, I think it would be better if I made the enlarged picture stay like that. I guess I could technically do that by just adding another frame and linking to it with the button. So here are my problems. Although it isnt too hard to do all that, it is very time consumming to have to do it for each and every picture, and for all of my projects. I saw that there is a way to swap buttons and stuff, but since i start by having just the jpgs not yet converted to buttons, that doesnt work. I want a way that I can swap the pictures for each symbol in a new page, so that they will take on the same attributes I placed on the previous buttons and graphics. For example, I can make one button with the brightness that increases to 20% when rolled over, and then just copy that and change the picture, hoping that it will change it for every keyframe using it. Is this possible?Here is the link to the one Page I have completed.http://www.personal.psu.edu/jcc5018/House3.htmAlso, if you check out that page you will notice that I have a lot of links so i needed to make a button to bring up a new set of thumbnails. That works I guess, but what i really wanted was something that would scroll the selection of thumbnails, without changing the picture currently displayed above. I tried doint that by making the whole set of thumbnails a graphic and then setting its own timeline to go to frame 9 when clicked, but when i do that, it goes to frame 9 on the main scene also, so that didnt really work right. And one other side question regarding the link bar at the top. I figured out how to make that red bar expand and display the links to my other projects, and then i figured out that by adding another bar in the same location on another layer, I could set an action that when someone rolls off the bar it would disappear. Well that all worked fine, untill i started trying to add the links to the bar. When i clicked to open the bar, I would move my mouse to try and select a link, and the bar would disappear before i could even move an inch. I ended up changing it that u had to click the bar for it to disappear but i really would prefer my roll off option. Any ideas on why it was doing that? Anyway, thanks for any help you may be able to provide. Im also welcom for suggestions or comments on the asthetics of the page as well. (anything i should add, or take off to make it look the best it can)Here are links to the two other pages i converted to use the flashhttp://www.personal.psu.edu/jcc5018/house2.htmhttp://www.personal.psu.edu/jcc5018/house1.htmThanks,Jon
×
×
  • Create New...