ZeroShade
-
Posts
186 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Everything posted by ZeroShade
-
This is my css code:html, body{ background-color:#999999; color:#0000cc; font-family:sans-serif, verdana; font-size:10pt; scrollbar-face-color:#666666; scrollbar-highlight-color:#ef9d20; scrollbar-3dlight-color:#666666; scrollbar-darkshadow-color:#666666; scrollbar-shadow-color:#000000; scrollbar-arrow-color:#ef9d20; scrollbar-track-color:#999999;}#border{ position:fixed; margin-left:-50px; margin-top:-50px; z-index:2;}#topborder{ position:absolute; margin-left:-50px; margin-top:-50px; z-index:1;}#logo{ position:absolute; left:255px; top:40px;}#siding{ display:block; position:absolute; width:100%; height:100%; left:70px; top:40px; x-pos:70px; background:url('siding.gif') repeat-y; z-index:0;}ul{ position:absolute; left:50px; top:300px; z-index:2;}li{ list-style-type:none; padding:5px; border-style:outset; display:block; background-color:#666666;}a{ color:#ef9d20;}a:hover{ border-color:#000099; color:#ff0000;}a:link{ text-decoration:none;}a:active{ color:#0000cc;}a:visited{ text-decoration:none;}#info{ position:absolute; top:1000px; left:220px; text-align:center; font-size:8pt; border-top-style:solid; border-width:1px; border-color:#000000;}#content{ position:absolute; top:300px; left:250px;}#contactaddress, #contactaddress2, #contactaddress3{ margin-left:20px; border-bottom-style:solid; border-width:1px; border-color:#000000;}input{ display:block; margin-left:175px; width:300px;} and my xhtml and php is up above... you asked what my source looks like? What do u mean when i view it, like the source code itself?
-
I don't have display none at all in my css... this is what i see on the page though:I see the text form and the submit button, they aren't clickable at all unless i select the browsers no style option. Also, I see this from the php, "; ?>just like that. Which i can't even highlight. its like an image thats just places there and can't be touched.
-
My php code isn't working. I'm still new to it but nomatter what I do it won't even display.. would it have something to do with my css? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>DIANMAC Siding & Aluminum Works - Contact Us</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="StyleSheet" href="stylesheet.css" type="text/css" /> </head> <body> <div id="border"> <img src="border.gif" alt="" /> </div> <div id="topborder"> <img src="topborder.gif" alt="" /> </div> <div id="logo"> <img src="logo.gif" alt="" /> </div> <div id="siding"> </div> <ul> <li><a href="index.html"><strong>Home</strong></a></li> <li><a href="homes.html"><strong>Showcase Homes</strong></a></li> <li><a href="products.html"><strong>Products</strong></a></li> <li><a href="newinnovations.html"><strong>New Innovations</strong></a></li> <li><a href="commercialworks.html"><strong>Commercial Works</strong></a></li> <li><a href="links.html"><strong>Affiliates</strong></a></li> <li><a href="aboutus.html"><strong>About Us</strong></a></li> <li><a href="contact.html"><strong>Contact Us</strong></a></li> </ul> <div id="content"> <p />Address: <div id="contactaddress"> <br />DIANMAC Siding & Aluminum Works <br />155 Crompton Dr. <br />Barrie, ON <br />L4M 6N9 <br />Canada </div> <p />Phone Numbers: <div id="contactaddress"> <br />Tel. (705) 734-9505 <br />Fax. (705) 734-9854 <br />Cell 1. (705) 333-0448 <br />Cell 2. (705) 333-0445 </div> <p />Contact Form: <div id="contactaddress"> <?php echo "<form action='processform.php' method='post'> <input type='text' name='Phone'> <input type='submit' value='Submit Phone Number'> </form>"; ?> </div> </div> <div id="info"> <address> DIANMAC Siding & Aluminum Works · 155 Crompton Dr. · Barrie, ON · L4M 6N9 · Canada <br />Tel. (705) 734-9505 · Fax. (705) 734-9854 </address> </div> </body></html>
-
I have a form where the user can input text. However when it reaches the end, it doesn't go to the next line. Whats the code for this and is it css or part of the input in xhtml?More problems... the form sucks a lot. When i click submit it'll bring up the email client.
-
I have several images that act as links for navigation. What is the easiest way to position them so that they follow each other right horizontal instead of vertically?
-
That does it. Perfect! Thank you again!!
-
How can I start it from a certain height, I already have a top that puts it in a certain position?
-
No, that doesn't help. If I set a specific pixel value though, it repeats to that value. What else can I do with what I have?
-
I decided not to use the fading technique you were speaking of and decided to use just a picture that stops when it hits the bottom of the page. I've played with it a bit, works on both Firefox and IE, but i can't seem to get the repeat right on the height. display:block; position:absolute; width:100%; height:100%; left:70px; top:565px; background:url('siding2.gif') repeat-y left; z-index:0;If i set the height to 100%, it takes the page and basically doubles it... but if I set it to a certain pixel, it repeats to that pixel... what more would I have to do to get it to repeat and stop when it hits the bottom of where the content ends without keep going?
-
Thanks a lot chris!
-
I'm not working with tables. I"m doing this completely with ids in css. How much more complicated is it?
-
What would the css code be for doing this? And basically what your saying is that the closer the image gets to the bottom, it fades out into the background color? Am I understanding that right?
-
Heres a really simple example, as I do not have a website yet.##########################################LinkLinkLinkLinkLinkLinkLinkLink$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$Ok... so ##### is an image. Then the list of links are right below it. $ is another image. If there is more content on the page, then I want the image $ to continue down the page. How can I do that?
-
I want to create an image by my navigation link. It will be on the bottom of it. But if the page scrolls down, I want the image to not stay there... that will ruin the look of the page, but almost somehow create another image of the same right underneath it. And this only does this when there is more content on the page. How can I do this?
-
I have put an outset border around my navigation links. And a background color as well... but, in Firefox the part where the bullets (which I have selected to "none") takes that color as well and interferes with my background. I tried setting the z-index but it doesn't help because the image overtop of the selection keeps the links from being clicked. How can I add background color to my links without the bullets (that arn't there) being colored as well?Oh, I got it, i put the background color in the list instead of the unorderlist.
-
I have my page set up so that everything covers the page and there is no scrollbar as of yet. There is one box that will hold all the content that the page will have. Because I don't want the page to actually scroll down because the content block is set to an absolute position with width and height already set, how can I have a scrollbar that will only scroll through the one block of content and if possible, keeping the scrollbar on the side of the page where it should be and not right beside the block?
-
I switched the box to text and put the onload function in the body element... but I get another error at line 56 saying 'document.frm2.actual" is null or not an object. Why would it be giving this error? Also, how could I go about giving each record its on value so that I can get the delete button working right?
-
I got the script off the web... I did edit it a bit, but I'm not publishing anything on the internet, so i don't mind that it has some old outdated elements and keywords in it like box. But I still get the same script error, which is really bugging my because I can't figure out why I get it. On top of that, when I want to delete the saved record, it deletes the one after it... this only happens on the first one, can somebody help me edit the script so that the first record can also be deleted?
-
I keep getting a problem with this script... it works... but I don't understand what the error means. The error is this: Line 67, character 12, error: 'document.frm1.elements' is null or not an object.Heres the code itself: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Addresses</title> <link rel="stylesheet" href="styles.css" type="text/css" /> <script LANGUAGE="JavaScript">var arrRecords = new Array();var arrCookie = new Array();var recCount = 0;var strRecord="";expireDate = new Date;expireDate.setDate(expireDate.getDate()+730);function cookieVal(cookieName) {thisCookie = document.cookie.split("; ")for (i = 0; i < thisCookie.length; i++) {if (cookieName == thisCookie[i].split("=")[0]) {return thisCookie[i].split("=")[1]; }}return 0;}function loadCookie() {if(document.cookie != "") {arrRecords = cookieVal("Records").split(",");currentRecord(); }}function setRec() {strRecord = "";for(i = 0; i < document.frm1.elements.length; i++) {strRecord = strRecord + document.frm1.elements[i].value + ":";}arrRecords[recCount] = strRecord;document.frm2.add.value = " NEW ";document.cookie = "Records="+arrRecords+";expires=" + expireDate.toGMTString();}function newRec() {switch (document.frm2.add.value) {case " NEW " : varTemp = recCount; for(i = 0; i < document.frm1.elements.length; i++) { document.frm1.elements[i].value = "" } recCount = arrRecords.length; document.frm2.add.value = "CANCEL"; break;case "CANCEL" : recCount = varTemp; document.frm2.add.value = " NEW "; currentRecord(); break; }}function countRecords() {document.frm2.actual.value = "Record " + (recCount+1)+"; "+arrRecords.length+" saved records";}function delRec() {arrRecords.splice(recCount,1);navigate("previous");setRec();}function currentRecord() {if (arrRecords.length != "") {strRecord = arrRecords[recCount];currRecord = strRecord.split(":");for(i = 0; i < document.frm1.elements.length; i++) {document.frm1.elements[i].value = currRecord[i]; } }}function navigate(control) {switch (control) {case "first" : recCount = 0; currentRecord(); document.frm2.add.value = " NEW "; break;case "last" : recCount = arrRecords.length - 1; currentRecord(); document.frm2.add.value = " NEW "; break;case "next" : if (recCount < arrRecords.length - 1) { recCount = recCount + 1; currentRecord(); document.frm2.add.value = " NEW "; } break;case "previous" : if (recCount > 0) { recCount = recCount - 1; currentRecord(); } document.frm2.add.value = " NEW "; break; default: }}if (!Array.prototype.splice) {function array_splice(ind,cnt) {if (arguments.length == 0) return ind;if (typeof ind != "number") ind = 0;if (ind < 0) ind = Math.max(0,this.length + ind);if (ind > this.length) {if (arguments.length > 2) ind = this.length;else return [];}if (arguments.length < 2) cnt = this.length-ind;cnt = (typeof cnt == "number") ? Math.max(0,cnt) : 0;removeArray = this.slice(ind,ind+cnt);endArray = this.slice(ind+cnt);this.length = ind;for (var i = 2; i < arguments.length; i++) {this[this.length] = arguments[i];}for(var i = 0; i < endArray.length; i++) {this[this.length] = endArray[i];}return removeArray;}Array.prototype.splice = array_splice;}recCount = 0;loadCookie();countRecords();</script> </head> <body> <form name="frm1"> Name: <input type="box" name="name" size="50" id="textbox"><br> Address: <input type="box" name="address" size="50" id="textbox"><br> Phone: <input type="box" name="phone" size="50" id="textbox"><br> Comments: <input type="box" name="comment1" size="50" id="textbox"><br> <input type="box" name="comment2" size="50" id="textbox"><br> <input type="box" name="comment3" size="50" id="textbox"><br> <input type="box" name="comment4" size="50" id="textbox"><br> <input type="box" name="comment5" size="50" id="textbox"> <div id="who"> Starting time: <input type="box" name="starttime" size="48" id="textbox2"><br> Who's working: <input type="box" name="person" size="48" id="textbox2"> </div> </form> <form name="frm2"> <input type="button" name="first" value="|<< " onClick="navigate('first');countRecords()" id="caption1"> <input type="button" name="previous" value=" < " onClick="navigate('previous');countRecords()" id="caption2"> <input type="button" name="next" value=" > " onClick="navigate('next');countRecords()" id="caption3"> <input type="button" name="last" value=" >>|" onClick="navigate('last');countRecords()" id="caption4"> <input type="box" name="actual" size=23 id="record"> <input type="button" name="add" value=" NEW " onClick="newRec();countRecords()" id="caption5"> <input type="button" name="set" value="SAVE RECORD" onClick="setRec();countRecords()" id="caption6"> <input type="button" name="del" value="DELETE" onClick="delRec();countRecords()" id="caption7"> </form> </body></html> Can somebody help me figure this out on line 67?
-
Ok... realized that there is a really nice one out there already! But it gives me an error message... does it give anybody else the same? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Addresses</title> <link rel="stylesheet" href="styles.css" type="text/css" /> <script LANGUAGE="JavaScript"><!-- Original: Joe Norman (joe@wdrealty.com) --><!-- Web Site: http://www.jacksonville.net/~joman/ArraysNCookies.html --><!-- This script and many more are available free online at --><!-- The JavaScript Source!! http://javascript.internet.com --><!-- Beginvar arrRecords = new Array();var arrCookie = new Array();var recCount = 0;var strRecord="";expireDate = new Date;expireDate.setDate(expireDate.getDate()+365);function cookieVal(cookieName) {thisCookie = document.cookie.split("; ")for (i = 0; i < thisCookie.length; i++) {if (cookieName == thisCookie[i].split("=")[0]) {return thisCookie[i].split("=")[1]; }}return 0;}function loadCookie() {if(document.cookie != "") {arrRecords = cookieVal("Records").split(",");currentRecord(); }}function setRec() {strRecord = "";for(i = 0; i < document.frm1.elements.length; i++) {strRecord = strRecord + document.frm1.elements[i].value + ":";}arrRecords[recCount] = strRecord;document.frm2.add.value = " NEW ";document.cookie = "Records="+arrRecords+";expires=" + expireDate.toGMTString();}function newRec() {switch (document.frm2.add.value) {case " NEW " : varTemp = recCount; for(i = 0; i < document.frm1.elements.length; i++) { document.frm1.elements[i].value = "" } recCount = arrRecords.length; document.frm2.add.value = "CANCEL"; break;case "CANCEL" : recCount = varTemp; document.frm2.add.value = " NEW "; currentRecord(); break; }}function countRecords() {document.frm2.actual.value = "Record " + (recCount+1)+"; "+arrRecords.length+" saved records";}function delRec() {arrRecords.splice(recCount,1);navigate("previous");setRec();}function currentRecord() {if (arrRecords.length != "") {strRecord = arrRecords[recCount];currRecord = strRecord.split(":");for(i = 0; i < document.frm1.elements.length; i++) {document.frm1.elements[i].value = currRecord[i]; } }}function navigate(control) {switch (control) {case "first" : recCount = 0; currentRecord(); document.frm2.add.value = " NEW "; break;case "last" : recCount = arrRecords.length - 1; currentRecord(); document.frm2.add.value = " NEW "; break;case "next" : if (recCount < arrRecords.length - 1) { recCount = recCount + 1; currentRecord(); document.frm2.add.value = " NEW "; } break;case "previous" : if (recCount > 0) { recCount = recCount - 1; currentRecord(); } document.frm2.add.value = " NEW "; break; default: }}// Splice method Protype Function// Peter Belesis, Internet.com// http://www.dhtmlab.com/ if (!Array.prototype.splice) {function array_splice(ind,cnt) {if (arguments.length == 0) return ind;if (typeof ind != "number") ind = 0;if (ind < 0) ind = Math.max(0,this.length + ind);if (ind > this.length) {if (arguments.length > 2) ind = this.length;else return [];}if (arguments.length < 2) cnt = this.length-ind;cnt = (typeof cnt == "number") ? Math.max(0,cnt) : 0;removeArray = this.slice(ind,ind+cnt);endArray = this.slice(ind+cnt);this.length = ind;for (var i = 2; i < arguments.length; i++) {this[this.length] = arguments[i];}for(var i = 0; i < endArray.length; i++) {this[this.length] = endArray[i];}return removeArray;}Array.prototype.splice = array_splice;}recCount = 0;loadCookie();countRecords();// End --></script> </head> <body> <center><form name="frm1"><table align="center" resize="none" border="0"><tr><td align="right">Name:</td><td colspan="5"><input type="box" name="name" size="49"></td></tr><tr><td align="right">Address:</td><td colspan="5"><input type="box" name="address" size="49"></td></tr><td align="right">Address 2:</td><td colspan="5" align="left"><input type="box" name="address2" size="49"></td></tr><tr><td align="right">City:</td><td><input type="box" name="city" size="15"></td><td>State:</td><td><input type="box" name="state" size="15"></td><td>Zip:</td><td><input type="box" size="6" name="zip"></td></tr><td align="right">Phone:</td><td align="left"><input type="box" name="phone" size="15"></td><td align="right">Fax:</td><td align="left"><input type="box" name="fax" size="15"></td></tr><tr><td align="right">Web Page:<td colspan="5" align="left"><input type="box" name="address" size="49"></td></tr><td align="right">E-Mail:<td colspan="5" align="left"><input type="box" name="email" size="49"></td></tr><tr><td align="right" valign="top">Comments:</td><td colspan="5" align="left"><input type="box" name="comment1" size="49"><br><input type="box" name="comment2" size="49"><br><input type="box" name="comment3" size="49"><br><input type="box" name="comment4" size="49"><br><input type="box" name="comment5" size="49"></td></tr></table></form><form name="frm2"><table align="center" border="1" resize="none"><tr><td align="center"><input type="button" name="first" value="|<< " onClick="navigate('first');countRecords()"><input type="button" name="previous" value=" < " onClick="navigate('previous');countRecords()"><input type="button" name="next" value=" > " onClick="navigate('next');countRecords()"><input type="button" name="last" value=" >>|" onClick="navigate('last');countRecords()"><input type="box" name="actual" size=30></td></tr><tr><td align="center"><input type="button" name="add" value=" NEW " onClick="newRec();countRecords()"><input type="button" name="set" value="SAVE RECORD" onClick="setRec();countRecords()"><input type="button" name="del" value="Delete" onClick="delRec();countRecords()"></td></tr></table></form></center> </body></html>
-
Well... maybe it is, maybe it isn't... but its a good time to find out! So this is what I have: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Addresses</title> <link rel="stylesheet" href="styles.css" type="text/css" /> </head> <body> <h1>Please enter the clients name and address.</h1> <script type="text/javascript"> function Get_Info() { var person = document.getElementById("person") var address = document.getElementById("address") var phone = document.getElementById("phone") var description = document.getElementById("description") var output = document.getElementById("output") output.innerHTML = "Name: " + person.value + "<br/>Address: " + address.value + "<br/>Phone #: " + phone.value + "<br/>Description: " + description.value } </script> <div> Name: <input id="person" type="text"/><br/> Address: <input id="address" type="text"/><br/> Phone #: <input id="phone" type="text"/><br/> Description: <input id="description" type="text"/> <input type="button" value="Submit" onclick="Get_Info()"/><br/> <span id="output" style="color:#000000"></span> </div> </body></html> Using this code, does anybody know if its possible to save the information that is saved and keep it there the next time the page is viewed, and if the user wants to add another contact, the next contact will show below this one? If so, can someone explain how?
-
I want to create a simple page that asks for some information from the user. So i would input a textbox: <input id="TheName" type="text"/>How can I create a file on the computer, say a .bin file that will save the users information?Or what other ways I can I do this so that the users data is saved in some type of file but can't be cookies or the registry?Nvm... I figured I can do it in javascript.