Javascript formulier

Status
Niet open voor verdere reacties.

Trouble

Gebruiker
Lid geworden
23 nov 2005
Berichten
9
hey allemaal,
ik heb een probleem met het maken van een formulier.
de inhoud van het formulier moet, als er op verzenden wordt gedrukt, in een nieuw scherm worden geopend in een tabel. ik heb al vanalles geprobeerd, internet afgezocht, maar het wil me niet lukken. ik heb deze functie gemaakt:

<script type="text/javascript">
function toonGegeven()
{
var gegeven_uit_form1;
gegeven_uit_form1= document.form1.Naam.Bedrijf.Adres.Postcodeletters.Postcodecijfers.Plaats.Functie.FunctieBeschikbaarPer.ExtraInformatie.value;
window.open("inhoud.html");
}

en dat heb ik hier aan gehangen:

<label>
<input name="Verzenden" type="submit" id="Verzenden" onClick="toonGegeven()" value="Opslaan" />

maar als ik het test wordt er geen nieuw venster geopend, en al helemaal niet met de inhoud van m'n formulier.
zit er een fout in de code? of snap ik er gewoon geen barst van?
 
je window.open statement linkt naar inhoud.html. Dat betekent dat de inhoud van dat bestand zal worden geopend. Maar dan ben je de gegevens van je formulier kwijt. Daarnaast zul je voor elke waarde uit je formulier een aparte variabele nofig hebben:
naam = document.form1.naam
adres=document.form1.adres
enz.
Om deze gegevens door te geven aan de popup zul je zelf de html moeten genereren binnen javascript, bijvoorbeeld:
var openWindow = window.open('', 'popwin');
with(openWindow.document) {
writeln('<html><head><title></title></head>');
writeln('<body onblur="self.close()"');
writeln('<div>'+ naam+' '+adres);
writeln('</div></body></html>');
close();
}
 
ah, thanks :) het zal nog een hoop gepuzzel worden maar het ziet er naar uit dat je gelijk hebt.
alvast bedankt :thumb:
 
ik geef deze even een schopje, aangezieni k nog een vraag heb (hoef ik geen nieuw topic te openen :) )

ik heb het volgende scriptje:

Code:
<label>
    <select name="select">
	<script language="javascript">
			var dag = 1
			while (dag < 32)
				{
				document.write("<option value='dag'>",dag,"</option>")
				dag = dag + 1;
				}
		</script>
    </select>
	<select name="select">
	<script language="javascript">
			var maand = 1
			while (maand < 13)
				{
				document.write("<option value='maand'>",maand,"</option>")
				maand = maand + 1;
				}
		</script>
		</select>	
    <select name="select">
<script language="javascript">
			var jaar = 2006
			while (jaar < 2008)
			{
			document.write("<option value='jaar'>",jaar,"</option>")
				jaar = jaar + 1;
			}
	</script>
	</select>
	</label>


en het werkt :D maar wat ik nu wil, is dat de computer datum wordt weergegeven. ik weet niet wat ik dan waar in moet veranderen. kan iemand me helpen? ik heb al een beetje met de variabelen zitten goochelen, maar toen was m'n scriptje kaput :(
 
Laatst bewerkt:
Even alleen de dag als voorbeeld:
Code:
var dag = 1
var datum = new date();
var huidige_dag = datum.getDate();
while (dag < 32)
{
if (dag == huidige_dag)
{
document.write("<option value='dag' selected>",dag,"</option>")
}
else
{
document.write("<option value='dag'>",dag,"</option>")
}
dag = dag + 1;
}

voor maand en jaar hetzelfde maar dan getMonth() (telt vanaf 0 dus een bijtellen) en getYear();
 
Dit script gebruikt .selectedIndex om de datum van vandaag in te stellen:
HTML:
<label>
<form name="f">

<script type="text/javascript">

 document.writeln('<select name="dag">');
 for (var i = 1; i <= 31; i++) document.writeln('<option value="' + i + '">' + i + '</option>');
 document.writeln('</select>');

 document.writeln('<select name="maand">');
 for (var i = 1; i <= 12; i++) document.writeln('<option value="' + i + '">' + i + '</option>');
 document.writeln('</select>');

 document.writeln('<select name="jaar">');
 for (var i = 2006; i <= 2007; i++) document.writeln('<option value="' + i + '">' + i + '</option>');
 document.writeln('</select>');

 var today = new Date();
 document.f.dag.selectedIndex = today.getDate() - 1;
 document.f.maand.selectedIndex = today.getMonth();
 document.f.jaar.selectedIndex = today.getFullYear() - 2006;

</script>

</form>
</label>
Zie bijlage. Je moet wel de name van het formulier gebruiken, in dit geval f.


Vr.Gr. Egel
 

Bijlagen

Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan