Form probleem met IE, Mozilla is goed

[anoniem]

Ik ben bezig met een navigatie form met daarop 4 buttons, First, Prev, Next en Last. Omdat ik plaatjes mooier vind dan tekst heb ik <button enz.><img enz,></button> gemaakt. Alles steeds getest met Mozilla en het gaat goed. Als ik op de First button klik wordt de url query: index.php?s=test&page=141&buttonf=F&len=20, exact zoals het moet zijn. Omdat er nog steeds een paar mensen met IE surfen deed ik hetzelfde met IE6, wat een troep, die gooit de hele url query vol met rommel: index.php?s=test&page=141&buttonf=%3CIMG+class%3Dnb+alt%3DFirst+src%3D% 22img%2Fdbfst.gif%22%3E&buttonp=%3CIMG+class%3Dnb+alt%3DPrevious+src%3 D%22img%2Fdbprv.gif%22%3E&len=20&buttonn=%3CIMG+class%3Dnb+alt%3Dne xt+src%3D%22img%2Fdbnxt.gif%22%3E&buttonl=%3CIMG+class%3Dnb+alt%3Dla st+src%3D%22img%2Fdblst.gif%22%3E Hier wordt de img van de button ook meegestuurd, ook van de buttons waar niet wordt geklikt. [code:1:1e0e452b53] 176 <form id="nav141" method="get" action="/site/index.php"> 177 <div class="pagenav"> 178 <input type="hidden" name="s" value="test" /> 179 <input type="hidden" name="page" value="141" /> Showing records # 1 to 20 <button type="submit" name="buttonf" value="F"> <img class="nb" src="img/dbfst.gif" alt="First" /> </button> 180 <button type="submit" name="buttonp" value="P"> <img class="nb" src="img/dbprv.gif" alt="Previous" /> </button> 181 <select name="len"> 182 <option value="20">20</option> 183 <option value="40">40</option> 184 <option value="60">60</option> 185 <option value="80">80</option> 186 </select>records 187 <button type="submit" name="buttonn" value="N"> <img class="nb" src="img/dbnxt.gif" alt="Next" /> </button> 188 <button type="submit" name="buttonl" value="L"> <img class="nb" src="img/dblst.gif" alt="Last" /> </button> 189 </div></form> [/code:1:1e0e452b53] Hierboven de code zoals die uit de browser komt (wordt door php gemaakt) De form is er alleen maar voor om de inhoud van de select box in php te kunnen krijgen. Als ik met print_r de GET array print staan daar ook de plaatjes in. Van IE: Array ( [s] => work [page] => 141 [buttonf] => img [buttonp] => img [len] => 20 [buttonn] => img [buttonl] => img ) (geen plaatjes dus hier.) en van Mozilla: Array ( [s] => work [page] => 141 [len] => 20 [buttonn] => N ) Wie heeft een oplossing om zonder javascript om het in IE ook goed te krijgen wimb

[anoniem]

En als je het name-attribuut van die buttons afhaalt? Er bestaat trouwens ook een input type=image, deze kan ook diens doen als submit-knop. [quote:ba57077641] Omdat er nog steeds een paar mensen met IE surfen,.... [/quote:ba57077641] Zijn ze in Zwitserland allemaal op een andere browser overgegaan? :wink:

[anoniem]

[quote:57ee68788d="mw22"]Er bestaat trouwens ook een input type=image, deze kan ook diens doen als submit-knop. Zijn ze in Zwitserland allemaal op een andere browser overgegaan? :wink:[/quote:57ee68788d] 1 - De "input type=image " heb ik meestal gebruikt en die ga ik maar weer gebruiken want de echte "button" doet niet wat ik wil. 2 - Nee, nog niet. Ik heb vandaag een popup op mijn site gezet, alleen voor IE, met de tip eens naar een andere browser te kijken. Een search op Google voor: [url=http://www.google.ch/search?q=%22Best+viewed+with+Internet+Explorer%22&ie=UTF-8&oe=UTF-8&hl=de&btnG=Google+Suche&meta=]"best viewed with Internet Explorer" [/url] geeft bijna een half millioen hits - dat moet dus terug naar nul. wimb

[anoniem]

[quote:9d489b11ad="WimB"]De "input type=image " heb ik meestal gebruikt en die ga ik maar weer gebruiken want de echte "button" doet niet wat ik wil.[/quote:9d489b11ad]Bedoel je niet "IE doet niet wat ik wil"? :roll: :D - Bas

[anoniem]

Ik weet nog niet of het alleen maar IE is, bij [url=http://bugzilla.mozilla.org/show_bug.cgi?id=127903]Bugzilla[/url] staat ook iets wat er op lijkt. Dat is weliswaar voor de input type button, maar de "echte" button doet exact hetzelfde. wimb

[anoniem]

<input type="image"/> dien't als server-side image map voor het submitten van forms. Niet echt het correct gebruik van markup lijkt me zo :lol: (daarnaast is het natuurlijk betwijfelbaar of dat toegankelijk is, als er gewoon op dat ding geklikt worden, zonder muis, krijgt de server 0,0 door, geen idee trouwens hoe je deze kunt uitlezen en bewerken). Wat wellicht een idee is om gewoon een standaard <input type="submit"/> te stylen met zo'n image-replacement techniek?

[anoniem]

Je kan elke button gewoon een hoogte, breedte en achtergrondplaatje mbv CSS geven. - Bas

[anoniem]

Een tijdje geleden kwam ik de [url=http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.5]Button[/url] tegen en daar wilde ik wat mee doen. Tot nu toe lukt eigenlijk niets, dus gewoon maar weer zoals ik het vroeger deed. :( wimb

[anoniem]

[quote:09816c0cb0="termin8or"]<input type="image"/> dien't als server-side image map voor het submitten van forms. Niet echt het correct gebruik van markup lijkt me zo :lol: (daarnaast is het natuurlijk betwijfelbaar of dat toegankelijk is, als er gewoon op dat ding geklikt worden, zonder muis, krijgt de server 0,0 door, geen idee trouwens hoe je deze kunt uitlezen en bewerken). [/quote:09816c0cb0] http://www.w3.org/TR/REC-html40/interact/forms.html#input-control-types Om toegankelijk te blijven had ik nog een alt attribuut moeten toevoegen.