Skip to content

Commit

Permalink
form fix
Browse files Browse the repository at this point in the history
  • Loading branch information
@mptorrejon
mptorrejon committed Jan 21, 2020
1 parent 632eca6 commit ed9b644
Showing 1 changed file with 52 additions and 52 deletions.
104 changes: 52 additions & 52 deletions contactus.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@
<link href="https://fonts.googleapis.com/css?family=Droid+Sans%7CDroid+Serif:400,400italic%7CPT+Sans:400,700"
media="screen" rel="stylesheet" type="text/css" />
<!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.-->
<script>var __adobewebfontsappname__ = "dreamweaver"</script>
<!-- <script>var __adobewebfontsappname__ = "dreamweaver"</script> -->
<script src="https://use.edgefonts.net/droid-sans:n4:default.js" type="text/javascript"></script>
</head>

Expand Down Expand Up @@ -105,19 +105,11 @@ <h1><span class="hidden">GSA Assisted Acquisition Services (AAS)</span>
<li>
<a href="leadership.html">Leadership</a>
</li>
<!-- <li>
<a href="howto.html">How to Use AAS</a>
</li> -->
</ul>
</li>
<li>
<a href="success.html">Success Stories</a>
</li>
<!--
<li>
<a href="tools.html">Tools and Templates</a>
</li>
-->
<li>
<a href="contactus.html">Contact Us</a>
</li>
Expand All @@ -137,21 +129,27 @@ <h2 class="mainTitle">Request Additional Information</h2>
</div>
</div>
<br>
<p class="aligncenter pagination-centered paragraph" style="text-align: center;">To learn more about your
opportunities with AAS and to be contacted by a team member, please fill out and submit the following:</p>
<div class='full form-bg gutter'>
<p class="aligncenter pagination-centered paragraph" style="text-align: center;">
To learn more about your opportunities with AAS and to be contacted by a team member, please fill out and submit the following:
</p>
<div id="form-message" class="hidden form-message">
Your information has been submitted successfully.
</div>
<div id="gform" class='full form-bg gutter'>
<div class='form'>
<div class='row'>
<form name="gform" id="gform" enctype="text/plain"
<form name="gform" enctype="text/plain"
action="https://docs.google.com/forms/d/e/1FAIpQLSeCBdXbapVv7YDDgK3pA-ft9b7rIPu0YHc8jn7PTOPD6fuA3Q/formResponse?"
target="hidden_iframe" onsubmit="submitted=true;">
target="hidden_iframe" onsubmit="runValidation();">
<div class='large-12 columns'>
</div>
<div align="left" class='medium-6 large-6 small-11 columns briefFormTop no-padding'>
<label class="hidden" for="entry.1627847581">First Name *</label>
<input required id="name" type="text" name="entry.1627847581" maxlength="50" size="30" placeholder="First Name">
<input required id="name" type="text" name="entry.1627847581" maxlength="50" size="30"
placeholder="First Name">
<label class="hidden" for="entry.451930459">Last Name *</label>
<input required id="name" type="text" name="entry.451930459" maxlength="50" size="30" placeholder="Last Name">
<input required id="name" type="text" name="entry.451930459" maxlength="50" size="30"
placeholder="Last Name">
<label class="hidden" for="entry.1478052125">Agency (Optional)</label>
<input id="agency" type="text" name="entry.1478052125" maxlength="50" size="30"
placeholder="Agency (Optional)">
Expand All @@ -161,19 +159,23 @@ <h2 class="mainTitle">Request Additional Information</h2>
</div>
<div align="left" class='medium-6 large-6 small-11 columns briefForm no-padding'>
<label class="hidden" for="entry.547875264">Email</label>
<input type="email" id="email" required name="entry.547875264" maxlength="50" size="30" placeholder="Email">
<input type="email" id="email" required name="entry.547875264" maxlength="50" size="30"
placeholder="Email">
<label class="hidden" for="entry.1028845103">Phone (Optional)</label>
<input id="phone" type="text" name="entry.1028845103" maxlength="50" size="30"
placeholder="Phone (Optional)">
<label class="hidden" for="entry.890780386">City *</label>
<input required id="city" type="text" name="entry.890780386" maxlength="50" size="30" placeholder="City">
<input required id="city" type="text" name="entry.890780386" maxlength="50" size="30"
placeholder="City">
<div class="medium-6 large-6 small-11 columns no-padding">
<label class="hidden" for="entry.120904074">State *</label>
<input required id="state" type="text" name="entry.120904074" maxlength="50" size="30" placeholder="State">
<input required id="state" type="text" name="entry.120904074" maxlength="50" size="30"
placeholder="State">
</div>
<div class="medium-5 large-5 small-11 columns no-padding" style="margin-left:5px;">
<label class="hidden" for="entry.1778725785">Zip Code *</label>
<input required id="zip" type="text" name="entry.1778725785" maxlength="50" size="30" placeholder="Zip Code">
<input required id="zip" type="text" name="entry.1778725785" maxlength="50" size="30"
placeholder="Zip Code">
</div>
</div>
<div align="left" class='medium-12 large-12 small-12 columns briefFormTop no-padding'>
Expand All @@ -189,41 +191,24 @@ <h2 class="mainTitle">Request Additional Information</h2>
</div>
</div>
</form>



<iframe name="hidden_iframe" id="hidden_iframe" style="display:none;" onload="if(submitted) {}"></iframe>
<!-- <script src="https://aas.gsa.gov/express/js/jquery-1.11.3.min.js" type="text/javascript"></script>-->
<script type="text/javascript">var submitted = false;</script>
<script type="text/javascript">
$('#gform').on('submit', function (e) {
$('#gform *').fadeOut(2000);
$('#gform').prepend('<h2>Thank you for your submission! We will be in touch shortly.</h2>');
});
var submitted = false;
// $('#gform').on('submit', function (e) {
// $('#gform *').fadeOut(2000);
// $('#gform').prepend('<h2>Thank you for your submission! We will be in touch shortly.</h2>');
// });
var formElem = document.getElementById('gform *');
// debugger;
function runValidation() {
submitted=true;
if(submitted){
document.getElementById("gform").classList.toggle('hidden');
document.getElementById("form-message").classList.toggle('hidden');
}
}
</script>

<!--
<form class="Form" method="post" action="contact.html" enctype="text/plain">
<div class='large-12 columns'>
</div>
<div align="left" class='medium-6 large-6 small-11 columns briefFormTop no-padding'>
<input id="name" type="text" name="First Name" placeholder="First Name" required>
<input id="name" type="text" name="Last Name" placeholder="Last Name" required>
<input id="agency" type="text" name="Agency" placeholder="Agency (Optional)">
<input id="company" type="text" name="Company Name" placeholder="Company Name (Optional)">
</div>
<div align="left" class='medium-6 large-6 small-11 columns briefForm no-padding'>
<input id="email" type="text" name="Email" placeholder="Email" required>
<input id="phone" type="text" name="Phone" placeholder="Phone (Optional)">
<textarea id="message" type="text" name="Message" placeholder="Project Overview"required></textarea>
<br>
</div>
<div class="columns medium-12 large-12 pagination-centered">
<input id="submit" class='button blue medium-7 large-7 medium-centered large-centered columns submit' type='submit' value='Submit'>
</div>
</div>
</form>
-->
</div>
</div>
</div>
Expand All @@ -246,6 +231,21 @@ <h6 class="pagination-centered">&copy; 2017 GSA AAS. All Rights Reserved.</h6>
</div>
</div>
</div>
<style>
.hide{
display: none;
}
.show{
display: block;
}
.form-message{
text-transform: uppercase;
margin-bottom: 0;
color: #1D5187;
font-size: 25px;
text-align: center;
}
</style>
</body>

</html>

0 comments on commit ed9b644

Please sign in to comment.