Jump to content

petersrin

Members
 View Profile  See their activity

  • Posts

    12

  • Joined

  • Last visited

 Content Type 

Everything posted by petersrin

  1. petersrin
    Safari cleared up. Apparently safari doesn't deal with CSS cascading of text-align the same way as mozilla within nested tables.
  2. petersrin
    Mozilla cleared up. Turned out to be a problem with the width:100%; in the .nav ul a rule. Safari still a problem - no centering.
  3. petersrin
    CSS SourceProblem PageIE, believe it or not, is fine. . . odd.Mozilla Firefox(win+mac) has a problem with the nav bar: the buttons extend slightly past the container. min-width won't seem to help.Safari doesn't center.
  4. petersrin
    I've seen plenty of javascript cascading menus to one level. Is it possible to move to 2 levels, eg. making a nav bar on the left that has: Products > Glass and Metal > Glass. So, in essence it's like in windows, where you go to file>Open Recent>blah.txt. It seems as if it aught to work. . . or would some other language be better? I can't see CSS alone handling it, and that wouldn't be compatible with IE 6/7 anyway. Oh, and speaking of, there WILL be a way of navigating even if javascript is disabled on their browsers. Thanks.
  5. petersrin
    Just what I need, thanks.
  6. petersrin
    Basic concept: table of product info: <table style="background-color:#000000" class="result"> <tr> <td ><strong>Item Number</strong></td> <td><strong>Plant Type</strong></td> <td><strong>Plant Name</strong></td> <td style="text-align:center"><strong>Plant Cost</strong></td> <td style="text-align:right"><strong>Flower Color</strong></td> </tr> <cfoutput query="#Search_Yes#"> <tr onmouseover='this.bgColor="darkblue"' onmouseout='this.bgColor="black"'> <td height="10px">#Item_Number#</td> <td height="10px">#Plant_Type#</td> <td height="10px">#Plant_Name#</td> <td height="10px" style="text-align:center">#Plant_Cost#</td> <td height="10px" style="text-align:right">#Flower_Color#</td> </tr> </cfoutput> </table> So, as you place your cursor over each entry in the list, the entire entry is highlighted. I have a div out to the side that floats, and eventually want it to update to the selected product when you click on the product table row. My thought was adding an onClick="Set_Product_Var()" with the rest of the second table row tag. Then, Set_Product_Var() would set some variables(ie plant name, picture src, description, etc) according to the selected row. Then, the div would update itself. Is this flawed, I attemted a simple implementation of this idea, putting one variable in the function, and a div trying to recall that variable and merely display it. It failed. Thanks for any help on this topic.
  7. petersrin
    I have a div layer in the center of a site with a large amount of information. It requires scrolling, however I don't want the NavBar to leave me, nor the picture required on the right side. I have seen several pieces on making JavaScript scroll bars, but none of those use the keyboard. I don't want to use frames. Therefore, I am left with only this as my answer: ask. Since it is against the character of the forum to merely offer code, point me in the right direction(maybe in the form of a well-designed tutorial). That would be amazing. Thanks.
  8. petersrin
    The beauty of quotations. . . thanks again guys.
  9. petersrin
    External Script "NavBar.js" document.write("<div class = "NavBarRight"> \ <a class = "NavBarRightText" href ="Option_1.htm" >Option 1 \ <p></p> \ <a class = "NavBarRightText" href ="Option_1.htm" >Option 1 \ <p></p> \ <a class = "NavBarRightText" href ="Option_1.htm" >Option 1 \ <p></p> \ <a class = "NavBarRightText" href ="Option_1.htm" >Option 1 \ </div> \ <div class = "NavBarLeft"> \ <a class = "NavBarLeftText" href ="home.htm" >Home \ <p></p> \ <a class = "NavBarLeftText" href ="new_for_2006.htm" >New For 2006 \ <p></p> \ <a class = "NavBarLeftText" href ="plant_list.cfm">Plant List \ <p></p> \ <a class = "NavBarLeftText" href ="ordering_info.htm" >Ordering Info \ <p></p> \ <a class = "NavBarLeftText" href ="contact_us.htm" >Contact Us \ <p></p> \ </div>") Main Page HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><title>The Brasstown Garden</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><link href="index.css" rel="stylesheet" type="text/css"><style type="text/css"><!--body { background-color: #000000;}--></style></head><body> <p><img src="The_Brasstown_Garden.jpg" width="1024" height="100"></p> <p class="Slogan">"Specializing in plants that thrive in Flordia gardens"</p> <div class="Body"> <div class = "Title">Home</div> <p>Text goes here</p> </div> <script type="text/javascript" src="NavBar.js"> </script></div></html> CSS stylesheet .Body { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #FFFFFF; float: left; width: 744px; left: 140; position: absolute;}.NavBarLeft { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-style: normal; color: #FFFFFF; height: 640px; width: 150px; background-image: url(NavBar.jpg); text-align: center; text-decoration: none; background-repeat: no-repeat; background-position: center; position: absolute; margin-top: 18px;}.NavBarLeft a:hover { font-weight: bold; font-style: normal; color: #FFFFFF; text-decoration: none;}.NavBarLeftText { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-style: normal; color: #FFFFFF; height: 640px; width: 100px; background-image: none; text-align: center; text-decoration: none;}.Body { height: 659px; width: 719px; position: absolute; left: 165px;}.NavBarRight { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-style: normal; color: #FFFFFF; height: 640px; width: 150px; background-image: url(NavBar.jpg); text-align: center; text-decoration: none; background-repeat: no-repeat; background-position: center; position: absolute; margin-top: 18px; left: 886.5px;}.NavBarRight a:hover { font-weight: bold; font-style: normal; color: #FFFFFF; text-decoration: none;}.NavBarRightText { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-style: normal; color: #FFFFFF; height: 640px; width: 100px; background-image: none; text-align: center; text-decoration: none;}.Title { font-size: 36px; font-weight: bolder; font-variant: small-caps; color: #FFFFFF; text-align: center; font-family: Georgia, "Times New Roman", Times, serif;}.NavBarLeft a:visited { text-decoration: line-through;}.NavBarRight a:visited { text-decoration: line-through;}.Slogan { font-size: 24px; font-weight: bold; color: #FFFFFF; text-align: center;}.Banner { vertical-align: middle;}.News_body { line-height: 2;} Probably don't need all of that, but can't hurt. Most is straightforward. The problem, is that altought the "NavBar.js" ought to create my nave bars on the right and left of my page, they just plain don't. The code inside was the exact code that used to make the NavBars before, put into a script so I can change one instance of it and the rest will be altered. It is a cleaner and more efficient coding. Why do the bars not appear? Thanks.
  10. petersrin
    [chuckle]
  11. petersrin
    Ah! My problem was very much so in the function itself. Interestingly, if "document." is included in the visibility change, the thing stops working again. Also, a small problem occuring on Firefox and IE: as I move my mouse across the word, it flashes on and off. This is probably because every time the mouse moves it re-evaluates whether the mouse is over or out. Thanks for the help, everyone.
  12. petersrin
    Here is my background: self taught through dreamweaver, internet, and forced experience. Not very advanced, and I run into simple syntax problems that are assumed to be known by all tutorials. I do have a good bit of experience with programming and logic in general and am a quick study, because I do my research. Here is my code: <html><head><script type="text/javascript">function mouseOver(){test.style ="visibility:hidden"}function mouseOut(){test.style ="visibility:visible"}</script></head><body><a name="test" target="_blank" id="test" style="visibility:visible" onMouseOver="mouseOver()" onMouseOut="mouseOut()">Peter S.</a></body></html> Should be simple, put a mouse over text: Peter S. and the text goes away, move off and it appears. The ONLY reason for this page is to learn to call functions, yet it won't be called. I tried changing the action to a popup box, and other actions, but to no avail. Interestingly, I coppied the example code for a onMouseOver function directly from w3schools.com. Any help, obviously, would be appreciated.BTW:var PieCutter = "Syntax Understanding"IF Peter Contains PieCutter THEN "output the right stuff!"ELSE"Do what always happens to Peter anyway, throw up an error!"(Just a bit of sillyness.)
×
×
  • Create New...