Toon posts:

[HTML JAVASCRIPT] Form over twee pagina's verdelen

Pagina: 1
Acties:

Verwijderd

Topicstarter
Hallo,

Op mijn site heb ik in een div-layer een form staan.

Nu wil ik dat als op de submit van dat form wordt geklikt met een onClick-actie (o.i.d., want de gegevens moeten nog niet echt verstuurd worden) naar de nieuwe form wordt gegaan (dit betekent een verversing van dezelfde layer met een nieuwe form op de plaats van de oude, dit lukt me wel).

Hoe kan ik met HTML/JavaScript ervoor zorgen dat als ik op de submit klik van het tweede form, dat dan de gegevens van het eerste en het tweede form naar de action="script.php" gaan?


Dus:

<div>
<form name='form1' method='post' action='???'>
...
</form>
</div>

na de 'submit' een nieuw formulier in zelfde div:


<div>
<form name='form2' method='post' action='sendmail.php'>
...
</form>
</div>

na de 'submit' moeten de gegevens verstuurd worden.

Verwijderd

Kleine hint:
document.getElementById('deel1').style.display='none';
document.getElementById('deel2').style.display='inline';

Verwijderd

Topicstarter
sorry, hier kan ik weinig mee..

neem aan dat je iets bedoelt als 'zorg dat beide forms in de tweede div staan, maar laat alleen de tweede zien'..

Verwijderd

Verwijderd schreef op 02 februari 2003 @ 19:26:
sorry, hier kan ik weinig mee..

neem aan dat je iets bedoelt als 'zorg dat beide forms in de tweede div staan, maar laat alleen de tweede zien'..
Nee, hij bedoelt: verdeel je form over twee divs, maar laat er maar eentje tegelijk zien...
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<form>

    <div id="formPart1">
    <!-- Deel een van het formulier -->
    <input type="button" 
        onclick="document.getElementById('formPart1').style.display = 'none';
            document.getElementById('formPart2').style.display = 'block';">

    </div>


    <div id="formPart2">
    <!-- Deel twee van het formulier -->
    </div>

</form>