Toon posts:

[javascript] form met meerdere uitwegen

Pagina: 1

Acties:

45 views sinds 30-01-2008
Reageer

maandag 21 juli 2003 09:23

Acties:

scaver

Topicstarter

Doel: form maken met keuze uit twee routeplanners

Ik heb:

postcode (input)
straat (input)
plaats (input)
land (select)
routeplanner (select)

Nu wil ik dat je aan de hand van de select van de routeplanner kunt bepalen welk script ie gaat uitvoeren.

Ik heb nu zoiets:

code:

<html>
<head>

<script language="Javascript">
function Post(){
if (document.planner.routeplanner.value =="planner1"){
  var form=document.createElement('form');
  document.getElementsByTagName("body")[0].appendChild(form);

  form.setAttribute('name','formpje');
  form.setAttribute('action','test.html');
  form.setAttribute('target','_blank');
  form.setAttribute('method','post');

  var temp=document.createElement("input");
  form.appendChild(temp);
  temp.setAttribute("type", "hidden");
  temp.setAttribute("name", "postcode");
  temp.value = document.planner.text1.value;
  <!--etc-->
  form.submit();
  }
if (document.planner.routeplanner.value =="planner2") {
 <!--min of meer hetzelfde als hierboven-->
 }  
} 
</script>
</head>
<body>

<form name="planner" method="post">
<input type="text" name="text1">


<select name="routeplanner">
 <option value="planner1" >ALH Planner
 <option value="planner2" >Locatienet
</select>

<input type="submit" onClick="Post()">
</form>
</body>
</html>

Kan iemand mij ff verder helpen?

[ Voor 19% gewijzigd door scaver op 21-07-2003 09:52 ]

maandag 21 juli 2003 09:47

Acties:

Bosmonster

*zucht*

Waarom niet gewoon een simpel scriptje dat de action veranderd met wat hidden fields ipv van deze onnodige 'overkill' aan code

Verder.. zet je code ff tussen code-tags.. wel zo leesbaar

maandag 21 juli 2003 09:54

Acties:

dominic

will code for food

Gewoon even het onbeforesubmit() event afvangen, dan in een eigen functie even de de juiste action zetten a.d.h.v. je criteria..

Download my music on SoundCloud

maandag 21 juli 2003 09:54

Acties:

scaver

Topicstarter

Bosmonster schreef op 21 July 2003 @ 09:47:
Waarom niet gewoon een simpel scriptje dat de action veranderd met wat hidden fields ipv van deze onnodige 'overkill' aan code

Verder.. zet je code ff tussen code-tags.. wel zo leesbaar

Hoe bedoel je? Het punt is dat de data die geparsed moet worden verschillende namen bevat. Kun je me een voorbeeldje geven?

maandag 21 juli 2003 10:02

Acties:

Bosmonster

*zucht*

Zoals ik het nu zie is het enige dat je wilt doen een verborgen formuliertje submitten aan de hand van de keuze van de gebruiker. Wat JIJ doet is nadat een gebruiker iets kiest dynamisch een formulier aan proberen te maken en dat dan submitten..

Wat IK zou doen is gewoon de twee te submitten formuliertjes al in hidden in de pagina zetten en afhankelijk van de keuze van de gebruiker een van de twee submitten.

maandag 21 juli 2003 10:11

Acties:

scaver

Topicstarter

Bosmonster schreef op 21 July 2003 @ 10:02:
Zoals ik het nu zie is het enige dat je wilt doen een verborgen formuliertje submitten aan de hand van de keuze van de gebruiker. Wat JIJ doet is nadat een gebruiker iets kiest dynamisch een formulier aan proberen te maken en dat dan submitten..

Wat IK zou doen is gewoon de twee te submitten formuliertjes al in hidden in de pagina zetten en afhankelijk van de keuze van de gebruiker een van de twee submitten.

Ja maar als je twee forms gebruikt zul je toch de ene data naar de andere moeten kopieren ofzo? Je vult nl 1 formulier in. Ik kopieer het van een soort van temp naar een te submitten form. Of is er iets te maken dat als je een select bovenaan neer zet met de keuze uit de twee routeplanners en vanhieruit een van de twee forms zichtbaar maakt ofzo? Het liefste wil ik iets op een uniforme manier maken omdat ik dit principe nog vaker nodig heb.

maandag 21 juli 2003 11:04

Acties:

Annie

amateur megalomaan

Kopieren van values van het ene form naar het andere form is natuurlijk niet het grootste probleem.

JavaScript:

1 2	document.forms['form1'].elements['el1'].value = document.forms['form2'].elements['el1'].value;

Als het om 2 formpjes gaat is de snelste oplossing inderdaad om gewoon de forms al (hidden) in je pagina op te nemen, de inputs van het juiste form te vullen bij een keuze van de gebruiker en dat form te submitten.
Natuurlijk kan je ook 1 form pakken waar je alle inputs in stopt en alleen degene vult die je nodig hebt. Bij een submit is het dan een kwestie van de action van het form even aanpassen.

Maar op zich is de methode die je zelf kiest imho wel een mooie. Maar dan zou ik e.e.a. iets generieker opzetten (wat meer opsplitsen in functies) om de code wat compacter en overzichtelijker te houden.

Pseudo

code:

function Post
  // afhankelijk van UserKeuze
  InitForm (SubmitAction)
  AddInput (InputName, Value)
  AddInput (InputName, Value)
  SubmitTheForm

Om terug te komen op je vraag in je openings post: Wat lukt er niet?

[ Voor 3% gewijzigd door Annie op 21-07-2003 11:04 ]

Today's subliminal thought is:

maandag 21 juli 2003 11:21

Acties:

scaver

Topicstarter

Annie schreef op 21 July 2003 @ 11:04:
Om terug te komen op je vraag in je openings post: Wat lukt er niet?

De code komt netjes in de if functie. Dat is niet het probleem.
Maar dan.. Volgens mij maak ik een form niet goed op.. want hij post niets.
Ik heb 'm al eens op get gezet om te kijken of ik variable in de taakbalk zag verschijnen, maar niets he..

Weet iemand hoe je netjes een form maakt in javascript?
komt dat door die "body"[0]??

[ Voor 4% gewijzigd door scaver op 21-07-2003 11:33 ]

maandag 21 juli 2003 12:32

Acties:

scaver

Topicstarter

Ik heb 'm toch maar aangepast naar hidden fields.. en dan als er gesubmit wordt deze in te vullen.. Dit werkt prima.. nu wil ik eigenlijk nog de action aanpassen.. dan dit ook nog?

maandag 21 juli 2003 12:58

Acties:

alienfruit

the alien you never expected

form1.action = "bliep";

donderdag 24 juli 2003 13:04

Acties:

scaver

Topicstarter

ok dan.. scriptje werkt prima.. hartelijk dank voor de hulp..

Pagina: 1

Reageer