Comments on: Fun with multiple submit buttons

By: Chris

Chris — Wed, 29 Aug 2007 23:21:52 +0000

I found that the following CSS is required for Safari:

.hiddenSubmit
{
width:0px;
height:0px;
border-width:0px;
background: none;
}

Otherwise a little gray box will be present.

By: mrtvy josef

mrtvy josef — Mon, 02 Jul 2007 12:49:50 +0000

Thank you very much, number 1 solved the problem I encountered. I stumbled over that strange behaviour of IE several times, trying to fix it various ways, nothing helped. I’ve never thought it can be so simple
Josef

By: Karim

Karim — Thu, 14 Jun 2007 23:54:51 +0000

Following on to my comment just made…I did find one apparent solution:

.hidden
{
width:0px;
height:0px;
border-width:0px;
}

…

This worked for me in IE6, IE7, and Firefox 2.0. Page is XHTML Strict, if that makes a difference. The button is invisible, but pressing enter from the form it’s in activates this button as long as it’s the first button in the markup within the form.

By: Karim

Karim — Thu, 14 Jun 2007 23:43:35 +0000

Comment 26 won’t work in IE7 I believe since IE7 follows the rules better:
.hiddenBtn {
width: 0px;
height: 0px;
}

* html #hiddenBtn {
display: none;
}

Neither will comment 7 work in IE7:
/* This is for IE */
.hiddenBtn {
width: 0px;
height: 0px;
}

/* This is for Firefox since IE ignores it */
.hiddenBtn[class] {
display: none;
}

Both the star hack and advanced selector hack are fixed. IE7 does the right thing with display:none, but that also makes the button have no existence–it doesn’t count as far as pressing enter from the form. The zero size trick makes it disappear in IE7 still and it still will be activated as we want it to when you press enter…however, Firefox will still show a little one or two boxy thing with size 0.

By: Gbm

Gbm — Fri, 20 Apr 2007 02:40:39 +0000

did anyone mention a fix for the IE? if not then i’ve used this in my style sheet… seems to work in both browsers fine… (sorry, too lazy to go over the thread again to see if there has been a fix mentioned)

.hiddenBtn {
width: 0px;
height: 0px;
}

* html #hiddenBtn {
display: none;
}

By: Mehrere Submit-Buttons – hangy.de‽

Mehrere Submit-Buttons – hangy.de‽ — Mon, 26 Mar 2007 11:28:28 +0000

[...] sieht so aus als sei dieses Problem durchaus altbekannt und als ob es dafür keine richtige Problemlösung gebe, da es nicht falsch sein kann, weil es [...]

By: frex65

frex65 — Thu, 15 Feb 2007 10:49:16 +0000

Adding an extra hidden button is a bad idea since a blind person using a screenreader will “hear” the extra button and probably be confused by it. And since there’s already a work-around, you don’t need that extra button after all.

By: Byte-Dompteur » mehrere submits in einem Form

Byte-Dompteur » mehrere submits in einem Form — Fri, 27 Oct 2006 14:32:16 +0000

[...] Gefunden habe ich diese L�sung hier:� http://muffinresearch.co.uk/archives/2005/12/08/fun-with-multiple-submit-buttons/#comment-166 [...]

By: Caesar

Caesar — Wed, 04 Oct 2006 17:53:08 +0000

what a wonderful post. I am looking for it, and I found it. Great work.

It is so glad to see that I have thought about both solutions that this post and comments mentioned. I have tried to set the button’s display to none, but it won’t work for IE. To set the button’s size to 0 is really a smart way, but I like the writer’s method better.

By: Ruel

Ruel — Wed, 27 Sep 2006 15:04:42 +0000

just had almost similar prob. my form only has 1 textfield as this is the only input field that needs to be entered. other data are fixed so i used a hidden field. problem occurs when u press the enter key after inputting something in the textfield. upon reading this very helpful post, i got an idea. i redesigned my form so that i placed another textfield and echo a value of one of my hidden fields… something like that. it worked!!!