Comments on: Fun with multiple submit buttons

By: Ing

Ing — Tue, 14 Jul 2009 09:27:05 +0000

@Froggie (1st comment): Thank you! exactly what I needed, “direction” works like a charm on my 4 (submit)buttons (cancel|previous|next|save), still having the default enter on “save”.

By: Zac

Zac — Fri, 20 Mar 2009 15:45:49 +0000

Still a valid article, thanks!

By: Jörn Zaefferer

Jörn Zaefferer — Thu, 26 Feb 2009 16:06:41 +0000

Thanks, helped me solve a very similar problem. And that more then 3 years after your initial post…

By: Mehrere Submit-Buttons in einem Formular - XHTMLforum

Mehrere Submit-Buttons in einem Formular - XHTMLforum — Thu, 22 Jan 2009 12:41:21 +0000

[...] hatte ich damals schon mal im IE6. Anscheinend gibt es das oder ein �hnliches Problem im IE7 auch. Fun with multiple submit buttons by Stuart Colville 1. Variations when using Enter to submit in IE I remembered that my colleague Tim had mentioned a [...]

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 [...]