|
HTML - Localstorage Poof Reading Needed!
Hey guys. Mandarin was able to help me BIG time on this yesterday and get me going but I've hit a bump in the road. I have the scripting written out to the best of my knowledge. I've checked it 3 times with my amateur eyes and can't find anything that I'm missing. Will you please take a look at the scripting here and see what I'm missing??
The form shows up great on the Source side but when I hit submit it goes to a BLANK destination page. I had it working yesterday where the results showed up just fine on the destination page in a much simpler format! Thanks for taking a look. Source page HTML Code: <!DOCTYPE html>
<html>
<head>
<title>Source page</title>
<script>
window.onload = function() {
document.getElementById("input").onsubmit = function() {
localStorage.setItem("tfirstname", this.elements["tfirstname"].value);
localStorage.setItem("tlastname", this.elements["tlastname"].value);
localStorage.setItem("email", this.elements["email"].value);
localStorage.setItem("tphone", this.elements["tphone"].value);
localStorage.setItem("ffirstname", this.elements["ffirstname"].value);
localStorage.setItem("flastname", this.elements["flastname"].value);
localStorage.setItem("fphone", this.elements["fphone"].value);
localStorage.setItem("rent", this.elements["rent"].value);
localStorage.setItem("employer", this.elements["employer"].value);
localStorage.setItem("ephone", this.elements["ephone"].value);
localStorage.setItem("gross1", this.elements["gross1"].value);
localStorage.setItem("length", this.elements["length"].value);
localStorage.setItem("gross2", this.elements["gross2"].value);
localStorage.setItem("lfirstname", this.elements["lfirstname"].value);
localStorage.setItem("llastname", this.elements["llastname"].value);
localStorage.setItem("lphone", this.elements["lphone"].value);
localStorage.setItem("clength", this.elements["clength"].value);
localStorage.setItem("evicted", this.elements["evicted"].value);
localStorage.setItem("checking", this.elements["checking"].value);
localStorage.setItem("savings", this.elements["savings"].value);
localStorage.setItem("bank", this.elements["bank"].value);
localStorage.setItem("bankruptcy", this.elements["bankruptcy"].value);
}
}
</script>
</head>
<body>
<form id="input" action="http://www.truquill.com/contact-us.html" method="post">
<B>General Information</B>
<br /><br />
First name: <input name="tfirstname" title="First name" /><br />
Last name: <input name="tlastname" title="Last name"/><br />
Email:   <input name="email" title="Email address" /><br />
Phone: <input id="tphone" name="tphone" title="Primary phone number"
type="text" size="3" value="" >
<input id="tphone" name="tphone" title="Primary phone number"
type="text" size="3" value="" >
<input id="lastDigits" name="lastDigits" title="Primary phone number"
type="text" size="4" value="" ><br />
<br /><br />
<B> Future Residence </B>
<br /><br />
First name: <input name="ffirstname" title="Future residence first name" /><br />
Last name: <input name="flastname" title="Future residence last name"/><br />
Phone:  <input id="fphone" name="fphone" title="Future residence phone number"
type="text" size="3" value="" >
<input id="fphone" name="fphone" title="Future residence phone number"
type="text" size="3" value="" >
<input id="lastDigits" name="lastDigits" title="Future residence phone number"
type="text" size="4" value="" ><br /><br />
Rent amount: $ <input name="rent" size=4 title="Future residence rent amount" /><br />
<br /><br />
<B> Employment History </B>
<br /><br />
Employer: <input name="employer" title="Name of Employer" /><br />
Phone: <input id="ephone" name="ephone" title="Employer phone number"
type="text" size="3" value="" >
<input id="tphone" name="ephone" title="Employer phone number"
type="text" size="3" value="" >
<input id="lastDigits" name="lastDigits" title="Employer phone number"
type="text" size="4" value="" ><br /><br />
Gross monthly wage: $<input name="gross1" size=4 title="Monthly wages from employer before tax" /><br /><br />
Length at current employer:<br /><br />
<input type="checkbox" name="length" value="<1" /> Less than 1 year<br />
<input type="checkbox" name="length" value="1-2" /> 1-2 years<br />
<input type="checkbox" name="length" value="2+" /> More than 2 years<br />
<br />
Additional household income:
$ <input name="gross2" size=4 title="Gross household income in addition to wages from listed employer" /><br />
<B> Rental History </B>
<br /><br />
Current Landlord Information
<br /><br />
First name: <input name="lfirstname" title="Landlord first name" /><br />
Last name: <input name="llastname" title="Landlord last name"/><br />
Phone:  <input id="lphone" name="lphone" title="Landlord phone number"
type="text" size="3" value="" >
<input id="tphone" name="tphone" title="Landlord phone number"
type="text" size="3" value="" >
<input id="lastDigits" name="lastDigits" title="Landlord phone number"
type="text" size="4" value="" ><br /><br />
Length at current residence:<br /><br />
<input type="checkbox" name="clength" value="<1" /> Less than 1 year<br />
<input type="checkbox" name="clength" value="1-2" /> 1-2 years<br />
<input type="checkbox" name="clength" value="2+" /> More than 2 years<br />
<br />
Have you ever been evicted?<br /><br />
<input type="checkbox" name="evicted" value="<1" /> Yes<br />
<input type="checkbox" name="evicted" value="1-2" /> No<br />
<br />
<br />
<B> Account Balances </B>
<br /><br />
Household checking: <input name="checking" title="Household checking account balance" /><br />
Household savings: <input name="savings" title="Household savings account balance" /><br />
Primary bank:       <input name="bank" title="Primary banking institution" /><br />
<br />Have you ever declared bankruptcy?<br /><br />
<input type="checkbox" name="bankruptcy" value="yes" /> Yes<br />
<input type="checkbox" name="bankruptcy" value="no" /> No<br />
<br /><br />
<input type="submit" value="View my options!" title=Submit><br /><br /><br />
</form>
</body>
</html>
Destination page HTML Code: <!DOCTYPE html>
<html>
<head>
<title>Destination page</title>
<script>
window.onload = function() {
document.getElementById("message").innerHTML = "Welcome back, " + localStorage.getItem("tfirstname") + " " + localStorage.getItem("tlastname") +" " + localStorage.getItem("email") + " " + localStorage.getItem("tphone") +" " + localStorage.getItem("ffirstname") + " " + localStorage.getItem("flastname") +" " + localStorage.getItem("fphone") + " " + localStorage.getItem("rent") +" " + localStorage.getItem("employer") + " " + localStorage.getItem("ephone") + " + localStorage.getItem("gross1") + " " + localStorage.getItem("length") +" " + localStorage.getItem("gross2") + " " + localStorage.getItem("lfirstname") +" " + localStorage.getItem("llastname") + " " + localStorage.getItem("lphone") +" " + localStorage.getItem("clength") + " " + localStorage.getItem("evicted") +" " + localStorage.getItem("checking") + " " + localStorage.getItem("savings") +" " + localStorage.getItem("bank") + " " + localStorage.getItem("bankruptcy");
}
</script>
</head>
<body>
<p id="message"></p>
</body>
</html>
Similar TutorialsHey guys. All I need to do is 'get' the value of an answer (either 1 or 0) from a radio button question posed to the user. I need to be able to calculate the answer (if it's 1 obviously) into a percentage. All I am getting right now is undefined undefined undefined. Can someone please give me the correct scripting to solve this problem? I think it should be pretty straight forward but I can't figure it out and it's driving me crazy! HTML Code: <!DOCTYPE html>
<html>
<head>
<title>Source page</title>
<script>
window.onload = function() {
document.getElementById("input").onsubmit = function() {
localStorage.setItem("length", this.elements["length"].value);
localStorage.setItem("clength", this.elements["clength"].value);
localStorage.setItem("evicted", this.elements["evicted"].value);
localStorage.setItem("bankruptcy", this.elements["bankruptcy"].value);
localStorage.setItem("dda", this.elements["dda"].value);
localStorage.setItem("rent", this.elements["rent"].value);
}
}
</script>
</head>
<body>
<form id="input" action="http://truquill.com/apartment-cosigning-quote-results/" method="post">
<p style="font-family:tahoma;color:black;font-size:10px;margin: 0 0 0.5em;">
Length at current employer:<br /><br />
<input type="radio" name="length" value="1" /> Less than 1 year<br />
<input type="radio" name="length" value="0" /> 1-2 years<br /><br/>
Length at current residence:<br /><br />
<input type="radio" name="clength" value="1" /> Less than 1 year<br />
<input type="radio" name="clength" value="0" /> 1-2 years<br /> <br/>
Have you ever been evicted?<br /><br />
<input type="radio" name="evicted" value="1" /> Yes<br />
<input type="radio" name="evicted" value="0" /> No<br /><br />
Have you ever declared bankruptcy?<br /><br />
<input type="radio" name="bankruptcy" value="1" /> Yes<br />
<input type="radio" name="bankruptcy" value="0" /> No<br /> <br />
Do you have a checking account?<br /><br />
<input type="radio" name="dda" value="0" /> Yes<br />
<input type="radio" name="dda" value="1" /> No<br /><br />
Confirm rent amount:<br/><br/>
$<input type="text" class="inputtext" input name="rent" size=4 title="rent" /><br /><br/>
<input type="submit" value="Submit and view my quote!" title=Submit><br />
</p>
<br /><br /><br />
</form>
</body>
</html>
HTML Code: <!DOCTYPE html>
<html>
<head>
<title>Destination page</title>
<script>
window.onload = function() {
document.getElementById("message").innerHTML = "Welcome back, " +
localStorage.getItem("length") +
" " + localStorage.getItem("clength") +
" " + localStorage.getItem("evicted") +
" " + localStorage.getItem("bankruptcy") +
" " + localStorage.getItem("dda") +
" " + localStorage.getItem("rent") ;
}
</script>
</head>
<body>
<p id="message"></p>
</body>
</html>
Hey all, My second question from the 'could be done another, easier way, but I want to do it like this' pile (I am really trying to avoid PHP..) At the moment I have created a basic website (just for funsies, and a little bit of learning) using CSS and such - nothing too complicated. I had a bit of a look around and found a basic script that would allow me to username / password protect the site, though I noticed that the username / password was stored in the HTML itself, so it sort of makes it useless. This got me thinking about more secure ways to do it, and I thought that if I could store the username / password combinations in a CSV file, and then check through that list on submit, that would be ok? So, firstly, is it possible to do it like this? Secondly, how would I go about doing it? I am probably in way over my head, but I will never know if I never try! Thanks in advance. ~J I am getting better at handling the validation errors, what I would like to know now is what's the easiest way to locate the line specified in the error, for example if it says line 122 column 12? How do you guys get to line 122, do you count line by line like me or is there an easier way? Also I am assuming that the white spaces between all lines are not counted in the validation? How can I use HTML to read text from a text file and put it into a cell in a table? I want to have one main site that can have different content loaded into it. would I be better off using frames? Sorry if this is confusing. Alteast, I think it's a HTML website i'm reading from: http://nw4.novaworld.net/bhd_3_list.lob?page=2 I'm quite lost here, I tried several things, done some searching here and there, and just cant figure it out. I'm not sure if what I want is possible with HTML, if it isnt, please move this post to the appropriate section, thanks. What I want to do is make somesort of a 'Serverstatus block', with some help from the website I posted above. I sometimes host a server in that game, and then it shows up on that website with Game Name, Gametype and Players. Now I want to format that info into a nice statusblock... Though it's not just me hosting a server, there's more people hosting for the same name. I only want that statusblock to get the info only if there's a server with Game Name that contains 'P4F', else it should say 'Server Offline'. I want the info formatted like: Server Name: (namehere) Gametype: (gametypehere) Players: (playershere) I just cant figure this out... I do have some basic HTML knowledge, I know how to format text like that, but I dont know how to read from that website... Could anyone give me an example, tip or website that holds the easiest way to do this ? Thanks in advance, VipleX I'm trying to make a small page that reads a CSV file (exported from excel) that gives me a list of my DVDs with an img that is a link to the file to start the movie. It actually works fine (needs some formatting tweaking), but as it is below, it lists the movies vertically (up & down). Anyone know how I can make it list them horizontally? For whatever reason I prefer it that way. Any help would be appreciated. I'm testing using IE btw. movies-test.html ===== <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title> Graphical list </title> </head> <body bgcolor=#C0C0C0> <object ID=data classid="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83"> <param nAme="DataURL" value="movies-test.csv"> <param nAme="UseHeader" value="true"> </object> <table CELLSPACING=25 datasrc='#data'> <tr> <td><center> <a href= <span datafld='location'> </span><img width=290 height=400 src=<span datafld='picture'></span> </a><br> <span datafld='name'> </span> <span datafld='time'></span> </center></td> </tr> </table> </body> </html> movies-test.csv ===== name,time,picture,location 8mm,123,C:/DVDs/images/8mm_cs.jpg,D:/8mm/video_ts/video_ts.ifo 12 Monkeys,131,C:/DVDs/images/12_monkeys_cs.jpg,E:/12_monkeys/video_ts/video_ts.ifo Thirteen Ghosts,91,C:/DVDs/images/13_ghosts_CS.jpg,E:/thirteen_ghosts/video_ts/video_ts.ifo 13th Warrior,102,C:/DVDs/images/13th_warrior_cs.jpg,D:/13th_warrior/video_ts/video_ts.ifo 16 Blocks,105,C:/DVDs/images/16_blocks_cs.jpg,H:/16_blocks/video_ts/video_ts.ifo Hi all, I can not seem to figure out why a form on my fathers website is having trouble being read by Internet Explorer. The text directing what should be written (ie. Name, Telephone, Email Address, etc...) is being cut in half. I have no idea why it is doing this I have tried playing around with the cell padding to no avail. I appreciate you help Thanks, Josh Korn I want to write some HTML to display some details on a CV the same as the images I've attached. The code I've written doesn't produce this exactly for me. Can anyone suggest how to remedy it? Code: <table border=0> <tr> <td><b>Name</b></td> <td>John Smith</td> </tr> <tr> <td><b>Address</b></td> <td>5 Main Street<br>Ballinasloe<br>Co.Galway</td> </tr> <tr> <td><b>Date of Birth</b></td> <td>10-05-1985</td> </tr> <tr> <td><b>Telephone</b></td> <td>086 81828384</td> </tr> </table> Code: <h2><a name="work"><i>Work Experience</i></h2> <b>Dunnes Stores</b> <dd>My main Responsiblities inclued:</dd> <ul> <li>Packing</li> <li>Till work</li> <li>Mopping out toilets</li> </ul> Hi - I'm not a developer and need some help with this... I have a basic html page with images and text and I need to add the functionality of when a user clicks a defined button, the whole page flashes white 5 or 6 times - Almost like someone taking a photo and the flash goes off 5 or 6 times - Is this possible and what script would I need to include on the page to make this happen when the user clicks a certain button. Hope I've explained it ok, any help would be much appreciated - Thanks.. Ok I have some files (500) or so that I need to edit and and replace some parts of the code. Is there a program out there that would edit out certain code and delete it on multiple pages with out going through each page individually. Thanks. Help needed! I've been given a website and some code from the website. I need to create a website like this one: http://carapprovalnow.com/ I have the code from this site, but need help filling in the blanks!! Any help would be appreciated!! Thanks!!! Our web designer has encountered a problem while designing our website www.buzzprinting.co.uk. The problem seems to be when you scroll down the page you are greeted with a mass of blue background. Does anyone know how this problem can be seolved? Many thanks in advanced. Steve Okay, you know those HTML pages on the side of your page on some websites? The frame thingys... I forget the name of it, but I would really like it if somebody could write me a little script to make one. Thanks. Frameset is what I think their correct name is... Hi. I am new to this forum, and new to html/website development, etc. I am trying to get help on how to fix a problem with my website. I run a website for a small non-profit dog and cat rescue. The site was set up by a friend who understands this stuff, and I basically copy and paste coded? templates where I fill in information about the animals, etc. I am trying to fix a problem with embeded youtube videos, but honestly don't really know what the problem is. The website is www.flarescue.org if that helps. On the site, we have embeded youtube videos, along with pictures of each animals. The videos work fine, and the picture thumbnails look fine as well. The problem occurs when you click on the pictures to enlarge them. For some reason, the youtube videos stay in the foreground, and block the pictures. This problem only happens when viewing the website on IE or Chrome. Everything looks fine when viewing on firefox or safari. Any ideas as to what the problem is, or if this forum is where I should be looking for answers? And if so, where should I post my question? Thanks. Dylan Hello! I've no idea, how to margin a html page like the attachment.. Can anyone help me, please??? There is the share option on Metrolyrics to share certain text check it out here http://www.metrolyrics.com/fall-for-...-serenade.html when you hover over the lyrics you see the share button HOW DO I GET THAT? I have made a website and need help with my HTML. What im trying to do is use the Index page as my template and place all the rest of my page on a region on the index page but also change the pages of the site using nav bar. What HTML should i be using and can anyone give me a code?? Many thanks Gem Hi guys, I'm working a directory type website. What I want to do is displaying a persons details, ie name, address, telephone number. But I want the number to be hidden behind an image or other text that must be clicked on to display it. Something similar to what is used on goldenpages.ie is what I'm looking for. The info will be pulled from a database, planning on using PHP and mySql. Thanks I'm trying to use the following link of code below: <a href="images/imageName" rel="lyteframe" title="imageTitle" rev="width: 406px; height: 605px; scrolling: no;">imageText</a> Where imageName is 400 x 600. When I click on the link to open the image, in FIREFOX the image opens perfectly (correct size, with the correct window around.) When I click on the link in IE7, the window is smaller then the image thus adding scroll bars. Any idea or help on how to get it working correctly in IE? thanks in advance. |
|||||||