Defeating Google Forms' Thank you Page
by basmaat
HTML
<form action="https://spreadsheets.google.com/spreadsheet/formResponse?hl=en&formkey=dHFSMVN3alE2NkpjQjJSUmE3VWNza1E6MQ&ifq" method="POST" id="ss-form" target="iframe">
<br>
<div class="errorbox-good">
<div class="ss-item ss-text"><div class="ss-form-entry"><label class="ss-q-title" for="entry_0">Who are you?
</label>
<label class="ss-q-help" for="entry_0"></label>
<input type="text" name="entry.0.single" value="" class="ss-q-short" id="entry_0"></div></div></div>
<br> <div class="errorbox-good">
<div class="ss-item ss-radio"><div class="ss-form-entry"><label class="ss-q-title" for="entry_1">Who am I?
</label>
<label class="ss-q-help" for="entry_1"></label>
<ul class="ss-choices"><li class="ss-choice-item"><label class="ss-choice-label"><input type="radio" name="entry.1.group" value="you" class="ss-q-radio" id="group_1_1">
you</label></li> <li class="ss-choice-item"><label class="ss-choice-label"><input type="radio" name="entry.1.group" value="me" class="ss-q-radio" id="group_1_2">
me</label></li> <li class="ss-choice-item"><label class="ss-choice-label"><input type="radio" name="entry.1.group" value="yourself?" class="ss-q-radio" id="group_1_3">
yourself?</label></li>
</ul></div></div></div>
<br>
<input type="hidden" name="pageNumber" value="0">
<input type="hidden" name="backupCache" value="">
<div class="ss-item ss-navigate"><div class="ss-form-entry">
<input type="submit" name="submit" id="submit" value="Submit"></div></div></form>
<iframe
name="iframe"
width="10"
height="10">
</iframe>
CSS
iframe {display:none}
#thanks {background:#dfe}
JavaScript
$('#submit').one('click',function(){
$(this).hide();
});
$('form').one('submit',function(){
var n = $('#entry_0').val();
$(this).fadeOut(1000,function(){
$(this).attr('id','thanks').html('<p>Hello '+n+'</p>').fadeIn(1000);
})
});