|
JavaScript - Can Javascript Create A Html Page From User Input
I want to use javasript to create a new html page named from a text field in a form. Then I want to use javasript to copy all of the form fields to the new html page that was created using javascripting. I am creating a user are using a Javascript password login. With most of them the page is the user name or password. So this is why I am looking to do this. I use web 1000 a free host and they will only let me use javascripting. Any info or help would be great thank you
Similar TutorialsI'm working in iWeb (I had to say that first). I need to create (using JAVASCRIPT) a text box with a button. When the button is clicked, the contents of the box are added to the URL (the url is in the code, probably a variable, for this example it is mydomain.wordpress.com/) and the url produced loads. For example, if the text "Hello" was printed in the text box once the button is clicked the page mydomain.wordpress.com/Hello is loaded.
Spent past few days helping my son for his project of manipulating bouncing ball. Please help me this script work. Once user inputs the new ani value, the ball goes out. I want user to set any value ani, int and size of the ball to achieve desired animation. Seriously urgent... Thanks! <HTML> <HEAD> </HEAD> <BODY> <IMG ID="ball" STYLE="position: absolute; left: 325; top: 200; width: 30; height: 30;" SRC="images/ball1.gif"> <SCRIPT LANGUAGE="JavaScript"> function showAlert() { alert('ANI=' + ani + ', INT=' + int + ', SIZE=' + wxh + ''); } </SCRIPT> <SCRIPT LANGUAGE="JavaScript1.2"> <!-- var myBall = document.getElementById("ball"); var loc = 200; var ani = 10; var direction = 0; var int = 50; var wxh = 30; setInterval("myFunction()", int); function myFunction(){ if(0 == direction) { /* move down */ loc += ani; if(loc >= 500) { /* reached lower limit, change direction */ direction = 1; } } else { /* move up */ loc -= ani; if(loc < 10) { /* reached upper limit, change direction */ direction = 0; } } myBall.style.top = loc; } // --> </SCRIPT> <SCRIPT LANGUAGE="JavaScript1.2"> function readText (form) { if(form.f_ani.value != ""){ ani = form.f_ani.value ; myBall = document.getElementById("ball"); loc = 200; direction = 0; int = 50; setInterval("myFunction()", int); myFunction(); } showAlert(); } </SCRIPT> <FORM action="" method="Get"> Ball Movement (10 pixels):<input type='text' NAME="f_ani" value="10" size="20"><br> Interval (200 milliseconds):<INPUT type="text" id="f_int" value="200" size="20" name="1"><br> Ball Size (10 pixels W&H):<INPUT type="text" id="f_size" value="30" size="20" name="2"><br> <input type='button' value='Send' onclick="readText(this.form)"> <INPUT type="reset"> </FORM> </BODY> </HTML> Here's part of the code, problem I have is I have it set up for 5 rows, I need it to be able to make more than this, but not sure how many more, this is dependent on user input, how should I go about this? Also how would I go about making the users orders correspond with the right item number? I'd need to sort the array somehow? document.write('<table border="1">'); document.write("<tr>"); document.write('<th colspan="5">ORDER</th>') document.write("</tr>"); document.write("<tr>"); document.write('<th align="left">Item #</th>'); document.write('<th align="center">Name</th>'); document.write('<th align="center">Price</th>'); document.write('<th align="center">Quantity</th>'); document.write('<th align="center">Total</th>'); document.write("</tr>"); document.write('<td align="center">0</td>'); document.write('<td>' + productName[0] + '</td>'); document.write('<td> $' + sausagePrice + '</td>'); document.write('<td> ' + orderItemQty[0] + '</td>'); document.write('<td> ' + sausageTotal + '</td I am trying to create three buttons that will scale the page up, down, or reset to a default value. I would like to base that incrementing on a global variable declared in javascript: Code: var canvasWidth = 600; Desired incrementing would be in sets of 200, so that when the user clicks zoom in once, the value is 800 and the page is redrawn, twice to 1000, and so on. All of the visual elements of the page are created in javascript and are sized based on this variable. Very little is done on the HTML page visually, except for a little display organization, so if possible I'd like to be able to complete this task mainly in the javascript file. Does this make sense? Hi, I'm very new to Javascript and I'm stuck. I am trying to create a js script that will prompt the user for a times table (example the 5 times table, the 7 times table, etc.) & prompt the user for 2 more values; the 'start' number and 'end' number. So there would be 3 numbers total the user must input. The script should present a 'warning' message if the user inputs letters or negative numbers. I have come very close to getting it too work but can't quite get past the last hurdle. Upon entering the 3 numbers, the output should look similar to this: (the 5 times table starting with 1 and ending with 12) The 5 times table 5 * 1 = 5 5 * 2 = 10 5 * 3 = 15 5 * 4 = 20 5 * 5 = 25 5 * 6 = 30 5 * 7 = 35 5 * 8 = 40 5 * 9 = 45 5 * 10 = 50 5 * 11 = 55 5 * 12 = 60 I have placed the js script code on pastebin.com and below. The pastebin link is: http://pastebin.com/2NZPiFH9 Code: function writeTimesTable(timesTable, timesByStart, timesByEnd)
{
for (;timesByStart <= timesByEnd; timesByStart++)
{
document.write(timesTable + " * " + timesByStart + " = " +
timesByStart * timesTable + "<br>");
}
}
var timesTable;
while ( (timesTable = prompt("Enter the first number in the times table. Enter -1 to exit.", -1)) != -1)
{
while (isNaN(timesTable) == true)
{
timesTable = prompt(timesTable + " is not a valid number, please retry.",-1);
}
if (timesTable == -1)
{
break;
}
document.write("<br>The " + timesTable + " times table<br>");
writeTimesTable(timesTable,1,12);
}
Hi, I'm pretty new in Javascript. I searched alot but didn't find any answer to my problem I have. What I want to do: - I have a cell A1 - I want the script to make a new cell B1 - After that I want the script to make a new cell C1 - After that I want the script to make a new cell D1 - After that I wa .... etc .... till I got 20 cells in total. This has to go automatic so not by use of a client sided button. I also need every cell to get his own IDnumber like A1 ID=1, B1 ID=2, C1 ID=3, etc to communicate with database and mysql. But maybe I have to use php for that. Thanx for any help! Best regards, Thoaren I need to created a Calender using Javascript,Html and CSS. In my calender i want to specify each activities that will be carried-out on each month of the Calender.my Theme is "Production". I need helps in using the best [codes] that i can modify and how i can set each calender with various colour and image background and as well has how to show what activities will be carry out in the Calender.. I will be glad if anyone can help. Thank. I'm fairly new to javascript and would appreciate any help offered. I'm trying to use the input from an HTML form to interact with a switch statement in javascript. I want my users to input a few specific words, and have each word they input redirect them to a specific page. Below is what I've currently come up with. I cannot get it to function properly as it continues to display the default output regardless of the input Code:
<script language="JavaScript" type="text/javascript" >
<!--
function checkform ( form )
{
var favcolour =("form.data", "")
switch (favcolour) {
case "red":
window.location="index.html";
break;
case "green":
window.location="index.html#tips";
break;
case "blue":
window.location="index.html#blue";
break;
default:
document.writeln("Invalid Input");
};
}
// -->
</script>
</head>
<body>
<form action="" method="post" onsubmit="return checkform(this);">
<input type="text" name="data" />
Again any help would be greatly appreciated! I tried to create a new text input once the last text box gets focus. But I cant even type in them because every time it gets focus a new text input is created! I really dunno what to do. Code: <html>
<head>
<script type="text/javascript">
function getTB(field)
{
var i = document.getElementById("f1").length + 1;
var cmd = "<input type=text name = "+ i + " onfocus=getTB() value = " + i + ">";
document.getElementById('f1').innerHTML = document.getElementById('f1').innerHTML + cmd;
document.getElementById(i-2).focus();
}
</script>
</head>
<body>
<form id ="f1">
<input type ="text" value ="hello" name="1" onFocus ="getTB(this)">
</form>
</body>
</html>
how to modify so not every time a new text input created when tried to type in? Hi, i've got a calculator/quotation script i've made. Once the calculation is complete, i want the user to click a button which will copy some of the field data to new fields for printing. This is fine and i can do easily, however i then want the user to be able to reset the form and do another calculation, click the same button and it copy the new data to new fields too. So in effect you end up with all of your calculations listed somewhere for printing. how would i attempt this? any help appreciated In a normal chatroom, when the user "says" something, the text will be displayed normally on a line with the date/time attached like the example below. 2011/11/09 Capypara: Blah balh blah I would like to make it so that the text typed in by the user will appear inside a graphic (square, or those chat bubbles) like the example below. The graphic will only appear when a user says something, so essentially both the graphic and the text will appear together. ~~~~~~~~~~~~~~~~~~~~~~~~ | | | 2011/11/09 Capypara: Blah balh blah | | | ~~~~~~~~~~~~~~~~~~~~~~~~ Is it possible to go about doing this? Thanks for reading this. _________
Hey, so i've been learning basics and I can get the following code to work as a prompt and I thought hey, I wounder if I can get it to work of a UI system, so I edited the code and got this Read Below Post Can you please help me to find where I am going wrong. Thanks MancunianMacca So I have been working on this exercise for about a month. In the book I am reading it say's this:"For each number that the user enters, the text boxes on the web page should display: the last score that was entered, the number of scores that have been entered, the total of these scores, the average score, the best score, and the worst score. When you write the code for this function, you should enclose the prompt method within a loop, but you decide which type of loop is best for this application. Now, write and test the code." The first peice of code is my HTML, and the second piece of code is the function that I have to start from in a .js file. I just seem to be confused at how my structuring needs to be. The 999 in the function is what the prompt says to enter to escape. Code: <body>
<div id="content">
<h1>Using Loops</h1>
<label for="lastScore">Last Sco </label>
<input type="text" id="lastScore" /><br />
<p></p>
<label for="scoreCount">Score Count:</label>
<input type="text" id="scoreCount" /><br />
<label for="scoreTotal">Score Total:</label>
<input type="text" id="scoreTotal" /><br />
<p></p>
<label for="scoreAverage">Average Sco </label>
<input type="text" id="scoreAverage" /><br />
<label for="bestScore">Best Sco </label>
<input type="text" id="bestScore" /><br />
<label for="worstScore">Worst Sco </label>
<input type="text" id="worstScore" /><br />
<p></p>
</div>
Code: var process_test_scores = function () {
var testScore;
testScore = parseInt(prompt(
"Enter a valid test score between 0 and 100.\n" +
"To end test score entry, enter 999.", 999));
}
Hello all, First off I would like to say a big hello and thank you to the forum for helping me with code over the years... I am trying to create an iframe with a user input, however, I dont simply want the iframe to display the URL the user has entered in the iframe. I want it to be used within a URL string. For example: The iframe should display http://www.google.co.uk/search?q=UserKeyword I havent got a clue where to start from.... Any help would be highly appreciated! Thanks! Is there any possible way for JS to save changes that a user has made? my situation is that I'm a photographer who offers photobooks. My customers often have hundreds or thousands of photos and want captions on lots of them. I want to post a photo gallery with a user input form. I've created a simple form, but I want the user to be able to save comments straight to the gallery so I can look at them... it's only a very simple form and isn't quite finished yet, oh by the way, I'm not sure how to use the check box... but, i'll work on that. Code: <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
<!--
#divWrapper {
text-align: center;
width: 430px;
margin-right: auto;
margin-left: auto;
}
-->
</style>
</head>
<body>
<script type="text/javascript">
function picForm()
{
if(document.frmInput.addPic.value="yes")
{
document.frmOutput.outChoice.value="will"
}
else
{
document.frmOutput.outChoice.value="will NOT"
}
document.frmOutput.outCap.value=document.frmInput.addCap.value;
document.frmOutput.outComm.value=document.frmInput.addComm.value;
}
</script>
<div id="divWrapper">
<p>Uncheck the box if you do NOT want this photo to appear in your photobook. Please write your caption in the box provided. Any further comments you wish to make can be entered in the second box.</p>
<div id="divInput">
<form name="frmInput">
<table id="tblForm" cellpadding="3px">
<tr>
<td><input name="addPic" type="checkbox" value="yes">
Add to Photobook</td>
<td> </td>
</tr>
<tr>
<td>Caption<br>
<textarea name="addCap" cols="24" rows="3" value="...Add Caption Here..."></textarea></td>
<td>Comments<br>
<textarea name="addComm" cols="24" rows="3" value="...Add Comments Here..."></textarea></td>
</tr>
<tr>
<td></td>
<td><div align="right">
<input name="btnSubmit" type="button" value="Submit" onClick="picForm()" />
</div></td>
</tr>
</table>
</form>
</div>
<div id="divOutput">
<form name="frmOutput">
<p>This photo
<input name="outChoice" type="text" value="" size="7" style="border:0px" />
appear in your photo book.</p>
<p>You would like the caption to read:
<input name="outCap" type="text" value="" size="50" style="border:0px" />
</p>
<p>Your comments to us a
<input name="outComm" type="text" value="" size="50" style="border:0px" />
</p>
</form>
</div>
</div>
</body>
</html>
Please help! I have a very simple problem, but I can't find the answer. How do I run an html page?? <script type="text/javascript" > var curdate=new Date(); if (curdate.getMonth()+1 ==1){ document.write("<img src='Images/Menu Pictures/05/homepage.gif'>"); the above line works document.write("<href src='menu05.htm'>"); The above line doesn't work } else if (curdate.getMonth()+1==2){ Okay, so I've created a JavaScript form which allows the user to enter their name into the form and display it within the sentence, "Welcome to the site ______". It works on one page, but, problem is, I'd like it to be displayed on every page. I'm aware you cannot do this with getElementbyId (can only be used once), which is what I've used. I've tried using getElementsbyClass, but from my understanding, it's not as simple as that. Here's my code so far anyway: Code: <script type="text/javascript">
function inputname(){
var userInput = document.getElementById('userInput').value;
document.getElementById('welcome').innerHTML = userInput;
}
</script>
Code: <p>Welcome to the site <b id='welcome'></b> </p> <input type='text' id='userInput' /> <input type='button' onclick='inputname()' value='Enter Name'/> The assignment is to take a form and determine whether or not the user has put in data into the parts of the form. We are using Javascript to validate the form input and html to create the form itself. My code was running before, but then I added a confirm user input at the bottom of the form and it stopped working. I have no idea what to do at this point. Any help would be useful. I don't have any error messages because I don't know how to test it in the firefox javascript console, if someone wants to instruct me on this i can get back to you guys with the error messages. Thanks Also, my submit button has not been running the validate program when selected. Code: <html>
<head>
<title>Order Form</title>
<script language="javascript">
function validate(objForm)
{
str="";
checkstr="";
checkstr2="";
stateselect = "false";
//VALIDATING CONTACT INFORMATION
if (objForm.firstName.value == "")
{
str+= "You must enter your First Name\n";
}
if (objForm.lastName.value == "")
{
str+= "You must enter your Last Name\n";
}
if (objForm.phoneNumber.value == "")
{
str+= "You must enter a Phone Number\n";
}
//VALIDATING SHIPPING ADDRESS
if (objForm.address.value == "")
{
str+= "You must enter an address\n";
}
if (objForm.city.value == "")
{
str+= "You must enter a city\n";
}
for(i=1; i<objForm.state.options.length; i++)
{
if (objForm.state.options[i].selected) stateselect = "true";
}
if (stateselect != "true") str+= "You must select a state\n";
if(isNaN(myForm.zipcode.value)||myForm.zipcode.value.length!=5)
{
str+= "You must enter a 5 digit zipcode\n";
}
//VALIDATING CHECK BOX
if (!objForm.doublechocchip.checked && !objForm.vanillachip.checked && !objForm.zebra.checked && !objForm.tiger.checked && !objForm.choccoveredstrawberry.checked && !objForm.mintcchochip.checked
&& !objForm.raspberry.checked && !objForm.redvelvet.checked && !objForm.kailua.checked && !objForm.blackforest.checked && !objForm.peanutbutter.checked && !objForm.mandm.checked
&& !objForm.oreo.checked && !objForm.mocha.checked && !objForm.gingerbread.checked && !objForm.pumpkin.checked && !objForm.pistachio.checked && !objForm.lavender.checked
&& !objForm.carrotcake.checked && !objForm.strawberrybanana.checked)
str+= "You must select at least one cupcake\n";
//VALIDATING CHECKED BOXES
if (objForm.doublechocchip.checked) checkstr += objForm.doublechocchip.value + ", ";
if (objForm.vanillachip.checked) checkstr += objForm.vanillachip.value + ", ";
if (objForm.zebra.checked) checkstr += objForm.zebra.value + ", ";
if (objForm.tiger.checked) checkstr += objForm.tiger.value + ", ";
if (objForm.choccoveredstrawberry.checked) checkstr += objForm.choccoveredstrawberry.value + ", ";
if (objForm.mintchocchip.checked) checkstr += objForm.mintchocchip.value + ", ";
if (objForm.raspberry.checked) checkstr += objForm.raspberry.value + ", ";
if (objForm.redvelvet.checked) checkstr += objForm.redvelvet.value + ", ";
if (objForm.kailua.checked) checkstr += objForm.kailua.value + ", ";
if (objForm.blackforest.checked) checkstr += objForm.blackforest.value + ", ";
if (objForm.peanutbutter.checked) checkstr += objForm.peanutbutter.value + ", ";
if (objForm.mandm.checked) checkstr += objForm.mandm.value + ", ";
if (objForm.oreo.checked) checkstr += objForm.oreo.value + ", ";
if (objForm.mocha.checked) checkstr += objForm.mocha.value + ", ";
if (objForm.gingerbread.checked) checkstr += objForm.gingerbread.value + ", ";
if (objForm.pumpkin.checked) checkstr += objForm.pumpkin.value + ", ";
if (objForm.pistachio.checked) checkstr += objForm.pistachio.value + ", ";
if (objForm.lavender.checked) checkstr += objForm.lavender.value + ", ";
if (objForm.carrotcake.checked) checkstr += objForm.carrotcake.value + ", ";
if (objForm.strawberrybanana.checked) checkstr += objForm.starwberrybanana.value + ", ";
//VALIDATING CHECK BOX
if (!objForm.mini.checked && !objForm.regular.checked && !objForm.collossal.checked)
str+= "You must select a size\n";
//VALIDATING CHECKED BOXES
if (objForm.mini.checked) checkstr2 += objForm.mini.value + ", ";
if (objForm.regular.checked) checkstr2 += objForm.regular.value + ", ";
if (objForm.collossal.checked) checkstr2 += objForm.collossal.value + ", ";
//print all form input
if (str != ""){
alert(str);
return false;
}
else{
str= "Please Confirm Your Information:";
str += "\nFirst Name: " +objForm.firstName.value;
str += "\nLast Name: " +objForm.lastName.value;
str += "\nPhone Number: " +objForm.phoneNumber.value;
str += "\nAddress: " +objForm.address.value;
str += "\nCity: " +objForm.city.value;
str += "\nZip Code: " +objForm.zipcode.value;
str += "\nCupcakes: " +checkstr;
str += "\nSize: " +checkstr2;
alert(str);
return true;
}
}
</script>
</head>
<link rel="stylesheet" type="text/CSS" href="CellFormating.css"/>
<body onLoad="document.forms[0].elements[0].focus()">
<h2 align="center" class="CellFormat1"> Please Use the Following Form to Place Your Order: </h2>
<form id ="CellFormat2" name="myForm" method="post" action="orderconfirmation.html" onSubmit="return validate(myForm)">
<table align="center">
<tr>
<td id="CellFormat4">Contact Information:</td>
</tr>
<tr>
<td>First Name: </td>
<td><input name="firstName" size="15" /></td>
</tr>
<tr>
<td>Last Name: </td>
<td><input type="text" name="lastName" size="15" maxlength="20" /></td>
</tr>
<tr>
<td>Phone Number: </td>
<td><input type="text" name="phoneNumber" size="10" maxlength="10" /></td>
</tr>
</table>
<p>
</p>
<table align="center">
<tr>
<td id="CellFormat4">Shipping Address:</td>
</tr>
<td>Address: </td>
<td><input type="text" name="address" size="22" maxlength="30" /></td>
</tr>
<tr>
<td>City: </td>
<td><input type="text" name="city" size="10" maxlength="15" /></td>
</tr>
<tr>
<td>State: </td>
<td>
<select name="state" size="1">
<option selected>Select your State</option>
<option>Alabama</option>
<option>Alaska</option>
<option>Arizona</option>
<option>Arkansas</option>
<option>California</option>
<option>Colorado</option>
<option>Connecticut</option>
<option>Delaware</option>
<option>Florida</option>
<option>Georgia</option>
<option>Hawaii</option>
<option>Idaho</option>
<option>Illinois</option>
<option>Indiana</option>
<option>Iowa</option>
<option>Kansas</option>
<option>Kentucky</option>
<option>Louisiana</option>
<option>Maine</option>
<option>Maryland</option>
<option>Massachusetts</option>
<option>Michigan</option>
<option>Minnesota</option>
<option>Mississippi</option>
<option>Missouri</option>
<option>Montana</option>
<option>Nebraska</option>
<option>Nevada</option>
<option>New Hampshire</option>
<option>New Jersey</option>
<option>New Mexico</option>
<option>New York</option>
<option>North Carolina</option>
<option>North Dakota</option>
<option>Ohio</option>
<option>Oklahoma</option>
<option>Oregon</option>
<option>Pennsylvania</option>
<option>Rhode Island</option>
<option>South Carolina</option>
<option>South Dakota</option>
<option>Tennessee</option>
<option>Texas</option>
<option>Utah</option>
<option>Vermont</option>
<option>Virginia</option>
<option>Washington</option>
<option>West Virginia</option>
<option>Wisconsin</option>
<option>Wyoming</option>
</select>
</td>
</tr>
<tr>
<td>Zip Code: </td>
<td><input type="text" name="zipcode" size="10" maxlength="15" /></td>
</tr>
</table>
<p>
</p>
<table align="center">
<tr>
<td><div align="center" id="CellFormat4">Select Your Cupcakes:</div></td>
<td><div align="center" id="CellFormat4">Select Your Size(s):</div></td>
<td><div align="center" id="CellFormat4">Select The Amount:</div></td>
</tr>
<tr>
<td><input type="checkbox"name="doublechocchip" value="doublechocchip"/>Double Chocolate Chip</td>
<td><input type="checkbox"name="mini" value="mini"/>Mini</td>
<td>Amount: <input type="text" name="amt" size="5" maxlength="10" /></td>
</tr>
<tr>
<td><input type="checkbox"name="vanillachip" value="vanillachip"/>Vanilla Chip</td>
</tr>
<tr>
<td><input type="checkbox"name="zebra" value="zebra"/>Zebra</td>
<td><input type="checkbox"name="regular" value="regular"/>Regular</td>
</tr>
<tr>
<td><input type="checkbox"name="tiger" value="tiger"/>Tiger</td>
</tr>
<tr>
<td><input type="checkbox"name="choccoveredstrawberry" value="choccoveredstrawberry"/>Chocolate Covered Strawberry</td>
<td><input type="checkbox"name="collosal" value="collossal"/>Collossal</td>
</tr>
<tr>
<td><input type="checkbox"name="mintchocchip" value="mintchocchip"/>Mind Chocolate Chip</td>
</tr>
<tr>
<td><input type="checkbox"name="raspberry" value="raspberry"/>Raspberry</td>
</tr>
<tr>
<td><input type="checkbox"name="redvelvet" value="redvelvet"/>Red Velvet</td>
</tr>
<tr>
<td><input type="checkbox"name="kailua" value="kailua"/>Kailua</td>
</tr>
<tr>
<td><input type="checkbox"name="blackforest" value="blackforest"/>Black Forest</td>
</tr>
<tr>
<td><input type="checkbox"name="peanutbutter" value="peanutbutter"/>Peanut Butter</td>
</tr>
<tr>
<td><input type="checkbox"name="mandm" value="mandm"/>M&M's</td>
</tr>
<tr>
<td><input type="checkbox"name="oreo" value="oreo"/>Oreo</td>
</tr>
<tr>
<td><input type="checkbox"name="mocha" value="mocha"/>Mocha</td>
</tr>
<tr>
<td><input type="checkbox"name="gingerbread" value="gingerbread"/>Gingerbread</td>
</tr>
<tr>
<td><input type="checkbox"name="pumpkin" value="pumpkin"/>Pumpkin</td>
</tr>
<tr>
<td><input type="checkbox"name="pistachio" value="pistachio"/>Pistachio</td>
</tr>
<tr>
<td><input type="checkbox"name="lavender" value="lavender"/>Lavender</td>
</tr>
<tr>
<td><input type="checkbox"name="carrotcake" value="carrotcake"/>Carrot Cake</td>
</tr>
<tr>
<td><input type="checkbox"name="strawberrybanana" value="strawberrybanana"/>Strawberry Banana</td>
</tr>
</table>
<p>
</p>
<div align="center" id="CellFormat4">Payment Method:</div>
<table align="center">
<tr>
<td>Credit Card Type: </td>
</tr>
<tr>
<td>Visa:<input type="radio" name="visa" value="visa" /></td>
<td>Master Card:<input type="radio" name="master" value="master" /></td>
<td>Discovery:<input type="radio" name="discovery" value="discovery" /></td>
<td>Chase:<input type="radio" name="chase" value="chase" /></td>
</tr>
<tr>
<td>Credit Card Number: </td>
<td><input type="text" name="creditNumber" size="12" maxlength="12" /></td>
</tr>
<tr>
<td>Expiration Date: </td>
<td><input type="text" name="ExpDate" size="5" maxlength="5" /></td>
</tr>
<tr>
<td>Security Code: </td>
<td><input type="text" name="SecurityCode" size="3" maxlength="3" /></td>
</tr>
</table>
<p>
</p>
<table align="center">
<tr>
<td><textarea rows="10" cols="25" wrap="soft">Please let us know how we are doing</textarea></td>
</tr>
</table>
<table align="center">
<tr>
<td><input type="submit" name="Order" value="Submit Order" onSubmt="return validate(myForm)";/></td>
<td><input type="button" name="confirm" value="Confirm Information" onClick="validate(myForm)"/></td>
<td><input type="reset" name="Clear" value="Reset"/></td>
</tr>
</table>
</form>
<table align="center">
<tr>
<td><a href="cupcakes.htm">View the Cupcakes</a></td>
<td><a href="home.html">Go Home!</a></td>
</tr>
</table>
</body>
</html>
Hi there, I'll try to be brief: When a user submits a website in the input field on my site, I'd like there to be a background process that takes a screenshot of that website and then displays that image to the user. This website does it perfectly. The user writes the website to the right, and the screenshot is displayed to the left. I'm looking for a free alternative, and read that perhaps webkit(s) might be the solution? I'm a total newbie when it comes to this so any feedback is gold to me. Thank you so much guys/gals. |
|||||||