Tabs stapelen

Status
Niet open voor verdere reacties.
G

gebruiker62

Gebruiker
Lid geworden
7 aug 2002
Berichten
389
Hallo,

Voor mijn werkgever moet ik een webapplicatie maken met verschillende tabbladen. Deze pagina's staan vol met input fields en deze worden dmv. een submit naar een aantal databases verstuurd.

Nu is het probleem dat alle tabs op 1 pagina moeten worden gezet, zodat met 1 druk op de knop álle tabbladen kunnen worden verstuurd.
Hoe kan ik dit doen?

Matthijs
 
Als het goed is moet het met dit script kunnen.

Kwestie van een submit button buiten de tabbladen plaatsen en het form rondom de tabbladen en button...
 
Tha Devil zei:
Als het goed is moet het met dit script kunnen.

Kwestie van een submit button buiten de tabbladen plaatsen en het form rondom de tabbladen en button...
Klik om te vergroten...

Bedankt voor je snelle reply, echter, dit script maakt gebruik van meerdere pagina's en alles MOET op een pagina worden gezet omdat alle tabs met een druk op de knop verstuurd moet worden.
 
Als je goed naar de source kijkt zie je dat deze met div's werkt op 1 pagina...

Door de javascript-applicatie wordt er bij een klik op een van de tabbladen de juiste div wordt weergegeven...
 
Tha Devil zei:
Als je goed naar de source kijkt zie je dat deze met div's werkt op 1 pagina...

Door de javascript-applicatie wordt er bij een klik op een van de tabbladen de juiste div wordt weergegeven...
Klik om te vergroten...

Er wordt verwezen naar andere pagina's. External.htm external1.htm, etc.
Losse pagina's dus.
 
heb ook even de external pagina's aangepast, er textfields in geplaatst, maar als ik daarna switch van tab en er daarna weer naartoe ga, is de text verdwenen. Hij laad dus telkens een nieuwe pagina en gooit de oude weg. Dit moet dus blijven staan en dat kan alleen maar als alle gedefinieerde tabs op 1 pagina staan.
 
Ja met externe pagina's werkt het ook niet maar met div's wel omdat het dan allemaal tot 1 pagina behoort...
 
Tha Devil zei:
Ja met externe pagina's werkt het ook niet maar met div's wel omdat het dan allemaal tot 1 pagina behoort...
Klik om te vergroten...

Okee, dit is inderdaad wat ik bedoel ja, we zaten naast elkaar te praten :o

Maar nu is het volgende probleem, hij laat direct alles al zien, en het is de bedoeling dat je alleen ziet wat er onder het tabje staat.

edit: volgens mij vergeet ik iets. Ik ga even prutsen :D

EDIT 2: GEWELDIG.

Het werkt!!! Hartelijk dank voor je hulp!!
 
Laatst bewerkt:
Volgens het voorbeeld:
HTML: 
<html>
<head>
<link rel="stylesheet" type="text/css" href="tabcontent.css" />

<script type="text/javascript" src="tabcontent.js">

/***********************************************
* Tab Content script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>
</head>

<body>

<ul id="maintab" class="shadetabs">
<li class="selected"><a href="#" rel="tcontent1">Formulier deel 1</a></li>
<li><a href="#" rel="tcontent2">Formulier deel 2</a></li>
<li><a href="#" rel="tcontent3">Formulier deel 3</a></li>
<li><a href="#" rel="tcontent4">Formulier deel 4</a></li>
</ul>
<form action="verwerk.php" method="POST" />
<div class="tabcontentstyle">

<div id="tcontent1" class="tabcontent">
Naam: <input type="text" name="naam" />
</div>

<div id="tcontent2" class="tabcontent">
Adres: <input type="text" name="adres" />
</div>

<div id="tcontent3" class="tabcontent">
Telefoon: <input type="text" name="telefoon" />
</div>

<div id="tcontent4" class="tabcontent">
Opmerkingen: <textarea name="opmerking" ></textarea>
</div>

</div>
<input type="submit" value="Verzenden" name="submit" />
</form>

<script type="text/javascript">
//Start Tab Content script for UL with id="maintab" Separate multiple ids each with a comma.
initializetabcontent("maintab")
</script>

</body>
</html>
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan