HTML and CSS Reference
In-Depth Information
In case, you've gotten lost in all the various updates, the complete implementation of the Feedback.cshtml
view is shown in Listing 3-11.
Listing 3-11 . The final Feedback.cshtml implementation
@model Chapter 3 .Models.FeedbackModel
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Feedback</title>
<script type="text/JavaScript">
function calculateProgress() {
var value = 0;
var fieldList = document.getElementsByClassName("text-box single-line");
for (var i = 0; i < fieldList.length; i++) {
if (fieldList[i].value > "")
value += 17;
}
if (value > 100)
value = 100;
var progress = document.getElementById("FormProgress");
progress.value = value;
};
function bindEvents() {
var fieldList = document.getElementsByClassName("text-box single-line");
for (var i = 0; i < fieldList.length; i++) {
fieldList[i].addEventListener("change", calculateProgress, false);
}
setInterval(function () {
var meter = document.getElementById("Meter");
meter.value = meter.min + Math.random() * (meter.max - meter.min);
}, 1000);
}
</script>
</head>
<body onload="bindEvents();">
<div>
@using (Html.BeginForm((string)ViewBag.FormAction, "Home"))
{
<fieldset>
<legend>Feedback Form</legend>
<div>
@Html.EditorFor(m => m.Email)
</div>
<div class="editor-label">
@Html.LabelFor(m => m.Name)
</div>
Search WWH ::




Custom Search