03 juni 2012

Google Forms met custom redirect

Veel mensen in het onderwijs maken dankbaar gebruik van de mogelijkheden die Google Forms bieden en nemen eventuele kleine minpuntjes graag voor lief.
Zo is niet iedereen gelukkig met de standaard "bedankt" pagina, al is daar een andere tekst in te plaatsen.
Het is echter wel degelijk mogelijk om naar een andere pagina naar wens te laten verwijzen zodra een formulier wordt ingestuurd!
Hiervoor moet je echter wel het een en ander doen, al lijkt dat moeilijker dan het is.
Ten eerste zul je de HTML code van het formulier moeten overnemen naar je eigen pagina. Zie daarvoor ook dit bericht: Google forms op eigen pagina.
We gaan nu echter nog een stapje verder dan daar beschreven is.

1. Voeg aan de form tag het volgende toe:  target="hidden_iframe" onsubmit="submitted=true;"
Dat komt er dan als volgt uit te zien:
<form action="https://spreadsheets.google.com/formResponse?formkey=........" method="post" target="hidden_iframe" onsubmit="submitted=true;">

2. Voeg de volgende code onderaan je formulier toe. Uiteraard in HTML modus!
<iframe name="hidden_iframe" id="hidden_iframe" style="display:none;" onload="if(submitted) {window.location='http://www.watjijwil.html';}"></iframe>
Het rode gedeelte uiteraard aanpassen.

Hieronder als voorbeeld een klein Google formuliertje. Probeer dus maar uit!
Wat vind je van deze tip?
Ik heb een aparte (hidden) "Bedankt" pagina aangemaakt met een automatische redirect na 5 seconden naar mijn startpagina. De code die ik daarvoor gebruik ziet er zo uit:
<script language="JavaScript">
<!--
setTimeout("top.location.href = 'http://www.trendmatcher.nl/'",5000);
//-->
</script>
Ik ben dik tevreden met deze oplossing!

Geen opmerkingen:

Een reactie posten