kid_epicurus
Members-
Posts
13 -
Joined
-
Last visited
About kid_epicurus
- Birthday August 21
Previous Fields
-
Languages
PHP, JavaScript, CSS, HTML
Profile Information
-
Location
Knoxville, TN
kid_epicurus's Achievements
Newbie (1/7)
1
Reputation
-
The ASP server wasn't allowing code to be passed until validateRequest was set to false on the server.
-
I have an HTML page that makes an HttpRequest to an ASP page that I currently have setup to simply return true. If the data is simple text (letter-body) it passes fine: Request Method: POSTStatus Code: 200 OKRequest HeadersAccept:*/*Accept-Encoding:gzip,deflate,sdchAccept-Language:en-US,en;q=0.8Connection:keep-aliveContent-Length:181Content-Type:application/x-www-form-urlencodedUser-Agent:Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.154 Safari/537.36Form Dataletter-body:Testing some plain text. But as soon as I add any HTML to the letter-body value it fails: Request Method: POSTStatus Code: 500 Internal Server ErrorRequest HeadersAccept:*/*Accept-Encoding:gzip,deflate,sdchAccept-Language:en-US,en;q=0.8Connection:keep-aliveContent-Length:196Content-Type:application/x-www-form-urlencodedUser-Agent:Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.154 Safari/537.36Form Dataletter-body:Testing some <b>HTML</b>. I'm also encoding the letter-body string with encodeURIComponent() though it's showing it as decoded when I look at the headers. Any ideas? Thanks!
-
A centered div that has 100% height but also expands with content
kid_epicurus replied to kid_epicurus's topic in CSS
Actually - it worked as far as filling in behind the content, but it's still not stretching to the extent of the window for pages with little content. Adding a height of 100% does the trick, but then on pages with tons of content it stops about 1/3 way down the page. margin-bottom: 0 works well on big content pages. <!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Talent</title><link rel="stylesheet" type="text/css" href="includes/stylesheet.css"><script src="includes/scripts.js"></script></head><body><div class="container"><div class="logo"></div><div class="navigation"> <ul> <li><a href="castings.php">castings</a></li> <li><a href="talent.php">talent</a></li> <li class="submenu"><a href="talent.php?category=1">infants/toddlers</a></li> <li class="submenu"><a href="talent.php?category=2">pre-teens</a></li> <li class="submenu"><a href="talent.php?category=3">females<span>teen</span></a></li> <li class="submenu"><a href="talent.php?category=4">males<span>teen</span></a></li> <li class="submenu"><a href="talent.php?category=5">females<span>adult</span></a></li> <li class="submenu"><a href="talent.php?category=6">males<span>adult</span></a></li> <li><a href="products.php">products</a></li> <li><a href="about-us.php">about us</a></li> <li><a href="contact-us.php">contact us</a></li> </ul></div> <div class="content"> <div class="talent-name">Products</div> <div class="talent-name-border"></div><br /> Coming soon! </div></div></body></html> The CSS. * {padding: 0;margin: 0;}html, body {height: 100%;}table {border-collapse: collapse;}body {background-color: #fff;cursor: default;font-family: 'Arial', 'sans-serif';color: #303030;font-size: 13px;background-image: url('../images/bg.jpg');}a {text-decoration: none;color: #a35112;}a:hover {cursor: pointer;color: #cca347;} /* embed fonts */@font-face {font-family: 'Century Gothic';src: url('gothic.ttf') format('truetype');}@font-face {font-family: 'Arial Narrow';src: url('arialn.ttf') format('truetype');}@font-face {font-family: 'Arial Narrow Bold';src: url('arialnb.ttf') format('truetype');} /* logo */.logo {/*float: left;*/position: absolute;top: 0px;left: 0px;width: 223px;height: 223px;background-image: url('../images/logo.png');background-repeat: no-repeat;z-index: 2;} /* navigation */.navigation {left: 30px;top: 214px;position: absolute;width: 146px;color: #fff;font-family: 'Century Gothic', 'Verdana', 'sans-serif';font-size: 14px;z-index: 1;}.navigation ul {list-style: none;}.navigation li {height: 30px;background-color: #666;margin-bottom: 1px;}.navigation a {color: #fff;display: block;padding-top: 5px;padding-left: 9px;width: 100%;height: 100%;}.navigation a:hover {color: #ccc;}.navigation li.submenu {background-color: #333;}.navigation li.submenu a {padding-left: 18px;}.navigation span {margin-left: 6px;color: #999;} /* container */.container {position: relative;width: 1000px;margin-top: 0;margin-bottom: 0;margin-left: auto;margin-right: auto;background-color: #fff;z-index: 0;padding-right: 10px;padding-bottom: 20px;} /* content */.content {padding-left: 220px;padding-top: 20px;width: 777px;} /* category */.category-boxes {list-style-type: none;}.category-boxes a {display: block;width: 100%;height: 100%;}.category-boxes a span {margin-left: 5px;color: #ccc;}.category-boxes li {position: relative;display: inline;float: left;margin-right: 20px;margin-bottom: 20px;width: 155px;height: 155px;border: 1px solid #000;background-repeat: no-repeat;}.category-boxes li div {position: absolute;color: #fff;font-family: 'Arial Narrow Bold', 'Arial', 'sans-serif';background-image: url('../images/35percent.png');font-size: 16px;text-transform: uppercase;text-align: center;top: 133px;width: 155px;height: 19px;padding-top: 3px;} /* talent */.talent-boxes {list-style-type: none;}.talent-boxes a {display: block;width: 100%;height: 100%;}.talent-boxes a span {display: block;color: #ccc;}.talent-boxes li {display: inline;float: left;margin-right: 20px;margin-bottom: 20px;width: 155px;height: 155px;border: 1px solid #000;background-repeat: no-repeat;text-align: center;}.talent-boxes li div {color: #fff;font-family: 'Arial Narrow Bold', 'Arial', 'sans-serif';font-size: 18px;text-transform: uppercase;background-image: url('../images/35percent.png');background-repeat: repeat;height: 29px;padding-top: 6px;text-align: center;position: relative;top: 120px;}.talent-name {color: #bfbfbf;font-family: 'Arial Narrow', 'Arial', 'sans-serif';text-transform: uppercase;font-size: 48px;margin-bottom: 8px;}.talent-name span {color: #d5d5d5;}.talent-name-border {position: absolute;top: 80px;left: 200px;right: 10px;border-bottom: 3px solid #d4692a;z-index: -1;}.talent-stats {font-family: 'Arial Narrow', 'Arial', 'sans-serif';text-transform: uppercase;font-size: 12px;color: #333;width: 400px;padding-left: 2px;padding-top: 5px;}.talent-stats ul {list-style-type: none;}.talent-stats li {float: left;display: inline;}.talent-stats div {width: 100px;float: left;}.talent-stats .stat {color: #7f7f7f;width: 72px;}.talent-photos {clear: both;text-align: center;}.talent-photos img {border: 2px solid #ccc;}.talent-photos-buttons {padding-top: 75px;text-align: center;clear: both;}.talent-photos-buttons img {margin-right: 2px;}.talent-photos-buttons img:hover {cursor: pointer;}.talent-page-buttons {text-align: center;margin-right: 87px;}.talent-page-buttons img {margin-right: 2px;}.talent-page-buttons img:hover {cursor: pointer;}.talent-fb {float: right;} /* form */form table {width: 700px;margin-left: auto;margin-right: auto;}form .option {font-weight: bold;width: 110px;height: 30px;}form .option span {color: #d4692a;}form input[type='text'], form input[type='submit'], form textarea {width: 98%;}form textarea {height: 60px;}form .message {text-align: center;padding: 3px;border: 1px solid #93cf96;background-color: #e3ffe5;} /* castings */.casting-container {height: 800px;overflow: auto;margin-top: 20px;color: #000;}.casting-title {color: #d4692a;font-size: 18px;font-weight: bold;}.casting-date {color: #878787;margin-bottom: 5px;}.casting-description {margin-bottom: 20px;} .sub-border {border-bottom: 3px solid #d4692a;} -
A centered div that has 100% height but also expands with content
kid_epicurus replied to kid_epicurus's topic in CSS
Perfect. Thank you! -
A centered div that has 100% height but also expands with content
kid_epicurus posted a topic in CSS
I'm trying to have a centered <div> that always goes top to bottom, but as content is added it expands with the content. Thanks! Here's what I have so far. <!DOCTYPE HTML><html><head><title>My Site</title><style type="text/css">* {padding: 0;margin: 0;}html, body {height: 100%;}body {background-color: #999;}.container {position: relative;width: 1000px;height: 100%;margin-left: auto;margin-right: auto;background-color: #fff;}</style></head><body><div class="container"><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1><h1>TESTING</h1></div></body></html> -
Unfortunately there's lots of problems with CSS standardization in various browsers. Which specific problem are you running into?
-
It looks like you're trying to avoid posting the top score by checking to see if the value of $i is 0 or not. Correct? If you want to take that route, you'll want to change... $itt; to $i++; Or you can grab the top score separately and leave it outside of your while() loop.
-
I was wondering if there was a way to mark a post as an answer. I'm new here and not entirely familiar with the UI. Thanks!
-
Like most people who post here, I'm new; but I've been coding with PHP, CSS, HTML, and JavaScript since 1999. Here to help where I can and I still have my own questions from time to time.
-
That did the trick! Thanks, justsomeguy.
-
Correct. I'm not specifying any "Shipped" just yet because it's not working properly and I just needed to get the columns I needed for now to get the chart working. I wasn't sure how to do a count on two different things (total orders and shipped orders) within the same table, so I resorted to a join on itself as the solution. Probably not the best approach, I admit. Here's the raw columns I'm referencing, if it helps. And here is what I'm wanting to output, except obviously the Shipping numbers will vary once I am able to count both total orders and shipped orders for each month/year.
-
First, give your dropdowns some IDs so JavaScript knows how to talk to them. <select id="flarePriority"> and <select id="changeCategory"> for example. Then, create this JavaScript function. function changePriority(menu) { var menu2 = document.getElementById('changeCategory'); // check to see if the option has a value of 1 if (menu.options[menu.selectedIndex].value == 1) { // change the option for changeCategory (assuming Emergency is option 3) menu2.options[2].selected = true; }} Lastly, add the function to the onchange event on flarePriority. <select id="flarePriority" onchange="changePriority(this)">
-
I have a table of orders. Each order has a status, one being "Shipped". The end goal is to take the data and push it into a chart showing total orders, shipped orders, and grouped by month/year. I can get the count of the orders and group them by month/year, but I'm not sure how to also include orders with the status of "Shipped". Any ideas? (The code I have now is counting the orders into a column called Orders and Shipped, but I know it's not actually grabbing shipped orders for the Shipped column. I just have it there for now so I could move on with populating a chart while I work on fixing the query.) SELECT COUNT(o.ROW_ID) AS Orders, COUNT(o2.ROW_ID) AS Shipped, RIGHT(CONVERT(VARCHAR(8), o.STATUS_DT, 3), 5) AS Date, MONTH(o.STATUS_DT) AS Month, YEAR(o.STATUS_DT) AS YearFROM dbo.S_ORDER AS o LEFT OUTER JOIN dbo.S_ORDER AS o2 ON o.ROW_ID = o2.ROW_IDWHERE (o.CREATED > CONVERT(DATETIME, '2011-04-01 00:00:00', 102)) AND (o.CREATED < CONVERT(DATETIME, '2012-05-1 00:00:00', 102))GROUP BY RIGHT(CONVERT(VARCHAR(8), o.STATUS_DT, 3), 5), MONTH(o.STATUS_DT), YEAR(o.STATUS_DT)ORDER BY Year, Month, Date DESC