[javascript] popup vult waarde in in formulier - Softwareontwikkeling

woensdag 28 augustus 2002 11:06

Acties:

Verwijderd

Topicstarter

Ik heb een pagina met een formulier met de volgende code:

<form name="color" ....>
<input type="text" name="kleur"><br>
<input type="button" name="button" value="Selecteer" onClick="window.open('popup.html')">
</form>

in popup.html heb ik zoiets als:

<a href="javascript:void(null)" onClick="javascript:xxxxxxx">

nu zou ik graag waar xxxxx staat een javascript code willen die er voor zorgt dat de popup verdwijnt en een waarde (die ik in de javascript code mee kan geven) invult in het bovenste script bij de "kleur" input.

popup.html heeft een aantal html kleurwaarden.

Weet iemand hoe ik dit kan doen of een tutor die dit uitlegt?

woensdag 28 augustus 2002 11:19

Acties:

Janoz

Moderator Devschuur®

!litemod

je kunt sowieso met window.opener opvragen door welk window de popup geopend is. Vanaf daar kun je het formulier element opvragen zoals je dat normaal ook binnen 1 pagina zou doen. De popup sluit je vervolgens door window.close().

Het handigste is om dit in een functie te zetten in je popup en vervolgens bij de onclick deze functie aan te roepen, dit houdt je a tag een beetje leesbaar

Ken Thompson's famous line from V6 UNIX is equaly applicable to this post:
'You are not expected to understand this'

woensdag 28 augustus 2002 13:32

Acties:

Verwijderd

Topicstarter

zeer bedankt, ik heb het werkend gekregen.

Het is wat als je een javascript newbie bent en al die commando's niet kent

Is er ergens een goede lijst beschikbaar met uitleg wat alle functies doet?

mijn werkende code (mocht iemand dat ook willen gebruiken een keer)

index.html:
--
<html>
<body>
<form action="" method="post" name="change_color">
<input type="text" name="kleur"> -
<input type="button" name="button" value="Selecteer een kleur" onClick="window.open('preview.html')">
</form>
</body>
</html>
--

preview.html:
--
<html>
<body>
<script language="JavaScript">

</script>
<a href="javascript:void(null)" onClick="updatecolor('kleur1')">kleur1</a><br>
<a href="javascript:void(null)" onClick="updatecolor('kleur2')">kleur2</a><br>
</body>
</html>
--