ZuoTi.Pro
Question

HTML Coding <html> <head> <title> Contact -- Charles Robertson </title> </head> <body bgcolor="white"> <table width="700" height="500"...

HTML Coding

<html>
<head>
<title> Contact -- Charles Robertson </title>

</head>

<body bgcolor="white">

<table width="700" height="500" border="10">
<!-----row---1----logo--->
<tr><td>
<img src="20150516_084745" width="700" height="200"> </td></tr>

<!-----row-2-navigation----->
<tr><td>

<!----start-navigation-table---->
<table width="700" height="100" border="5" bgcolor="lightgreen" >
<tr><td><a href="HerbFarm.html"> <center> HOME </center></a></td>
<td><a href="about3.html"> <center> ABOUT </center></a></td>
<td><a href="contact3.html"> <center> CONTACT </center></a></td>
<td><a href="gallery3.html"> <center> GALLERY </center></a></td>
</tr>
</table>
<!------end-navigation-table---->

</td></tr>

<tr><td>
<h1>Contact </h1>

<form action="thankyou.html">
  
</form>
<div class="row">
<div class="col-75">
<div class="container">
<form action="/action_page.php">

<div class="row">
<div class="col-50">
<h3>Billing Address</h3>
<label for="fname"><i class="fa fa-user"></i> Full Name</label>
<input type="text" id="fname" name="firstname" placeholder="John M. Doe">
<label for="email"><i class="fa fa-envelope"></i> Email</label>
<input type="text" id="email" name="email" placeholder="[email protected]">
<label for="adr"><i class="fa fa-address-card-o"></i> Address</label>
<input type="text" id="adr" name="address" placeholder="542 W. 15th Street">
<label for="city"><i class="fa fa-institution"></i> City</label>
<input type="text" id="city" name="city" placeholder="New York">

<div class="row">
<div class="col-50">
<label for="state">State</label>
<input type="text" id="state" name="state" placeholder="NY">
</div>
<div class="col-50">
<label for="zip">Zip</label>
<input type="text" id="zip" name="zip" placeholder="10001">
</div>
</div>
</div>

<div class="col-50">
<h3>Payment</h3>
<label for="fname">Accepted Cards</label>
<div class="icon-container">
<i class="fa fa-cc-visa" style="color:navy;"></i>
<i class="fa fa-cc-amex" style="color:blue;"></i>
<i class="fa fa-cc-mastercard" style="color:red;"></i>
<i class="fa fa-cc-discover" style="color:orange;"></i>
</div>
<label for="cname">Name on Card</label>
<input type="text" id="cname" name="cardname" placeholder="John More Doe">
<label for="ccnum">Credit card number</label>
<input type="text" id="ccnum" name="cardnumber" placeholder="1111-2222-3333-4444">
<label for="expmonth">Exp Month</label>
<input type="text" id="expmonth" name="expmonth" placeholder="September">

<div class="row">
<div class="col-50">
<label for="expyear">Exp Year</label>
<input type="text" id="expyear" name="expyear" placeholder="2018">
</div>
<div class="col-50">
<label for="cvv">CVV</label>
<input type="text" id="cvv" name="cvv" placeholder="352">
</div>
</div>
</div>

</div>
<label>
<input type="checkbox" checked="checked" name="sameadr"> Shipping address same as billing
</label>
<input type="submit" value="Continue to checkout" class="btn">
</form>
</div>
</div>

<div class="col-25">
<div class="container">
<h4>Cart
<span class="price" style="color:black">
<i class="fa fa-shopping-cart"></i>
<b></b>
</span>
</h4>
<p><a href="#">Product 1</a> <span class="price">$15</span></p>
<p><a href="#">Product 2</a> <span class="price">$5</span></p>
<p><a href="#">Product 3</a> <span class="price">$8</span></p>
<p><a href="#">Product 4</a> <span class="price">$2</span></p>
<hr>
<p>Total <span class="price" style="color:black"></span></p>
</div>
</div>
</div>

</td> </tr>

<tr><td>
<center>
<h3> <i>Copyright@Author<i> (Charles Robertson)</h3>
<h3>9/24/2018</h3>
<p> <font color="red"> The Herb Farm - Project (HTML) </font> </p>

</center>

</td></tr>
</table>

</body>
</html>

I need to be able to send the info from this webpage to an ms excel file.

I need it to total after product selections.

It also need to go from a credit card information and product selection page to a shopping cart/ thank you page.

HTML Coding

engineering   Computer-Science   
0 0
Add a comment Improve this question Transcribed image text
Next > < Previous
Sort answers by oldest

Homework Answers

Answer #1

THIS IS THE CODING TO IMPORT HTML DATA INTO MS EXCEL FILE


<! DOCTYPE html>  
<Html>  
   <Head>  
      <script language="vbscript" type="text/vbscript">  
         Sub Sample ()  
          Dim iRow  
          Set objExcel = CreateObject ("Excel. Application")  
          Set objWorkbook = objExcel.Workbooks.Open ("C:\Users\Karthikeyan.K\Desktop\Book1.xlsx")  
          objExcel.Application.Visible = True  
          ObjWorkbook.Windows (1).Visible = True  
          Set XlSheet =objWorkbook.Sheets (1)  
          XlSheet.Activate  
          iRow = 1  
          With objExcel  
              Do while .Cells (iRow, 1).value <> ""  
                  .Cells (iRow, 1).activate  
                  iRow = iRow + 1  
              Loop  
                 .Cells (iRow, 1).value=Document.GetElementsByName ("fname") (0).Value  
                 .Cells (iRow, 2).value=Document.GetElementsByName ("lname") (0).Value  
                 .Cells (iRow, 3).value=Document.GetElementsByName ("Add1") (0).Value  
                 .Cells (iRow, 4).value=Document.GetElementsByName ("Add2") (0).Value  
                 MsgBox "Data Added Successfully”, vbinformation  
                 Document.GetElementsByName ("fname") (0).Value=""  
                 Document.GetElementsByName ("lname") (0).Value=""  
                 Document.GetElementsByName ("Add1") (0).Value=""  
                 Document.GetElementsByName ("Add2") (0).Value=""  
             End With  
             ObjWorkbook. Save  
             ObjWorkbook. Close  
             Set objWorkbook = Nothing  
             Set objExcel = Nothing  
         End Sub  
      </script>  
      <style type="text/css">  
         fieldset {  
            border: #00cc00 2px solid;  
            padding: 10px;  
            color: green;  
      </style>  
   <body  
<form>  
   <fieldset>  
      <legend>Csharpcorner</legend>  
      <center>  
         <img src="C:\Users\Karthikeyan.K\Desktop\Add-Male-User.png" alt="Mountain View"><br>  
         First name:<br>   
         <input type="text" name="fname" Value=""><br>  
         Last name :< br>  
         <input type="text" name="lname" Value=""><br>  
         Address1 :< br>  
         <input type="text" name="Add1" Value=""><br>  
         Address2 :< br>  
         <input type="text" name="Add2" Value=""><br>  
         <br>  
         <input type="button" onclick="Sample()" value="Submit" /><br>  
      </center>  
   </fieldset>  
<form>  
</body>  
</html>  



Payment form
<form id="simplify-payment-form" action="" method="POST">
<div>
<label>Credit Card Number: </label>
<input id="cc-number" type="text" maxlength="20" autocomplete="off" value="" autofocus />
</div>
<div>
<label>CVC: </label>
<input id="cc-cvc" type="text" maxlength="4" autocomplete="off" value=""/>
</div>
<div>
<label>Expiry Date: </label>
<select id="cc-exp-month">
<option value="01">Jan</option>
<option value="02">Feb</option>
<option value="03">Mar</option>
<option value="04">Apr</option>
<option value="05">May</option>
<option value="06">Jun</option>
<option value="07">Jul</option>
<option value="08">Aug</option>
<option value="09">Sep</option>
<option value="10">Oct</option>
<option value="11">Nov</option>
<option value="12">Dec</option>
</select>
<select id="cc-exp-year">
<option value="13">2013</option>
<option value="14">2014</option>
<option value="15">2015</option>
<option value="16">2016</option>
<option value="17">2017</option>
<option value="18">2018</option>
<option value="19">2019</option>
<option value="20">2020</option>
<option value="21">2021</option>
<option value="22">2022</option>
</select>
</div>
<button id="process-payment-btn" type="submit">Process Payment</button>
</form>



Jquery for verification
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="https://www.simplify.com/commerce/v1/simplify.js"></script>

It creates single user token

$(document).ready(function() {
$("#simplify-payment-form").on("submit", function() {
// Disable the submit button
$("#process-payment-btn").attr("disabled", "disabled");
// Generate a card token & handle the response
SimplifyCommerce.generateToken({
key: "YOUR_PUBLIC_KEY",
card: {
number: $("#cc-number").val(),
cvc: $("#cc-cvc").val(),
expMonth: $("#cc-exp-month").val(),
expYear: $("#cc-exp-year").val()
}
}, simplifyResponseHandler);
// Prevent the form from submitting
return false;
});
});

This is for token identifier

{
id : "4b0abb46-35d0-44d1-a6b3-5e7e26b35ef2", // String of token identifier,
card : {...}, // Dictionary of the card used to create the token
used : false, // Boolean of whether this token has been used,
}

Sending form and data to your server

function simplifyResponseHandler(data) {
var $paymentForm = $("#simplify-payment-form");
// Remove all previous errors
$(".error").remove();
// Check for errors
if (data.error) {
// Show any validation errors
if (data.error.code == "validation") {
var fieldErrors = data.error.fieldErrors,
fieldErrorsLength = fieldErrors.length,
errorList = "";
for (var i = 0; i < fieldErrorsLength; i++) {
errorList += "<div class='error'>Field: '" + fieldErrors[i].field +
"' is invalid - " + fieldErrors[i].message + "</div>";
}
// Display the errors
$paymentForm.after(errorList);
}
// Re-enable the submit button
$("#process-payment-btn").removeAttr("disabled");
} else {
// The token contains id, last4, and card type
var token = data["id"];
// Insert the token into the form so it gets submitted to the server
$paymentForm.append("<input type='hidden' name='simplifyToken' value='" + token + "' />");
// Submit the form to the server
$paymentForm.get(0).submit();
}

Charging a card

PaymentsApi.PUBLIC_KEY = "YOUR_PUBLIC_API_KEY";
PaymentsApi.PRIVATE_KEY = "YOUR_PRIVATE_API_KEY";

Payment payment = Payment.create(new PaymentsMap()
.set("amount", 1000)
.set("currency", "USD")
.set("description", "payment description")
.set("reference", "7a6ef6be31")
.set("token", "[TOKEN ID]")
);

if ("APPROVED".equals(payment.get("paymentStatus"))) {
System.out.println("Payment approved");
}

Creating payment plan

PaymentsApi.PUBLIC_KEY = "YOUR_PUBLIC_API_KEY";
PaymentsApi.PRIVATE_KEY = "YOUR_PRIVATE_API_KEY";

Plan plan = Plan.create(new PaymentsMap()
.set("amount", 1000L)
.set("billingCycle", "FIXED")
.set("billingCycleLimit", 4L)
.set("frequency", "WEEKLY")
.set("frequencyPeriod", 2L)
.set("name", "plan2")
.set("renewalReminderLeadDays", 7L)
);

Create customer and subscribe to the plan

PaymentsApi.PUBLIC_KEY = "YOUR_PUBLIC_API_KEY";
PaymentsApi.PRIVATE_KEY = "YOUR_PRIVATE_API_KEY";

Customer customer = Customer.create(new PaymentsMap()
.set("card.cvc", "123")
.set("card.expMonth", 11)
.set("card.expYear", 19)
.set("card.number", "5555555555554444")
.set("email", "[email protected]")
.set("name", "Customer Customer")
.set("reference", "Ref1")
.set("subscriptions[0].plan", "[PLAN ID]")
);

System.out.println(customer);

PaymentsApi.PUBLIC_KEY = "YOUR_PUBLIC_API_KEY";
PaymentsApi.PRIVATE_KEY = "YOUR_PRIVATE_API_KEY";

InvoiceItem invoiceItem = InvoiceItem.create(new PaymentsMap()
.set("amount", 1000L)
.set("description", "Invoice Item1")
.set("invoice", "[INVOICE ID]")
.set("reference", "ref111")
);

System.out.println(invoiceItem);

This adds a one time payment of $10 USD to the customer's next invoice.

PaymentsApi.PUBLIC_KEY = "YOUR_PUBLIC_API_KEY";
PaymentsApi.PRIVATE_KEY = "YOUR_PRIVATE_API_KEY";

InvoiceItem invoiceItem = InvoiceItem.create(new PaymentsMap()
.set("amount", 1000L)
.set("description", "Invoice Item1")
.set("invoice", "[INVOICE ID]")
.set("reference", "ref111")
);

System.out.println(invoiceItem);

This adds a one time payment of $10 USD to the customer's next invoice.

Adding one time payment to the invoice

PaymentsApi.PUBLIC_KEY = "YOUR_PUBLIC_API_KEY";
PaymentsApi.PRIVATE_KEY = "YOUR_PRIVATE_API_KEY";

InvoiceItem invoiceItem = InvoiceItem.create(new PaymentsMap()
.set("amount", 1000L)
.set("description", "Invoice Item1")
.set("invoice", "[INVOICE ID]")
.set("reference", "ref111")
);

System.out.println(invoiceItem);

Applying coupon

PaymentsApi.PUBLIC_KEY = "YOUR_PUBLIC_API_KEY";
PaymentsApi.PRIVATE_KEY = "YOUR_PRIVATE_API_KEY";

Coupon coupon = Coupon.create(new PaymentsMap()
.set("couponCode", "20off")
.set("description", "20% off!")
.set("endDate", 64063288800000L)
.set("maxRedemptions", 100)
.set("percentOff", 20L)
.set("startDate", 2394829384000L)
);

System.out.println(coupon);

Applying coupon to a subscription

PaymentsApi.PUBLIC_KEY = "YOUR_PUBLIC_API_KEY";
PaymentsApi.PRIVATE_KEY = "YOUR_PRIVATE_API_KEY";

Subscription subscription = Subscription.create(new PaymentsMap()
.set("coupon", "[COUPON ID]")
.set("customer", "[CUSTOMER ID]")
.set("plan", "[PLAN ID]")
);

System.out.println(subscription);

Refunding a payment

PaymentsApi.PUBLIC_KEY = "YOUR_PUBLIC_API_KEY";
PaymentsApi.PRIVATE_KEY = "YOUR_PRIVATE_API_KEY";

Refund refund = Refund.create(new PaymentsMap()
.set("amount", 100L)
.set("payment", "[PAYMENT ID]")
.set("reason", "Refund Description")
.set("reference", "76398734634")
);

System.out.println(refund);

Authorising a payment
PaymentsApi.PUBLIC_KEY = "YOUR_PUBLIC_API_KEY";
PaymentsApi.PRIVATE_KEY = "YOUR_PRIVATE_API_KEY";

Authorization authorization = Authorization.create(new PaymentsMap()
.set("amount", 1000)
.set("currency", "USD")
.set("description", "payment description")
.set("reference", "7a6ef6be31")
.set("token", "[TOKEN ID]")
);

System.out.println(authorization);

Capturing a authorization
PaymentsApi.PUBLIC_KEY = "YOUR_PUBLIC_API_KEY";
PaymentsApi.PRIVATE_KEY = "YOUR_PRIVATE_API_KEY";

Payment payment = Payment.create(new PaymentsMap()
.set("amount", 2500)
.set("authorization", "[AUTHORIZATION ID]")
.set("currency", "USD")
.set("description", "shipment of two eggs in a glass bottle")
.set("reference", "BCK2THEST")
.set("replayId", "A-77633219")
);

if ("APPROVED".equals(payment.get("paymentStatus"))) {
System.out.println("Payment approved");
}

Reversing a authorisation

PaymentsApi.PUBLIC_KEY = "YOUR_PUBLIC_API_KEY";
PaymentsApi.PRIVATE_KEY = "YOUR_PRIVATE_API_KEY";

Authorization authorization = Authorization.find("4TR6Bc");

authorization = authorization.delete();

System.out.println(authorization);

Web hooks
{
event: {
name: "[event name]"
data: {
[event data]
}
}
}

Handling error

PaymentsApi.PUBLIC_KEY = "YOUR_PUBLIC_API_KEY";
PaymentsApi.PRIVATE_KEY = "YOUR_PRIVATE_API_KEY";

try {
Payment payment = Payment.create(new PaymentsMap()
.set("card.number", "5555555555554445")
.set("card.cvc", "123")
.set("card.expMonth", "12")
.set("card.expYear", "11")
.set("currency", "USD")
.set("amount", 1234L)
.set("description", "Invalid payment"));

} catch (ApiException e) {
System.out.println("Message: " + e.getMessage());
System.out.println("Reference: " + e.getReference());
System.out.println("Error code: " + e.getErrorCode());
if (e instanceof InvalidRequestException) {
InvalidRequestException e2 = (InvalidRequestException) e;
if (e2.hasFieldErrors()) {
for (InvalidRequestException.FieldError fe : e2.getFieldErrors()) {
System.out.println(fe.getFieldName()
+ ": '" + fe.getMessage()
+ "' (" + fe.getErrorCode() + ")");
}
}
}

Web page for adding cart

<div class="shopping-cart">

<!-- Title -->

<div class="title">

    Shopping Bag

</div>

<!-- Product #1 -->

<div class="item">

    <div class="buttons">

      <span class="delete-btn"></span>

      <span class="like-btn"></span>

    </div>

    <div class="image">

      <img src="item-1.png" alt="" />

    </div>

    <div class="description">

      <span>Common Projects</span>

      <span>Bball High</span>

      <span>White</span>

    </div>

    <div class="quantity">

      <button class="plus-btn" type="button" name="button">

        <img src="plus.svg" alt="" />

      </button>

      <input type="text" name="name" value="1">

      <button class="minus-btn" type="button" name="button">

        <img src="minus.svg" alt="" />

      </button>

    </div>

    <div class="total-price">$549</div>

</div>

<!-- Product #2 -->

<div class="item">

    <div class="buttons">

      <span class="delete-btn"></span>

      <span class="like-btn"></span>

    </div>

    <div class="image">

      <img src="item-2.png" alt=""/>

    </div>

    <div class="description">

      <span>Maison Margiela</span>

      <span>Future Sneakers</span>

      <span>White</span>

    </div>

    <div class="quantity">

      <button class="plus-btn" type="button" name="button">

        <img src="plus.svg" alt="" />

      </button>

      <input type="text" name="name" value="1">

      <button class="minus-btn" type="button" name="button">

        <img src="minus.svg" alt="" />

      </button>

    </div>

    <div class="total-price">$870</div>

</div>

<div class="item">

    <div class="buttons">

      <span class="delete-btn"></span>

      <span class="like-btn"></span>

    </div>

    <div class="image">

      <img src="item-3.png" alt="" />

    </div>

    <div class="description">

      <span>Our Legacy</span>

      <span>Brushed Scarf</span>

      <span>Brown</span>

    </div>

    <div class="quantity">

      <button class="plus-btn" type="button" name="button">

        <img src="plus.svg" alt="" />

      </button>

      <input type="text" name="name" value="1">

      <button class="minus-btn" type="button" name="button">

        <img src="minus.svg" alt="" />

      </button>

    </div>

    <div class="total-price">$349</div>

</div>

</div>
This is for shopping cart
width: 750px;
  height: 423px;
  margin: 80px auto;
  background: #FFFFFF;
  box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.10);
  border-radius: 6px;

  display: flex;
  flex-direction: column;
}
title {
  height: 60px;
  border-bottom: 1px solid #E1E8EE;
  padding: 20px 30px;
  color: #5E6977;
  font-size: 18px;
  font-weight: 400;
}

.item {
  padding: 20px 30px;
  height: 120px;
  display: flex;
}

.item:nth-child(3) {
  border-top: 1px solid #E1E8EE;
  border-bottom: 1px solid #E1E8EE;
}

.buttons {
  position: relative;
  padding-top: 30px;
  margin-right: 60px;
}
.delete-btn,
.like-btn {
  display: inline-block;
  Cursor: pointer;
}
.delete-btn {
  width: 18px;
  height: 17px;
  background: url(&quot;delete-icn.svg&quot;) no-repeat center;
}

.like-btn {
  position: absolute;
  top: 9px;
  left: 15px;
  background: url('twitter-heart.png');
  width: 60px;
  height: 60px;
  background-size: 2900%;
  background-repeat: no-repeat;
}

System.out.println(plan);

0 0
Add a comment
Know the answer?
Add Answer to:
HTML Coding <html> <head> <title> Contact -- Charles Robertson </title> </head> <body bgcolor="white"> <table width="700" height="500"...
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Log In

Sign Up

Not the answer you're looking for? Ask your own homework help question. Our experts will answer your question WITHIN MINUTES for Free.
Similar Homework Help Questions

  • <!DOCTYPE html> <html> <head> <title>Products</title> <style> .heading { text-align: center; font-size: 40px; } #menu { text-align:...

    <!DOCTYPE html> <html> <head> <title>Products</title> <style> .heading { text-align: center; font-size: 40px; } #menu { text-align: center; } #menu li { display: inline; font-size: 26px; margin-left: 20px; } .container{ overflow: hidden; margin: 30px; } img { float: left; width: 40vh; height: 40vh; margin-left: 10%; } table { float: right; margin-right: 10%; } table, th, td { border: 1px solid black; border-collapse: collapse; } th, td { font-size: 26px; padding: 10px; text-align: left; } a { color: black; } a:visted {...

  • <html>     <head>       <title>Sign Up page</title>   <form name="validationForm" method="post" onsubmit="return checkvalidation()">      &n

    <html>     <head>       <title>Sign Up page</title>   <form name="validationForm" method="post" onsubmit="return checkvalidation()">         <!--div class-->       <div class="formvalidation">       <label>Your first Name</label>        <span id="showname"></span>        <!--label for firstname-->       <input type="text" name="firstname" class="formsignup"  id ="firstn" placeholder="Enter your Name">      <br><br>           <!--lastname-->       <label>Your last Name</label> <span id="showlname"></span>       <input type="text" name="lastname" class="formsignup" id="lastn" placeholder="Enter your last Name">       <br><br>        <!--email-->         <label>Your Email</label>          <span id="showemail"></span>         <input type="email" name="emailid" class="formsignup" size="45" id="emailn" placeholder="Enter your Email">        <br><br> <input type="submit" value="send">     </div>           </form> <script>      function checkvalidation(){     var name = document.forms["validationForm"]["firstname"].value;     var lname...

  • I need HELP to get the code to do these function: If I keep clicking "Generate"...

    I need HELP to get the code to do these function: If I keep clicking "Generate" multiple times, the list keeps on getting bigger. The number of rows should always be equal to the number of columns. Also make the code to show both table at the same time? Here is the code I got some far : Code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Testing</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous"> </head> <style> td...

  • Both codes <!DOCTYPE html> <html> <head> <title>Week 8 Lab - JavaScript DOM and Arrays</title> <meta charset="utf-8">...

    Both codes <!DOCTYPE html> <html> <head> <title>Week 8 Lab - JavaScript DOM and Arrays</title> <meta charset="utf-8"> </head> <body> <h2>Order Form</h2> <form name="orderForm" method="post" action="processForm.html"> <table> <tr> <th colspan="2">Personal Information</th> </tr> <tr> <td>First Name:</td> <td><input type="text" name="firstName" id="firstName" size="30"></td> </tr> <tr> <td>Last Name:</td> <td><input type="text" name="lastName" id="lastName" size="30"></td> </tr> <tr> <td>Address:</td> <td><input type="text" name="address" id="address" size="30"></td> </tr> <tr> <td>City:</td> <td><input type="text" name="city" id="city" size="30"></td> </tr> <tr> <td>Province:</td> <td><select name="province" id="province" size="1"> <option disabled>Select a province</option> <option value="BC">British Columbia</option> <option value="AB">Alberta</option> <option...

  • Hello! I am to create a .js file that allows the paragraph on the bottom of...

    Hello! I am to create a .js file that allows the paragraph on the bottom of the page to update with what the user enters. I need to modify the given HTML to recognize the javascript file that I am to make from scratch. The HTML file and other details are below: Use the given HTML to add functionality to an interactive form that generates an invitation to volunteers for an event. The file will have the following invitation message...

  • How to make all the buttons work using javascript? <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta...

    How to make all the buttons work using javascript? <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script> function openAccount() { /* - get the account and initial amount values - check that all necessary information is provided - call the setCookie function to create account */ } function Deposit() { /* - get the account and amount values - check that all necessary information is provided - alter cookie with current amount of deposit */ } function...

  • I need to complete 3 validation cases in this Javascript code. I need to validate email,...

    I need to complete 3 validation cases in this Javascript code. I need to validate email, phone and street address. How would I go about validating these 3 cases in this code: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Week 10: Regular Expressions</title> <style type="text/css"> span { padding: 2px; } .success { color: #008000; background: #99cc99; } .failure { color: #ff0000; background: #ff9999; } </style> <script type="text/javascript"> function validateInput(form) { var result0 = document.getElementById('result0'), result1 = document.getElementById('result1'), result2 = document.getElementById('result2'),...

  • i'm having trouble with 1 and 3 using html, javascript and jquery 1) Change the "Search"...

    i'm having trouble with 1 and 3 using html, javascript and jquery 1) Change the "Search" link on the left to a button that when clicked, hide all the fields on the form and display the text "This is a search feature..." 3) When the user fills the form and clicks "Login", the values inputted should be displayed in the empty row (under Login) of the page. The display should be in the form: Student ID: <input value> Student Name:...

  • PHP code that is given : <?php // Here is where your preprocessing code goes //...

    PHP code that is given : <?php // Here is where your preprocessing code goes // An example is already given to you for the First Name $fname = $_GET['fname']; ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Exercise 2 - GET Echo</title> <style> body { margin:0; padding:0; font-family: Arial; } form { margin:20px; } input[type="text"], input[type="password"] { width:150px; padding:3px; font-size:1em; } input[type="submit"] { padding:3px; font-size:1em; } label { display:inline-block; width:150px; } .input-container { padding:5px; } </style> </head> <body> <form...

  • Hi Expert I need to make a html checkout page link from product page <!DOCTYPE html>...

    Hi Expert I need to make a html checkout page link from product page <!DOCTYPE html> <html lang="en"> <head>     <link rel="stylesheet" href="bootstrap/css/bootstrap.css">     <link rel="stylesheet" href="style.css">     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>     <script src="./bootstrap/js/bootstrap.js"></script>     <meta charset="UTF-8">     <title>Perry Gerry Mobile Cellular</title> </head> <body> <div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 bg-white border-bottom shadow-sm">     <h5 class="my-0 mr-md-auto font-weight-normal">Perry Gerry Mobile Cellular</h5>     <nav class="my-2 my-md-0 mr-md-3">         <a class="p-2 text-dark" href="index.html">Home</a>         <a class="p-2 text-dark" href="about.html">About Us</a>         <a class="p-2 text-dark" href="products.html">Products</a>         <a class="p-2 text-dark"...

ADVERTISEMENT
Free Homework Help App
Download From Google Play
Scan Your Homework
to Get Instant Free Answers
Need Online Homework Help?
Ask a Question
Get Answers For Free
Most questions answered within 3 hours.
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT