Meedere imagefields met verschillende waarde in 1 form

Pagina: 1
Acties:
  • 279 views sinds 30-01-2008
  • Reageer

  • Koffie
  • Registratie: Augustus 2000
  • Laatst online: 01-09 17:48

Koffie

Koffiebierbrouwer

Braaimeneer

Topicstarter
Mja, ik heb zo'n donkerbruin vermoeden dat het niet kan, maar ik ga het toch proberen :P

Ik wil dus een form maken, in deze form wil ik 2 (of meer) imagefileds waarop geklikt moet worden.
Echter, ze hebben beide een andere waarde.
Nu zou je kunnen zeggen, maak gewoon 2 forms aan met elk form een eigen imagefield.
Hang wat hidden input types in de form et voila .. 2 imagefields met een eigen waarde.

Zo werk ik dus nu ook, echter wil ik ook nog met een selectbox werken.
Het nadeel van deze 2 formfields, is dus dat ik op 1 pagina 2 maal dezelfde selectbox moet tonen.

Ik zat eerst te denken om met JS iets te doen (onclik/change/whatever) maar een simpel testje om dan iets te printen levert meteen een nieuwe schone pagina met die ene regel op.
Dat gaat dus ook niet werken.

Is wat ik wil uberhaupt wel mogelijk ?

* Koffie hoopt dat de uitleg een beetje te begrijpen is :P

Braaikamer - Smoke&BBQ


  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 29-08 19:47

Bosmonster

*zucht*

wtf is een imagefield? :D

  • Koffie
  • Registratie: Augustus 2000
  • Laatst online: 01-09 17:48

Koffie

Koffiebierbrouwer

Braaimeneer

Topicstarter
code:
1
< input type="image" border="0" name="x" value="y" src="z.gif" >


Dit, ter vervanging voor een submit knopje.
JE vult wat textfields in, wat radiobuttons klikken enzo.
Normaal klik je dan op submit, nu kun je op een plaatje klikken :P
[google=form imagefield]

Braaikamer - Smoke&BBQ


  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 29-08 19:47

Bosmonster

*zucht*

Ow image input ;)

dus je wilt eigenlijk verschillende form-actions hebben voor de verschillende submits?

  • Koffie
  • Registratie: Augustus 2000
  • Laatst online: 01-09 17:48

Koffie

Koffiebierbrouwer

Braaimeneer

Topicstarter
Dat niet zozeer, ze moeten naar dezelfde form verwijzen :P
Stel, ik maak 2 buttons.

Een submit en een reset. Op beide kun je klikken, en ze hebben beide een andere functie.
Nu heb ik 2 image inputs/imagefields echter wil ook dat ze beide een andere waarden POSTen naar het script.
Ik kan wel een name= en value= aan de inputs geven, maar deze komen niet aan ( :? )

Braaikamer - Smoke&BBQ


Verwijderd

Dat moet toch kunnen ???

  • Koffie
  • Registratie: Augustus 2000
  • Laatst online: 01-09 17:48

Koffie

Koffiebierbrouwer

Braaimeneer

Topicstarter
vast wel, weet je ook hoe ?

Braaikamer - Smoke&BBQ


Verwijderd

hehe, ik heb mijn bericht op het zelfde moment ge"submit" als die van jouw. Toen stond jou bericht er van 12.11 uur nog niet bij.

Ik begrijp je probleem, maar kan je zo een twee drie niet vertellen hoe je het moet oplossen.

Sorry.

  • Koffie
  • Registratie: Augustus 2000
  • Laatst online: 01-09 17:48

Koffie

Koffiebierbrouwer

Braaimeneer

Topicstarter
OK, no prob ;)
Houd ik mij nog steeds aanbevolen voor tips enzo :Y)

Braaikamer - Smoke&BBQ


  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 29-08 19:47

Bosmonster

*zucht*

Je kunt toch uitlezen welke knop gedrukt is met naam.x ofzo? Een input image stuurt namelijk wel de coordinaten mee waar geklikt is op het plaatje (ze zijn eigenlijk bedoeld voor serverside imagemaps).

Je zou serverside wel uit kunnen lezen of bijvoorbeeld submit.x bestaat of reset.x. Een van de twee zal maar bestaan of gevuld zijn.

  • Koffie
  • Registratie: Augustus 2000
  • Laatst online: 01-09 17:48

Koffie

Koffiebierbrouwer

Braaimeneer

Topicstarter
En dat wist ik dus niet :P
Ik kwam daarachter door er een GET van te maken ipv een POST, zodat ik zag wat er verstuurd werd.
Daar ben ik vervolgens mee aan de slag gegeaan (om er later pas achter te komen dat PHP daar weer value_x van maakt ipv value.x).

En dat wilde ik nu dus allemaal posten , maar je was me voor :P

Problem solved dus.
Thx for helping :Y)

Braaikamer - Smoke&BBQ


  • Grom
  • Registratie: Juli 2002
  • Laatst online: 25-11-2024

Grom

lief hè!

PHP:
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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Mooie titel</title>
<script type="text/javascript">
<!--
function verstuur(wat){
  var welke=wat.split(',');
    var velden='?'+welke[0]+'&';
    for(var i=1;i<welke.length;i++){
      velden+=welke[i]+'='+document.formpie.elements[welke[i]].value;
        if(i<welke.length-1){velden+='&';}
    }
    document.location.href='pagina2.html'+velden;
}
// -->
</script>
</head>
<body>
<form name="formpie">
<input name="input1" type="text" value="waarde1">
<input name="input2" type="text" value="waarde2"><br>
<input name="input3" type="text" value="waarde3">
<input name="input4" type="text" value="waarde4"><br>
<a href="javascript:verstuur('eersteButton,input1,input2,input4')">plaatje 1</a>
<a href="javascript:verstuur('tweedeButton,input3,input4')">plaatje 2</a>
</form>
</body>
</html>

  • Annie
  • Registratie: Juni 1999
  • Laatst online: 25-11-2021

Annie

amateur megalomaan

Tip1: misschien is het handig als je de waarden ook even urlencode voor je ze meegeeft met de url.
Tip2: location is een property van het window object.

Today's subliminal thought is:


  • Grom
  • Registratie: Juli 2002
  • Laatst online: 25-11-2024

Grom

lief hè!

1: true |:(
2: niet van document dan? :?

  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 29-08 19:47

Bosmonster

*zucht*

Tip3: Leer werken met meerdere argumenten, dmv arguments Array. Stuk handiger dan zelf alles gaan lopen splitten op komma's.

2: window

  • Grom
  • Registratie: Juli 2002
  • Laatst online: 25-11-2024

Grom

lief hè!

Tip 1: opgelost door arguments array
Tip 2: nog steeds confused, boeken (ga ze stoken) + i-net (ook) doorzocht :?
Tip3: oke tnx
PHP:
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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Mooie titel</title>
<script type="text/javascript">
<!--
function verstuur(){
    var waarden='?'+arguments[0]+'&';
    for(var i=1;i<arguments.length;i++){
      waarden+=arguments[i]+'='+document.formpie.elements[arguments[i]].value;
        if(i<arguments.length-1){waarden+='&';}
    }
    window.location.href='pagina2.html'+waarden;
}
// -->
</script>
</head>
<body>
<form name="formpie">
<input name="input1" type="text" value="waarde1">
<input name="input2" type="text" value="waarde2"><br>
<input name="input3" type="text" value="waarde3">
<input name="input4" type="text" value="waarde4"><br>
<a href="javascript:verstuur('eerste Button','input1','input2','input4')">plaatje 1</a>
<a href="javascript:verstuur('tweede Button','input3','input4')">plaatje 2</a>
</form>
</body>
</html>

Verwijderd

tip++: als je method="get" gebruikt (wat dus standaard is bij formulieren), dan hoef je zelf niet te knoeien met functies, aangezien browsers prima in staat zijn om zelf url's met GET variabelen te bouwen. Gewoon je formulier submitten. (met <input type="image" .../> dus)

  • Grom
  • Registratie: Juli 2002
  • Laatst online: 25-11-2024

Grom

lief hè!

Cheatah s tip++:

Natuurlijk heb je in principe gelijk maar:

Ik probeer een HTML+JS gebaseerde oplossing te geven op de vraag van de topic-starter (ea) om één form met twee (image)buttons te kunnen versturen waarbij elke button een ander deel van de form inputs doorgeeft. (ik weet dat ik niet alle soorten input-elementen heb gebruikt maar het is slechts een voorbeeld/aanzet).

Hoe je dit met een "get", zonder 'geknoei met functies' zou kunnen oplossen ontgaat me even maar ik leer graag. :)
Pagina: 1