[HTML] input type=image stuurt X en Y waarden door

[BalusC]

Ziehier een stukkie code:

code:

<input type="image" name="submit" value="view" alt="Submit"
src="http://www.bla.com/bla/bla/bla.gif" border="0" 
onClick="this.form.submit()" >

<input type="image" name="submit" value="download" alt="Download"
src="http://www.bla.com/bla/bla/bla.gif" border="0" 
onClick="this.form.submit()" >

Dat genereert dus twee form buttons. De ene button (Submit) zou de resultaten richting de browser moeten zenden en de andere button (Download) zou de resultaten als een bestand moeten terugzenden. Hiertoe wordt een CGI gebruikt die op zich uitstekend werkt.

Het probleem is dat deze buttons alleen de waarden &submit.x en &submit.y zendt naar de CGI in plaats van &submit=view of &submit=download. Die X en Y waarden blijken na enige bestudering de cursorposities van de muis te zijn.

Natuurlijk kan ik ook JavaScript gebruiken om de form te handelen, maar ik moet juist zoveel mogelijk JavaScript mijden om compatibiliteit te houden met de wat oudere browsers. Ook zou ik de X en Y waarden kunnen gebruiken, maar het lijkt me niet een bijster betrouwbaar methode om na te gaan welke knop de gebruiker heeft ingedrukt.

Weet iemand hier een fatsoenlijke HTML oplossing voor? Nogmaals: JavaScript is natuurlijk leuk, maar dat heb ik (mijn werkgever) liever niet.

edit:

Een paar [enters] toegevoegd aan de code, die verneukte het forum layout namelijk..

[Verwijderd]

Het spijt me voor je, maar die .x en .y zijn de enige waarden die een <input type=image> doorgeeft. De enige functie van zo'n input is submitten van het formulier.

[BalusC]

Okay, dat verwachtte ik eigenlijk ook al..

Maar er is dus geen andere manier om een afbeelding als button te gebruiken in een form? Ik had begrepen dat voor IE wel een bepaald code was, ik geloof zoiets:

code:

<button name=bla>[img]"bla"></button[/img]

Maar dat werkte natuurlijk weer niet in NS 4.X.

Suggesties?

[Pelle]

Op vrijdag 21 september 2001 15:24 schreef BalusC het volgende:
Suggesties?

Wat is er mis met het toekennen van een waarde aan een hidden input met behulp van JavaScript? Dat is heel makkelijk en heel browser-compatible. Pas in browsersversies van 3 of lager gaat dat problemen opleveren, maar dat kom je in Nederland vrijwel nergens meer tegen.

[BalusC]

Op vrijdag 21 september 2001 15:39 schreef Pelle het volgende:

[..]

Wat is er mis met het toekennen van een waarde aan een hidden input met behulp van JavaScript? Dat is heel makkelijk en heel browser-compatible. Pas in browsersversies van 3 of lager gaat dat problemen opleveren, maar dat kom je in Nederland vrijwel nergens meer tegen.

Hoe gaat dat precies te werk? Als het compatibel is met 3.X dan hoor ik het graag. De uiteindelijke webpagina is niet alleen voor Nederland, maar voor de hele wereld.

Ik zat zelf ook al te denken om gebruik te maken van de onClick eigenschap van de afbeelding. Misschien dat je de waarde van "submit" kan aanpassen met zoiets als this.form.submit.name=download ?

Tot slot: ik heb heel weinig ervaring met JavaScript, dus als er JavaScript oplossingen blijken te zijn, zou je het dan duidelijk willen omschrijven? Dank je.

[Pelle]

Op vrijdag 21 september 2001 15:55 schreef BalusC het volgende:
Hoe gaat dat precies te werk? Als het compatibel is met 3.X dan hoor ik het graag. De uiteindelijke webpagina is niet alleen voor Nederland, maar voor de hele wereld.

Graag wil ik je even wijzen op http://www.thecounter.com/stats/2001/August/browser.html :
Dit zijn wereldwijde stats, en daaruit blijkt dat Netscape 3 een aandeel heeft van 0,0019. 2 promille dus; niet iets om rekening mee te gaan houden.

Tot slot: ik heb heel weinig ervaring met JavaScript, dus als er JavaScript oplossingen blijken te zijn, zou je het dan duidelijk willen omschrijven? Dank je.

Jezelf er een beetje in verdiepen kan nooit kwaad natuurlijk.. maar vooruit:

code:

<script language="javascript" type="text/javascript">
<!--
  function changeValue(to) {
    theForm = document.forms['formImages'];
    theForm.elements['actie'].value = to;
    theForm.submit();
  }
//-->
</script>

<form name="formImages">
  <input type="hidden" name="actie" value="">
  <a href="#" onClick="changeValue('view')">[img]"bla.gif"></a>
[/img][img]"bla2.gif"></a>
</form[/img]

_{not tested though}

[BalusC]

Ik heb al een redelijke oplossing gevonden, zoiets als Pelle opperde:

code:

<form name="myForm">
<input name="whatImage" type="hidden">
</form>

<a href="javascript:document.myForm.whatImage='image1';document.myForm.submit()">
[img]"image1.gif"></a>
<a[/img]
[img]"image2.gif"></a[/img]

Het komt hiervandaan: http://developer.irt.org/script/1119.htm

Nu ga ik naar huis, op maandag zal ik wel met de hoofddesigner overleggen over deze oplossing. Nog bedankt voor de antwoorden

edit:

hmm.. ongeveer tegelijkertijd gepost met de 2e post van Pelle..
dat is ook een nette code.. ik zal het maandag wel nader bekijken, nog bedankt

[Pelle]

Op vrijdag 21 september 2001 16:09 schreef BalusC het volgende:

hmm.. ongeveer tegelijkertijd gepost met de 2e post van Pelle.. dat is ook een nette code.. ik zal het maandag wel nader bekijken, nog bedankt

Y're welcome
* Pelle moest alleen wel even lachen toen hij dit in je profile las, nadat je net had gezegd dat je niet heel erg thuis bent in Javascript:

Beroep: IT Specialist (IBM) - VM/REXX - CGI - (D)HTML - XML - Java

[BalusC]

Hehe.. die (D) staat dan ook tussen haakjes Het komt er op neer dat ik JS wel kan begrijpen, maar niet echt bedenken. Maar eigenlijk heb je wel gelijk, die (D) zal ik wel weglaten

OK, nu effe ontopic: de hoofddesigner moet niks van JS weten. Zelfs die onclick property kan wel weg en het werkt ook nog. De oplossing voor de probleem hier is gewoon de naam van de button veranderen. De ene button heeft dan name=view en de andere dus name=download. De CGI moet dan gaan checken of het waarden ontvangt van zowel name als name.x en name.y. Zo kun je zien welke knop is ingedrukt. Als alleen View is ingedrukt, dan krijgt de CGI geen Download.x en Download.y toegezonden en weet ie meteen welke knop wel is ingedrukt.

Achteraf is het wel een erg simpele oplossing..

[RM-rf]

wat je ook kunt doen is gewoon 1 image gebruiken en aande hand van de x-coordinaat bepalen of er rechts danwel links geklikt is (als een soort van imagemap, daarvoor is de input type="image" ook bedoeld)

de hoofddesigner moet niks van JS weten

vind het altijd wel prettig als leidinggevenden wel minstens een bepaalde kennis hebben, dan kunnen ze aangeven (liefst met aantoonbare feiten) waarom een bepaalde oplossingen wel of niet dient te worden toegepast;

ach zie het zo, waarschijnlijk heb jij nu een grote kans snel zelf hoofd-.. te worden.

* RM-rf heeft het niet zo op die dino's die heet ontzettend l33t vinden om iets te maken dat ook nog in netscape2.0 werkt, als dat ten kostte gaat van functionaliteit

[CrazyA]

Op vrijdag 21 september 2001 16:08 schreef Pelle het volgende:
Graag wil ik je even wijzen op http://www.thecounter.com/stats/2001/August/browser.html :

En wil ook ff wijzen !! Het linkje klopt niet.
Maar dit is er te vinden:

code:

Browser Stats
Sun Jul 1 00:05:02 2001 - Fri Aug 31 23:55:05 2001   62.0 Days

1. MSIE 5.x   578797984 (80%) 
2. MSIE 4.x   53942614 (7%) 
3. Netscape 4.x    45457627 (6%) 
4. Netscape comp.  29307942 (4%) 
5. Unknow       3085173 (0%) 
6. Opera x.x     2223042 (0%) 
7. Mozilla 5.x     1861851 (0%) 
8. Netscape 3.x    1112810 (0%) 
9. MSIE 3.x   1056392 (0%) 
10. MSIE 2.x     1040988 (0%) 
11. Netscape 2.x   34141 (0%) 
12. MSIE 1.x     3081 (0%) 
13. Netscape 1.x   2016 (0%)