Jump to content

SmokingMan

Members
  • Posts

    188
  • Joined

  • Last visited

Everything posted by SmokingMan

  1. I guess I wasn't too clear . I want the customer to be able to input their order into a form, then have the site format the input into a printable page so they can print it out and then use their fax machine to fax it to the restaurant. My brother bought a restaurant and he wants a basic web site with the capability for the customer to fax their order in so it will be ready for pickup when they get there. I volunteered to do it for him and I thought this would be an easy way to do it.I've just coded as a hobby up to this point. This will be my first foray into an actual site that really does something
  2. I'm going to want to create a page from the form input, so it can be printed out for faxing. The customer would use the form to input their order, and then I want to be able to format a printable page so it can be faxed in to the restaurant with their order. Would PHP do what I want? Of course now that means I've got something else to learn WIll it never end?
  3. Just a general question. If I wanted to make a form where the user could input information from drop down lists and such, how would I convert that form input to a page that has been formatted for printing? Can this be done through the XHTML code, or would you need to use JS to take the info from the form and format a new page for printing?
  4. In my layout I can't seem to get all of the columns to be equal in height. I must be missing something simple here, but it seems to be eluding me. Any suggestions?Here's the page code: <body><div class= "wrapper"> <div class="banner"> <img alt="Hot Dog Hut Logo" src="images/hdh-logo.jpg" height="138" width="758" /> </div> <div class= "tspacer"> </div> <div class="lcontainer"> <div class= "lcnb1"> <p>This column will contain links for specials, events, ordering, and whatever else you can think of.</p> <p>The column will adjust in height according to what it's filled with.</p> </div> </div> <div class= "ccontainer"> <div class="ccnb1"> <p>The menu could go here. List all of the items and their prices. The column height will adjust according to what is put in here.</p> </div> </div> <div class="rcontainer"> <div class="rcnb1"> <p>We could do more links, advertising, and other stuff in this column. It will expand vertically to accomodate whatever you put here.</p> </div> </div> <div class="bspacer"> </div></div><div class="footer"> <div class="fnb1"> <p>Maybe ads or other things. I'll leave it up to you. The column will adjust in height according to what it's filled with. And none of these elements have to have a background color or outlines. I put in the colors just to highlight them.</p> </div></div></body> Here's the CSS for the layout: /* Main block element styles */body { background: transparent; background-color: #ffffff; }.wrapper { width: 790px; height: auto; margin: auto; background: transparent; background-color: #ffffff; border: none; } .banner { width: 100%; height: auto; position: relative; border: none; text-align: center; background: transparent; background-color: #ffffff; } .lcontainer { float: left; width: 20%; height: 100%; position: relative; text-align: justify; background: transparent; background-color: #99ffcc; }.ccontainer { float: left; margin-left: .5%; width: 59%; height: 100%; position: relative; text-align: justify; background: transparent; background-color: #cc99cc; }.rcontainer { float: left; margin-left: .5%; width: 20%; height: 100%; position: relative; text-align: justify; background: transparent; background-color: #99ffcc; } .footer { width: 790px; margin: auto; height: auto; background: transparent; background-color: #99ffff; }.tspacer { width: 790px; height: 3px; background: transparent; background-color: #ffffff; }.bspacer { width: 790px; height: 3px; clear: both; background: transparent; background-color: #ffffff; }/* These are the block elements that nest inside the main elements */.lcnb1 { width: 90%; margin: auto; height: auto; text-align: left; background: transparent; background-color: #99ffcc; }.ccnb1 { width: 90%; margin: auto; height: auto; text-align: left; background: transparent; background-color: #cc99cc; }.rcnb1 { width: 90%; margin: auto; height: auto; text-align: left; background: transparent; background-color: #99ffcc; }.fnb1 { width: 95%; margin: auto; height: auto; padding: 5px; text-align: left; background: transparent; background-color: #99ffff; }
  5. I gave the right column "margin-top: -70px" and it worked beautifully with FF. Then I looked at it in IE and , It looks awful. There has to be a way to do this so it works in all browsers, at 800 x 600 and larger. Any ideas?___________________________________I got it. I changed my "margin-left" to start from the preceding element instead of the left of the screen and it works in both FF & IE. I also removed the "margin-top: -70px" as it was no longer needed.
  6. I posted the link so you could go & look at it, but here's the code.CSS .wrapper {width: 100%; height: auto; background: transparent; background-color: #ffffff; border: none; } .banner {margin: auto; width: 90%; height: auto; position: relative; border: none; text-align: center; background: transparent; background-color: #ffffff; } .lcontainer {margin-left: .5%; width: 19.5%; height: auto; padding: 5px; float: left; text-align: justify; background: transparent; background-color: #99ffcc; }.ccontainer {margin-left: 21.1%; width: 57%; height: auto; padding: 5px; text-align: justify; background: transparent; background-color:#cc99cc; }.rcontainer {margin-left: 79.3%; width: 19.5%; height: auto; padding: 5px; text-align: justify; background: transparent; background-color: #66ff99; } .footer {width: 90%; margin-top: 5px; margin-left: 5%; height: auto; background: transparent; background-color: #ff9966; }.tspacer {width: 100%; height: 15px; background: transparent; background-color: #ffffff; }.bspacer {width: 100%; height: 5px; clear: both; background: transparent; background-color: #ffffff; } XHTML <!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head><!-- Last Updated 10/15/2006 --><link rel="stylesheet" type="text/css" href="stylesheets/hdh-master-styles.css" /><title>Welcome To The Hot Dog Hut!</title></head><body><div class= "wrapper"> <div class="banner"> <img alt="Hot Dog Hut Logo" src="images/hdh-logo.jpg" height="138" width="758" /> </div> <div class= "tspacer"> </div> <div class="lcontainer"> <p>This column will contain links for specials, events, ordering, and whatever else you can think of.</p> <p>The column will adjust in height according to what it's filled with.</p> </div> <div class= "ccontainer"><p>The menu could go here. List all of the items and their prices. The column height will adjust according to what is put in here.</p> </div> <div class="rcontainer"> <p>We could do more links, advertizing, and other stuff in this column. It will expand vertically to accomodate whatever you put here.</p> </div> <div class= "bspacer"> </div> <div class="footer"> <p>Maybe ads or other things. I'll leave it up to you.</p> <p>The column will adjust in height according to what it's filled with.</p> <p>And none of these elements have to have a background color or outlines. I put in the colors just to highlight them.</p> </div></div></body></html> The top of the right column doesn't want to line up with the other two.
  7. I'm getting ready to put up a site for my brother's new restaurant. I've did this as a hobby up to this point, this will be my first site to be used commercially so I want to do it right. All of my pages have been designed for 800 x 600 so far, but I set my pages with percentages as widths so they expand for the higher resolution. My new monitor is set at 1024 x 768, and I'm just wondering what the "standard" is, and what might be the best way to go once I begin to put this together. I know there's no real "set in stone" way to do this, so I' thought I'd just solicit some opinions before I really get started.
  8. I'm trying to put together the outline for a three column page. But I can't seem to get the right column to line up with the top of the center column. I know I have something set wrong in my CSS, but I can't seem to figure out what it is. Here's the link for the page.
  9. I just recently upgraded my monitor to a 19" LCD flatscreen and have discovered that since I increased my resolution to 1024 x 768, that a number of pages are designed for 800 x 600 and are pushed to the left of the screen. They look awful since they don't expand to fit the higher resolution. So my question is, in your opinion, should pages be designed for the higher resolution or for 800 x 600?I hate to go to a website and have to scroll the page horizontally, so I want to be sure to design them so they will fill the screen, but don't overflow. I always set my widths in percentages already, so they do fit the screen at the higher resolution, but since they were designed on a monitor at 800 x 600, the feel of the page is different as it expands to fit the higher resolution monitors.I'm just kinda looking for suggestions and opinions on this.
  10. I've had my sites hosted with ICD Soft for about four years now, and I have no complaints. I know I have all of the tools I need, now all I need is the knowledge on how to use them.An easy way out would be nice, but I really do want to learn how to do this...I think
  11. My sites are hosted by ICD Soft. Both MySQL and PHP are installed on the server, and I can import a database to the server. So all of the tools I need are there, but not on my home system. I do have MySQL Express downloaded but not installed, and I have a PHP reference CD which has what I need to install it on my home system. It looks as if I have my work cut out for me
  12. I have a collection of thousands of cards, comics & collectibles I would like to put on a site. I would like for the user to be able to pick what they want, have the price along with shipping calculated, and then sent to me. I would have a PayPal link for them to pay for the items. I also would like for the site to show the current items available, so when a user orders something, it would be automatically removed from the database.I know a commercial shopping cart program would work, but I don't want to sink the money into one at this point, since this is more a hobby than a commercial enterprise. I know I'll need to have the database loaded on the server. MySQL is installed on the server so I know I need to learn that. It would be nice if you could convert an Access database to MySQL since I am familiar with Access but not so much with MySQL. But how would I accomplish linking the website with the database so customer purchases would be reflected the next time the page is loaded, PHP?I have lots of questions, but this is something I would like to do. I'm comfortable with XHTML and CSS, and somewhat comfortable with Javascript. Am I getting in over my head here? What do I need to learn to accomplish this? Any suggestions would be appreciated.
  13. Thanks, this should help until I can figure out why Opera won't run this slideshow script.
  14. I fixed the "+" sign, but I found another problem. It seems that you can change the preferences in Opera so it shows as either Mozilla or MSIE. If the user does that, then the conditional test won't work. I guess I'll have to figure out why the script doesn't work in Opera. But in running the debugger, I'm having trouble deciphering it since I'm still very new to JS.
  15. I have a slideshow script that will not work in Opera, so I thought I'd use a browser detect script to display an alert if the user tries to view the slideshow with Opera. But the alert box does not display and I can't seem to figure out why, so I thought another pair of eyes might help.Here's the script: <script type="text/javascript">var browser = navigator.appNameif (browser =="Opera") { alert("Your browser will not execute the slideshow script" + '\n' "It must be viewed in either Internet Explorer or Firefox") }</script> Where have I screwed up?
  16. Here's a good tutorial to get you started:W3C Schools Form Tutuorial
  17. I would like to be able to play a media file such as an .wmv file in a media player in the browser, instead of opening the player in a new window. How do you go about embedding a media player such as Windows Media Player, in a browser, so that when someone wants to watch the movie file, it plays in the browser window without launching the player itself?
  18. Well I ran the Javascript console on Opera and got the error message, but I don't understand it. I tried to walk through their debugging tutorial, but it's beyond me. Maybe someone else can walk me though this. Here's the script on the page: var tss;var iss;var jss = 0;var pss = Picture.length-1;var preLoad = new Array();for (iss = 1; iss < pss+1; iss++){preLoad[iss] = new Image();preLoad[iss].src = Picture[iss];}function control(how){ if (showHot){ if (how=="H") jss = 1; if (how=="F") jss = jss + 1; if (how=="B") jss = jss - 1; if (jss > (pss)) jss=1; if (jss < 1) jss = pss; if (document.all){ document.images.PictureBox.style.filter="blendTrans(duration=2)"; document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)"; document.images.PictureBox.filters.blendTrans.Apply();} document.images.PictureBox.src = preLoad[jss].src; if (document.all) document.images.PictureBox.filters.blendTrans.Play(); }} This is the onClick event line: <td><a href="#" onClick="java script:control('F');"><img class="noborder" id="next" src="../../images/next-ssbutton1.gif" alt="Next Image" title="Next Image" width="100" height="18" onmouseover="imageOn('next'); return statusMsg('Next Image')"; onmouseout="imageOff('next'); return statusMsg('')"></a></td> And here's the console error message:Missy's Photo Slideshowhttp://testdomain.ftwin.com/albums/missy/missy-slideshow.htmlEvent thread: clickError:name: TypeErrormessage: Statement on line 55: Could not convert undefined or null to objectBacktrace: Line 55 of inline#1 script in http://testdomain.ftwin.com/albums/missy/missy-slideshow.html document.images.PictureBox.filters.blendTrans.Apply(); Line 1 of script control("F"); At unknown location [statement source code not available]Can someone walk me through this so I can understand?
  19. I think it did, maybe I didn't test it in Opera, I honestly don't remember now But in FF when I click for the next image, it displays for an instant, then I get the error message. I've tried clearing my cache, but to no avail. I'm stumped.------------------------------------------------------------------------------------Okay I'm really stumped now. I accessed it with FF from another page in the site and now it works! Then I linked back to the main page and it's working now. I wasn't imagining this...REALLY!!!! The menu is exactly the same on every page, go figure.Homey needs a drink Of course it still doesn't work in Opera.
  20. Why certainly. Here's the link to the index page. From there go to Slideshows>Missy's Slideshow. It's fine in IE, but...well...you know...same old song and dance
  21. In FF I get this error message after clicking the forward button: Not FoundThe requested URL /albums/missy/F was not found on this server.Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request. In Opera it doesn't work at all.
  22. I use the window.open() method to launch a new window sized to fit a slideshow. It works fine in IE. In FF the new window will open as it should, but when you click on the forward button to get to the next image, you get an error message. In Opera, the window opens correctly, but the slideshow doesn't work at all.It all seemed to be okay until I used the onclick to call the window.open() to open the slideshow window. Here's the code for the .open() method: function openShow(url) {window.open(url,"","location=0,height=425,width=500,left=200,top=50,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0");} This is the button code to go forward in the show: <td><a href="#" onClick="javascript:control('F');"> <img class="noborder" id="next" src="../../images/next-ssbutton1.gif" alt="Next Image" title="Next Image" width="100" height="17" onmouseover="imageOn('next'); return statusMsg('Next Image')"; onmouseout="imageOff('next'); return statusMsg('')"></a></td> And here's the code for the slideshow: // Set the slideshow speed (in milliseconds)var SlideShowSpeed = 3000;// Set the duration of crossfade (in seconds)var CrossFadeDuration = 4;var Picture = new Array(); var showHot = false; // Specify the image files...Picture[1] = 'mmMissy062798(1).JPG';Picture[2] = 'mmMissy062798(2).JPG';Picture[3] = 'mmMissy062798(3).JPG';Picture[4] = 'mmMissy062798(4).JPG';Picture[5] = 'mmMissy071303(1).JPG';Picture[6] = 'mmMissy071303(2).JPG';Picture[7] = 'mmMissy071303(3).JPG';Picture[8] = 'mmMissy071303(4).JPG';Picture[9] = 'mmMissy071303(5).JPG';Picture[10] = 'mmMissy071303(6).JPG';Picture[11] = 'mmMissy080302.JPG';Picture[12] = 'mmMissy110403(1).jpg';Picture[13] = 'mmMissy110403(2).jpg';Picture[14] = 'mmMissy110403(3).jpg';Picture[15] = 'mmMissy110403(4).JPG';Picture[16] = 'mmMissy110403(5).JPG';Picture[17] = 'mmMissy110403(6).JPG';Picture[18] = 'mmMissyWaiting.jpg';Picture[19] = 'mmPrettyGirl.jpg';var tss;var iss;var jss = 0;var pss = Picture.length-1;var preLoad = new Array();for (iss = 1; iss < pss+1; iss++){preLoad[iss] = new Image();preLoad[iss].src = Picture[iss];}function control(how){ if (showHot){ if (how=="H") jss = 1; if (how=="F") jss = jss + 1; if (how=="B") jss = jss - 1; if (jss > (pss)) jss=1; if (jss < 1) jss = pss; if (document.all){ document.images.PictureBox.style.filter="blendTrans(duration=2)"; document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)"; document.images.PictureBox.filters.blendTrans.Apply();} document.images.PictureBox.src = preLoad[jss].src; if (document.all) document.images.PictureBox.filters.blendTrans.Play(); }} I want to be able to open a smaller window for the slideshow, but I can't seem to figure out why this only works in IE.
  23. I found it. I forgot that pesky little space between the ; and return false;. Picky, picky, picky...It's working fine now.
  24. Well that worked...mostly. I now get the new separate window to open with my parameters, but the same window also opens in the current browser. So you end up with two browser windows open with the same page, but one is the first browser and the other is the one that conforms to the .open() parameters.I think I figured it out. I have the URL in the href attribute in the <a>...</a> and also in the onclick event. But if I remove it from the href, will the onclick still work if JS is disabled?
  25. Okay...here goes. Here's the script I'm using: function openShow(url) {window.open('url',location=0,height=450,width=500,left=200,top=50,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0); } And here's the link I'm trying to open: <tr><td class="menu"><a href="http://testdomain.ftwin.com/albums/missy/missy-slideshow.html" class="child1" onmouseover="return addressMsg('Missy\'s Photo Slideshow')" onmouseout="return addressMsg('')" onclick="openShow('http://testdomain.ftwin.com/albums/missy/missy-slideshow.html');return false;">Missy's Slideshow</a></td></tr> In IE it opens a new window, but it opens as a full screen window with all of the attributes. All of my restrictions are ignored, and it's not a new separate window like I want it to be.In FF I get two new windows, but both have error messages. The first one opens to my specifications, with this message: Not FoundThe requested URL /url was not found on this server.Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request. The other window is a new full screen window with this message: Not FoundThe requested URL /0 was not found on this server.Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request. That's two windows with different errors. I haven't tried Opera yet, I'm afraid to see what happens there. Any ideas?If you want to try it, here's the link to the page. You'll want to go to Missy's Slideshow under Slideshows.
×
×
  • Create New...