ZeroShade Posted October 28, 2006 Share Posted October 28, 2006 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. Link to comment Share on other sites More sharing options...
smiles Posted October 28, 2006 Share Posted October 28, 2006 uhm I am not good at serve scriptsas far as I know , people normally create a file on server , for example , .sql fileI dont think it can with Javascript Link to comment Share on other sites More sharing options...
ZeroShade Posted October 28, 2006 Author Share Posted October 28, 2006 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? Link to comment Share on other sites More sharing options...
ZeroShade Posted October 28, 2006 Author Share Posted October 28, 2006 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> Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now