Onderwerp: Meerdere forms op 1 pagina, submit buttons op 1 regel

Ik zit met een probleem, en mijn oplossingen zijn op, en onder het mom "vele hersens vinden wel een oplossing" vraag ik jullie mee te denken

Het probleem:
Heb 3 forms op 1 pagina, de submit knoppen moeten met zijn 3en naast elkaar op 1 regel komen te staan. Het probleem is dat na een <form></form> een nieuwe regel begint...

Mijn dichtsbijzijnde oplossing:
Alles in een

<tr>
<td width="17">
<form blabla>
</form>
</td>
</tr>

gooien --> De knoppen staan zo: * ** En niet op gelijke hoogte (regel) als de rest van de info in de tabel.
Sidenote: Ik gebruik plaatjes als submit knoppen, gebruik ik gewone submit knoppen dan staan ze WEL naast elkaar, maar niet op 1 regel met de rest

Gooi ik het niet in een rij/kolom dan staan ze alle 3 onder elkaar. Ook geen oplossing dus.

Zijn er mensen die hierover mee willen denken?

divs + css om de boel uit te lijnen zoals je wil.
of de buttons een javascriptje laten aantrappen dat het juiste form submit.

Je kan ook gewoon 1 form maken en dan elke submit anders benamen (submit1, submit2 etc.) en dan gewoon in het script kijken welke hij oproept bijv zo:

PHP Code:

<?php
if($_POST['submit1']{
 submit1zooi
}
elseif($_POST['submit2']{
 submit2zooi
}
elseif($_POST['submit3']{
 submit3zooi
}
else{
?>
<form method="post">
<input name="iets" type="text">
<input type="submit" value="submit1" name="submit1">
<input type="submit" value="submit2" name="submit2">
<input type="submit" value="submit3" name="submit3">
</form>
<?
}
?>

Oorspronkelijk geplaatst door systemdeveloper

divs + css om de boel uit te lijnen zoals je wil.
of de buttons een javascriptje laten aantrappen dat het juiste form submit.

Lijkt me het 2e het beste:

<script language="JavaScript">
function submitform1()
{
<form method="POST" action="url">
<input type="hidden" name="bla" value="<? echo $bla; ?>">
</form>
}
</script>

en dan aantrappen via: <a href="javascript:submitform1()">button1</a>

of heb ik het mis?

Oorspronkelijk geplaatst door ErikKosters

Je kan ook gewoon 1 form maken en dan elke submit anders benamen (submit1, submit2 etc.) en dan gewoon in het script kijken welke hij oproept bijv zo:

PHP Code:

<?php
if($_POST['submit1']{
 submit1zooi
}
elseif($_POST['submit2']{
 submit2zooi
}
elseif($_POST['submit3']{
 submit3zooi
}
else{
?>
<form method="post">
<input name="iets" type="text">
<input type="submit" value="submit1" name="submit1">
<input type="submit" value="submit2" name="submit2">
<input type="submit" value="submit3" name="submit3">
</form>
<?
}
?>

probleem is dat ieder form ergens anders heen gaat:

action="bestandje.php&actie=actie1"
action="bestandje.php&actie=actie2"
action="bestandje.php&actie=actie3"

of is dat geen probleem?
(moet namelijk aantal hidden dingen mee submitten, gaat niet om invulvelden, maar om wat variabelen die gebruikt worden om in bestandje.php een actie uit te voeren)

Mag je alleen hopen dat je niet iemand tref die javascript uit heeft staan.. zoals /me ;-)

Oorspronkelijk geplaatst door crazycoder

Mag je alleen hopen dat je niet iemand tref die javascript uit heeft staan.. zoals /me ;-)

hmm zit je ook nog mee idd

toch maar eens uitzoeken hoe ik kan positioneren met CSS dan
Bijkomend nadeel is dat de plaatjes die ik als buttons gebruik transparante PNG's zijn, en IE een kutbrowser is (oftewel niet transparant weer laten geven, zelfs niet met pnghack, en niet reageert op me style="background color" gedoe, waar FF wel op reageert)

Oorspronkelijk geplaatst door DutchTSE

probleem is dat ieder form ergens anders heen gaat:

action="bestandje.php&actie=actie1"
action="bestandje.php&actie=actie2"
action="bestandje.php&actie=actie3"

of is dat geen probleem?
(moet namelijk aantal hidden dingen mee submitten, gaat niet om invulvelden, maar om wat variabelen die gebruikt worden om in bestandje.php een actie uit te voeren)

Is dat naar hetzelfde PHP bestand?

Indien dat het geval is dan check je vanzelfsprekend of een voor dat ene deel specifiek gegeven aanwezig is.
Je kan natuurlijk ook naar een pagina submitten, kijken of bepaalde waardes er zijn en dan een stuk PHP includen.

Dit lijkt mij allemaal toch niet zo lastig.

Kun je ook opgeven in 1 form met verschillende submit-knoppen en via een onclick de juiste action instellen:

Code:

<input type="submit" onclick="document.forms['formname'].action='bestand1.php';">

Ik heb het niet getest... maar dit zet je buttons gewoon naast elkaar zonder js.

<style>
.button1 {position:absolute;top:100px;left:100px;}
.button2 {position:absolute;top:100px;left:200px;}
.button3 {position:absolute;top:100px;left:300px;}
</style>
<input class=button1 type=button...>
<input class=button2 type=button...>
<input class=button3 type=button...>

flames naar devnull@systemdeveloper.nl a.u.b.

Oorspronkelijk geplaatst door systemdeveloper

Ik heb het niet getest... maar dit zet je buttons gewoon naast elkaar zonder js.

<style>
.button1 {position:absolute;top:100px;left:100px;}
.button2 {position:absolute;top:100px;left:200px;}
.button3 {position:absolute;top:100px;left:300px;}
</style>
<input class=button1 type=button...>
<input class=button2 type=button...>
<input class=button3 type=button...>

flames naar devnull@systemdeveloper.nl a.u.b.

dit werkt idd goed... alleen zitten mijn buttons in een while loop, en maakt ie ze dus maar 1 keer... ff verder mee prutsen dus

Het is uiteindelijk gelukt via de manier van systemdeveloper, alleen is hij niet resolutie compatible.. op 1280*1024 ziet het er goed uit, in 1024*768 niet, maak ik hem in 1024*768 goed dan is hij fout in 1280*1024

Oorspronkelijk geplaatst door DutchTSE

dit werkt idd goed... alleen zitten mijn buttons in een while loop, en maakt ie ze dus maar 1 keer... ff verder mee prutsen dus

Het is uiteindelijk gelukt via de manier van systemdeveloper, alleen is hij niet resolutie compatible.. op 1280*1024 ziet het er goed uit, in 1024*768 niet, maak ik hem in 1024*768 goed dan is hij fout in 1280*1024

Het is me uiteindelijk 2x gelukt :P

Ik heb de manier van Erik ook even gemaakt, waar ik met CSS 2 uur mee bezig ben geweest, had ik die van Erik in 5 min klaar, en die werkt 100% perfect!

Mag ik iedereen bedanken voor zijn bijdrages _O_

volgens mij....

als je een div om de forms gooit, kun je de buttons ten opzicht van die div positioneren en ben je iets flexer. Ik ken de layout van je site niet en misschien is een andere oplossing sneller/effectiever. Zonder js zit je iig aan tabellen of css vast.

Succes en thx voor de credits

Oorspronkelijk geplaatst door systemdeveloper

volgens mij....

als je een div om de forms gooit, kun je de buttons ten opzicht van die div positioneren en ben je iets flexer. Ik ken de layout van je site niet en misschien is een andere oplossing sneller/effectiever. Zonder js zit je iig aan tabellen of css vast.

Succes en thx voor de credits

geen probleem, bedankt voor je hulp!
werk al veel met tabellen in die pagina's, dus hij kwam sowieso in een tabel terecht.

Hij is helemaal klaar zo, hopelijk kan ik binnenkort een demo maken van het hele gebeuren

Mag eventueel een slotje op

Zie je wel, ik heb soms wel goede ideeen

Oorspronkelijk geplaatst door ErikKosters

Zie je wel, ik heb soms wel goede ideeen

Die moest je meer hebben op een dag !

(inkoppertje kon het niet laten )

Je kan ook de volgende code gebruiken:

Code:

<form name="form1">
<input type="text" name="bla" value="">
</form>

<form name="form2">
<input type="text" name="bla" value="">
</form>

<form name="form3">
<input type="text" name="bla" value="">
</form>

<input type="button" value="Submit form 1" onclick="document.form1.submit();">
<input type="button" value="Submit form 2" onclick="document.form2.submit();">
<input type="button" value="Submit form 3" onclick="document.form3.submit();">

Je kan dan 3 verschillende formulieren in je code hebbenm en het maakt niet uit waar je je buttons hebt staan.

- Dennie