[HTML] form data versturen via de URL

[savale]

Ik zit met een heel vervelend probleempje. Het gaat er om dat er één invoerveld op een HTML pagina staat waar bijvoorbeeld een getal ingevuld wordt. Zeg in dit voorbeeld het getal ¨10¨

Ik wil dan dat er bij iedere link bijvoorbeeld deze:

code:

 <a href=index.php?param=boeiendedata>

ook nog het getal=10 wordt meegestuurd dus zo:

code:

<a href=index.php?param=boeiendedata&getal=10>

maar ik heb echt geen idee hoe ik dit voor elkaar moet gaan krijgen om een getal uit te lezen uit een veldje en dan te parsen naar de url...

(ik gebruik trouwens java servlets in plaats van php, maar het principe is hetzelfde)

[elTigro]

Bedoel je iets als

code:

<form action="index.php">
<input type="weetikwatjeallemaal wilt invullen">
<input type="hidden" name="param" value="boeiendedata(vraag ik me af :p ">
<form>

Of snap ik je vraag niet precies?

[ Voor 18% gewijzigd door elTigro op 16-01-2007 12:00 . Reden: iets meer nuance ]

[Suaver]

Met PHP kan je dat gewoon makkelijk uitlezen, via $_GET['param']
Maar ik neem aan dat je geen dynamische taal mag of kan gebruiken?

Met plain HTML kan het in ieder geval niet.

[ Voor 15% gewijzigd door Suaver op 16-01-2007 12:37 ]

[samo]

Er van uitgaande dat je ergens een form hebt, waar een extra veld in staat, die los van de link staat, zou je met javascript moeten kunnen afvangen dat als op een link geklikt wordt, ook het formulier gesubmit wordt.
Maar als jij zelf het forum vult, zou je gewoon achter iedere link dat nummer kunnen plakken?

[savale]

elTigro schreef op dinsdag 16 januari 2007 @ 11:58:
Bedoel je iets als

code:

<form action="index.php">
<input type="weetikwatjeallemaal wilt invullen">
<input type="hidden" name="param" value="boeiendedata(vraag ik me af :p ">
<form>

Of snap ik je vraag niet precies?

Ja dat bedoel ik, maar dan moet ik bijvoorbeeld 10 van die forms hebben, die allemaal dat ene veldje gebruiken...

[savale]

samo schreef op dinsdag 16 januari 2007 @ 12:40:
Er van uitgaande dat je ergens een form hebt, waar een extra veld in staat, die los van de link staat, zou je met javascript moeten kunnen afvangen dat als op een link geklikt wordt, ook het formulier gesubmit wordt.
Maar als jij zelf het forum vult, zou je gewoon achter iedere link dat nummer kunnen plakken?

Op zich maak ik zelf die form. Een idee is om bij dat veldje een submit button te plakken en dat ze dus eerst het getal moeten veranderen.
Dat idee dat ie automatisch ook de form data submit als je een link klikt is inderdaad wel een oplossing. Helaas wel javascript, maar dat moet dan maar.

[elTigro]

je zoekt denkt ik iets als document.getElementById('<naamvanhettextveldje>').innerHTMLvalue .
(als je, wat ik denk, 10 knoppen/links wilt maken)
Ik snap het overigens nog niet helemaal geloof ik

[ Voor 19% gewijzigd door elTigro op 16-01-2007 14:04 ]

[savale]

tja ben nog btje n linux n00b anders had ik in paint ffies wat geschetst. Het idee is dus:

-----------------------------------------------------------
________
INVOERVELDJE: ________

link1
link2
link3
link4
link5

--------------------------------------------------------------

Als ik een link klik (link3 bijv) moet ie het getal uit het invoerveldje meesturen in de zin van zoiets:

index?link=link3&getal=10

Maar een invoerveldje is een form element... dus heeft niks met die link te maken. Mijn vraag is dus hoe stuur ik tegelijk dat getal uit het invoerveldje als ik op een link klik

[Verwijderd]

Hiervoor moet je idd javascript gaan gebruiken. Je moet op de onChange van de input een functie bouwen die de links aanpast OF op de onclick van een link de waarde van het input veld uitlezen.

De laatste is denk ik makkelijker.

Misschien een andere mogelijkheid: Maak vaan de links een input radio groep. Dus eerst voer je een getal in dan selecteer je de link en druk je vervolgens op een knop. Ik weet niet of dit in jouw verhaal past. Het is maar een ideetje

[savale]

nah met die radio buttons lukt niet. Het idee is een webbased ¨joystick¨ besturing en het getal geeft de stapgrootte op.

[TeeDee]

Even een snel opzetje.

HTML:

<html>
<head>
<script type="text/javascript">
function getInvoerveldje(link)
{
    var invoer = document.getElementById('invoerveldje').value;
    this.location.href=link+'&optie='+invoer;
}
</script>
</head>
<body>
<form action="link-add.html" method="get">
<input type="text" id="invoerveldje">
</form>
<p>
<a href="link1.php" onclick="getInvoerveldje('link1.php?param=meuk-melp-blaat'); return false;">link1</a>
</p>
</body>

Het eea kan uiteraard nog beter. Of ik moet je helemaal verkeerd begrijpen, of dit doet wat jij wil.

[Verwijderd]

savale schreef op dinsdag 16 januari 2007 @ 11:54:

code:

<a href=index.php?param=boeiendedata&getal=10>

Off-topic:

code:

<a href=index.php?param=boeiendedata&amp,getal=10>

&amp; gebruiken ipv & zoals het w3c voorschrijft.

On-topic:
En zoals suaver zegt:Met PHP kan je dat makkelijk uitlezen, via $_GET['naam_van_je_formulierveld']

Voor Java: request.getParameter("naam_van_je_formulierveld");

[ Voor 24% gewijzigd door Verwijderd op 16-01-2007 15:26 ]

[savale]

TeeDee schreef op dinsdag 16 januari 2007 @ 14:46:
Even een snel opzetje.
........
Het eea kan uiteraard nog beter. Of ik moet je helemaal verkeerd begrijpen, of dit doet wat jij wil.

Super... Nu even kijken of ik ook snap wat je hebt gedaan

[elTigro]

Verwijderd schreef op dinsdag 16 januari 2007 @ 15:15:

Off-topic:

code:

<a href=index.php?param=boeiendedata&amp,getal=10>

&amp; gebruiken ipv & zoals het w3c voorschrijft.

haha, doe dat dan zelf ook (staat nu &amp,)

en om nog wat nuttigs toe te voegen:
Dit heet toch Document Object Model?http://www.w3.org/TR/1998...9981001/introduction.html

[Verwijderd]

elTigro schreef op dinsdag 16 januari 2007 @ 17:01:
[...]


haha, doe dat dan zelf ook (staat nu &amp,)

en om nog wat nuttigs toe te voegen:
Dit heet toch Document Object Model?http://www.w3.org/TR/1998...9981001/introduction.html

Jaja... shoot me for my typo