USA: +1(669)289-8683 
Sign in
Building on the work you have already done on previous assignments
You need to show an example of the use of iFrame.You can make it part of your heading, body, or footer.Probably the BODY is best.The content of the frame can be an HTML file you create OR even better, some external content, that is clickable.
iFrames
HTML IframesW3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.Links to an external site.
THEN, 2nd major thing, you need some way to “protect” the heading and the footer of your page. Try not to make it redundant to the iFrame requirement. i.e. you can use iframe for the header and fixed scrolling for just the footer. I need to see evidence that you used both.
How To Create an On Scroll Fixed HeaderW3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.Links to an external site.
How To Create a Fixed FooterW3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.Links to an external site.
3rd major required thing: You will need to “remember” at the very least, the entered First Name on the form so that when the user comes back to the form the next day, the user’s name will appear IN the heading AND prefilled in the first name box.
Cookies
JavaScript CookiesW3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.Links to an external site.
In your main/header, you should have javascript code to first, query to see IF the cookie exists and has first name data in it. If it does, then at the top of the page before the body, add, “Welcome back, Jake” or “Hello Jake” (where Jake is the first name of the person that already filled out your form)Or whatever the person’s name is.Otherwise, if this is the first time the visitor has been here, in the heading, “Welcome New user” or “Hello New user”… something to indicate that this is the first time the user has been here.
IF this was NOT the first time, you ALSO need to make sure to add a dynamic check box that says:”Not Jake (the first name from the cookie), click HERE to start as a NEW USER.”This will need to call javascript to “expire” the cookie and clear the form, like you hit the reset/clear button.Remember that if the user clicks that they are a new user.. to REMOVE the cookie and creat a new one, like this is a new person.This is a good idea: set the expiry to no more than 48 hours…. for security purposes, of the cookie.
Final required thing: YOU MUST publish this on the web somewhere. IF you are unable to do this on w3spaces or amazon web services or elsewhere, then… Attach ALL the relative files to the Homework assignment as you submit it… ALL the HTMLs, ALL the JS and CSS pages and ANY images you refer to. THEN I will attempt to publish your site on one of my sites to see what it looks like. Be sure to keep everything in one folder so your name references do not include folder, directory or drive names.
YOUR DELIVERABLES WILL BE
Click on WRITE SUBMISSION (NOT THE COMMENTS FIELD)
Part 1:Tell me the URL to go to to see your work
OR (ONLY AS A LAST RESORT)Upload ALL the files related to your site to the homework assignment. You can do BOTH if you want, but be sure to tell me that your are uploading the files just as a backup in case your w3spaces or public site is not reachable.
Part 2:Give me a synopsis of what your website/form is supposed to be doing.Describe to me what you are particularly happy with that you got working.Also tell me what you DIDN’T YET get working.
You will be graded on BOTH the quality and detail of your answers as well as the actual presentation and funcationality of the page. FUNCTIONALITY will be graded HIGHER this time versus presentation and artistic choices, i.e. it can be an ugly or basic site as long as it has the minumum requirements including iFrames and cookies.
If you prefer, you can upload an RTF file of part 2, so you can be more detailed and even include screenshots…. At least 100 words but not a ‘BOOK”.
EXTRA CREDIT OPTIONS 65 points extra max!!!!:
Up to 20 points Extra: Use the Cookie or better yet, the LOCAL STORAGE method to store ALL the contents of the form locally in the browswer, so that when the user goes back to the page and you recognize them from a cookie, either prefill all the fields from local storage… or ASK with another check box or hyperlink, to ask if they want to continue where they left off and THEN go fill the form with the data from local storage. Remember to consider that if the user changes ANYTHING, you need to write that new info into the local storage.
Up to 20 points Extra: When the user clicks the submit button, feed the data from the form into a NEW page, and redisplay all of it, (kind of like how you are doing with the “get data” button from HW2. And then put the Submit or go back button on that NEW page.
Up to 25 points Extra: Add an API to check to see if the user is a ROBOT or not.
reCAPTCHA v3 | Google DevelopersGoogle DevelopersLinks to an external site.
==========================================================End of HW4
