[taal = ???]Input + selection in nieuw venster

Pagina: 1
Acties:

  • Sick Nick
  • Registratie: Februari 2001
  • Laatst online: 08-09 21:00

Sick Nick

Drop the top!

Topicstarter
http://members.rott.chello.nl/nroos1/uitleg.jpg

Komt er op neer dat ik een waarde in wil vullen in een veld, daarna iets wil kiezen uit een dropdown menu en vervolgens die 2 waardes achter elkaar in een nieuw venster wil hebben.

Ik heb dus geen idee in welke taal, ik heb een beetje rondgevraagd en het zou met java script kunnen? Dat zou wel makkelijk zijn aangezien ik het gewoon lokaal wil uitvoeren (en ik geen webserver met php geinstalleerd heb).

Heb wel al gezocht op http://javascript.internet.com/ maar ik weet dus niet waar ik naar moet zoeken |:(

Dus mensen, geef me een hint in welke richting ik het moet zoeken :)

  • D2k
  • Registratie: Januari 2001
  • Laatst online: 31-08 10:19

D2k

P&W -> W&G

Doet iets met Cloud (MS/IBM)


  • Sick Nick
  • Registratie: Februari 2001
  • Laatst online: 08-09 21:00

Sick Nick

Drop the top!

Topicstarter
Webscripting -> design & graphics :?

Nou ja, het zal wel maar ik dacht dat dit wel onder scripting viel :)

  • HunterPro
  • Registratie: Juni 2001
  • Niet online
ik ga 'm eerst in het nederlands voor je opbouwen, dan mag je 'm zelf verjavascripten (we doen niet alles kado hier hè ;))

In de button wordt dat dus: opklik:lokatie = inputveld1.waarde + inputveld2.waarde;

meer zeg ik niet ;)

  • r0bert
  • Registratie: September 2001
  • Laatst online: 11-08 16:19
window.location.href = waarde input veld + '' + waarde dropdown + '.extensie';

  • Sick Nick
  • Registratie: Februari 2001
  • Laatst online: 08-09 21:00

Sick Nick

Drop the top!

Topicstarter
Ik ga ff proberen, nu weet ik tenminste in welke richting ik moet zoeken :)

  • Sick Nick
  • Registratie: Februari 2001
  • Laatst online: 08-09 21:00

Sick Nick

Drop the top!

Topicstarter
Ik heb nu dit gebakken:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>
<head>
<title>test</title>
<base target="_blank">
</head>

<body>

<form>
<center>
<input type="text" name="1">
<select name="2">
<option selected>Kies
<option>1
<option>2
<option>3
</select> <input type="submit" value="link" onClick:window.location.href="1"+"2";>
</form>
</center>

</body>

</html>

Maar als ik dan de pagina open krijg ik dit

j:\test.html

Dan vul ik wat in en dan opent ie een nieuwe pagina met dit (bij 1 heb ik 3 ingevuld en bij 2 dus 2 gekozen):

j:\test.html?1=3&2=2

En dat moet dan dus gewoon 32 worden. Hoe heet dit soort forumuliertjes in het engels, dan kan ik nog wat verder zoeken :)

  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

hier zit foutje:
code:
1
onClick:window.location.href="1"+"2";

moet zijn:
code:
1
onClick="window.location.href='1'+'2';"

ik ben trouwens niet zo'n fan van het gebruik van getallen als strings; geeft nog wel eens gezeik.
Je kunt beter iets doen als:
'url1' + 'url2';
ofzo.
Maar da's een persoonlijke mening :)

www.jurgroessen.nl


  • Sick Nick
  • Registratie: Februari 2001
  • Laatst online: 08-09 21:00

Sick Nick

Drop the top!

Topicstarter
Mkay, ik ben nu iets verder want hij opent nu een pagina die heet url1url2 :D Hij pakt de dingen uit het formuliertje dus niet.

Verwijderd

Een value uit een textfield pak je met:
code:
1
document.forms['formnaam'].elements['veldnaam'].value

Een value van een selectbox krijg je met:
code:
1
document.forms['formnaam'].elements['selectnaam'].options[document.forms['formnaam'].elements['selectnaam'].selectedIndex].value

Wedden dat het hiermee lukt? :)

  • Sick Nick
  • Registratie: Februari 2001
  • Laatst online: 08-09 21:00

Sick Nick

Drop the top!

Topicstarter
Die weddenschap verlies je, ik volg je hier niet helemaal :?

Verwijderd

Jij wilt met iets eenvoudigs als "1" de waarde van een tekstveld opvragen, maar dat gaat dus niet.

Je moet je form nog een naam geven (name="blaat")
Je moet je input velden een betere naam geven (niet "1" maar "schaapje" ofzo)

en dan krijg je verderop:
code:
1
window.location.href = document.forms['blaat'].elements['schaapje'].value + '.html';

Bijvoorbeeld.

  • Sick Nick
  • Registratie: Februari 2001
  • Laatst online: 08-09 21:00

Sick Nick

Drop the top!

Topicstarter
Nice, ik heb het nu zover dat hij in ieder geval de 2 opties pakt en daar een nieuwe url van maakt.
Hij doet dit echter in dezelfde pagina, zelfs als ik als doel van de pagina (en formulier) _blank geef.

Verwijderd

Op maandag 25 maart 2002 00:18 schreef Sick Nick het volgende:
Nice, ik heb het nu zover dat hij in ieder geval de 2 opties pakt en daar een nieuwe url van maakt.
Hij doet dit echter in dezelfde pagina, zelfs als ik als doel van de pagina (en formulier) _blank geef.
Doe het dan niet met een submit button, maar een gewone button.

  • Sick Nick
  • Registratie: Februari 2001
  • Laatst online: 08-09 21:00

Sick Nick

Drop the top!

Topicstarter
Ik heb hem nu zo:
(sorry voor fucking up the layout :o)
code:
1
2
3
4
5
6
<form name="link" target="_blank">
<center>
<input type="text" name="url1">
<input type="text" name="url2">
<input type="button" value="klik" OnClick="window.location.href = 'http://' + document.forms['link'].elements['url1'].value + document.forms['link'].elements['url2'].value;">
</form>

Hij pakt netjes url1 en url2 en voegt ze samen tot een nieuwe link. Als de input type een button of submit is maakt niet uit, hij opent hem gewoon in dezelfde pagina.

  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

k*t, zit ik me uit de naad te typen en tussendoor ook nog ff een lekkere rode Swartland in te schenken, hebben ze het al opgelost :{

nah dis wat ik d'r van gebakken had:
Die submit moet idd een button zijn..
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test</title>
<base target="_blank">
<script>
function getUrl(){

url = document.forms[0].url1.value + document.forms[0].url2.selectedIndex;
window.location.href = url + ".htm";

}

</script>
</head>
<body>

<form>
<center>
<input type="text" name="url1">
<select name="url2">
<option selected>Kies
<option>1
<option>2
<option>3
</select> <input type="button" value="link" onClick="getUrl();">
</form>
</center>

</body>

</html>

www.jurgroessen.nl


Verwijderd

Hmmm.. Maak van window.location.href = blabla; eens window.open(blabla);

  • Sick Nick
  • Registratie: Februari 2001
  • Laatst online: 08-09 21:00

Sick Nick

Drop the top!

Topicstarter
Deze werkt inderdaad net zo goed, maar opent ook niet in een nieuwe window :'(

  • Sick Nick
  • Registratie: Februari 2001
  • Laatst online: 08-09 21:00

Sick Nick

Drop the top!

Topicstarter
Op maandag 25 maart 2002 00:29 schreef Cheatah het volgende:
Hmmm.. Maak van window.location.href = blabla; eens window.open(blabla);
Dan doet ie helemaal niks (IE6 overigens)

  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

okeej, herziene versie:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test</title>
<base target="_blank">
<script>
function getUrl(){

url = document.forms[0].url1.value + document.forms[0].url2.selectedIndex;
newWindow = window.open(url + ".htm");
//alert(url);
}

</script>
</head>
<body>

<form>
<center>
<input type="text" name="url1">
<select name="url2">
<option selected>Kies
<option>1
<option>2
<option>3
</select> <input type="button" value="link" onClick="getUrl();">
</form>
</center>

</body>

</html>

notice the difference.

www.jurgroessen.nl


  • Sick Nick
  • Registratie: Februari 2001
  • Laatst online: 08-09 21:00

Sick Nick

Drop the top!

Topicstarter
Nice, deze werkt compleet! Je kan dus een functie in een funcie in een functie doen :D

window.open in de url= welke weer in de geturl zit, daar zou ik dus echt nooooooit op zijn gekomen.
Pagina: 1