Een form vraag
Ik heb twee formulieren die verstuurd moeten worden, eentje is een multiple image uploader met jquery die automatisch upload zodra je een bestand gekozen hebt en de andere is gewoon een standaard formulier.
Ik wil graag dat het upload formulier in het andere formulier zit, kan dat? Of is het mogelijk om de submit knop van het standaard formulier onder het upload formulier te zetten?
Standaard formulier
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
<form method="post" action="/form.php">
<h3>Formulier</h3>
<label for="title">Titel</label>
<input type="text" name="title" id="title" value="" />
<label for="message">Bericht</label>
<textarea name="message" id="message" /></textarea>
<h3>Upload</h3>
//Hier moet het upload formulier
<input type="submit" value="Plaats advertentie" name="place_ad" id="place_ad" />
</form>
<h3>Formulier</h3>
<label for="title">Titel</label>
<input type="text" name="title" id="title" value="" />
<label for="message">Bericht</label>
<textarea name="message" id="message" /></textarea>
<h3>Upload</h3>
//Hier moet het upload formulier
<input type="submit" value="Plaats advertentie" name="place_ad" id="place_ad" />
</form>
Upload formulier
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<form id="imageform" method="post" enctype="multipart/form-data" action='ImageUpload.php' style="clear:both">
<div id='imageloadstatus' style='display:none'><img src="/images/loader.gif" alt="Uploading...."/></div>
<div id='imageloadbutton'>
<input type="file" name="photos[]" id="photoimg" multiple="true" />
</div>
</form>
<div id='imageloadstatus' style='display:none'><img src="/images/loader.gif" alt="Uploading...."/></div>
<div id='imageloadbutton'>
<input type="file" name="photos[]" id="photoimg" multiple="true" />
</div>
</form>
Hopelijk snappen jullie wat ik bedoel.
action='ImageUpload.php'
Moeten ze wel naar dezelfde pagina worden gestuurd?
Je kunt de 2 formulieren prima samenvoegen, maar dan moet je dus wel naar 1 'action'.
Zo niet, dan zou je de buttons nog met css naast elkaar kunnen zetten. Zet om de 2 formulieren een div met position relative, en geef de 2 buttons position absolute, bottom: 0