Via javascript submit knop veranderen
Javascript kent een functie waarmee hij een formulier kan later versturen, dit is:
Code (php)
1
document.myform.submit();
Maar hoe laat je deze code werken?
eerst zetten we de naam van onze form naar myform:
Code (php)
1
<form method="POST" name="myform">
daarna maken we een function in javascript:
Code (php)
1
2
3
4
5
2
3
4
5
<script type="text/javascript">
function submit()
{
}
</script>
function submit()
{
}
</script>
<script type="text/javascript"> -> Hiermee maken we de browser duidelijk dat we een javscript uit gaan voeren
function submit() -> Dit maakt de functie submit, die we later kunnen oproepen
{ ->Openen we de functie, hierin gaan we alle code schrijven die worden opgeroepen als je de functie gebruikt
} -> Sluiten
</script> -> Laat de browser weten dat we geen javascript code meer uitvoeren
In die functie zetten we de "submit" optie:
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<script type="text/javascript">
function submit()
{
document.myform.submit();
}
</script>
function submit()
{
document.myform.submit();
}
</script>
Dan moeten we deze functie ergens aanroepen, dit kan via onClick:
Code (php)
1
<a onclick="submit">Verstuur het formulier</a>
Via onclick roepen we de functie submit() aan, deze zorgt er dan voor dat het formulier "myform" wordt verstuurt
De totale code:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
function submit()
{
document.myform.submit();
}
</script>
<a onclick="submit">Verstuur het formulier</a>
<form method="post" name="myform">
...hier alle form code
</form>
function submit()
{
document.myform.submit();
}
</script>
<a onclick="submit">Verstuur het formulier</a>
<form method="post" name="myform">
...hier alle form code
</form>
« vorige pagina | volgende pagina »
Inhoudsopgave
- Inleiding
- Simpel de submit knop veranderen
- Via javascript submit knop veranderen
- vervolg
- Hoe een plaatje te gebruiken
- De uiteindelijke code
- Slot