<Button type="submit"> en <input type="submit">

[Monkeydancer]

Beste tweakers,

Ik heb een probleem: ik wil graag een probleem ondervangen. Binnen html gebruik ik in plaats van:

<input type="submit">

<button type="submit">

De rede hiervoor is een CMS systeem. Ik wil namelijk knoppen gaan stijlen. Met button type gaat dat heel erg gemakkelijk:

<Button type="submit" value="opslaan">[img]"plaatje.gif"></button[/img]

Binnen mozilla werkt dit perfect....maar! binnen internet explorer krijg ik alleen maar errors. De oorzaak hiervan is: hij neemt de img link meer als value. De value is dan opslaan(met een plaatje)

Hoe kan ik dit probleem opvangen? binnen PHP?

Dit is trouwens de error:

'Unknown column 'submitbutton' in 'field list'

nader bekeken:

value="opslaan [img]"save.gif"[/img]"

[ Voor 18% gewijzigd door Monkeydancer op 07-03-2006 14:11 ]

[MarkvE]

Dit kun je het beste oplossen met CSS. En wel door het plaatje als achtergrond van de button op te geven.

[Sappie]

Ik weet niet waarom dat niet goed gaat en heb hier ook even geen IE tot mijn beschikking om het een en ander te testen.

Desalniettemin, als je slechts een plaatje als submit knop wilt gebruiken, bestaat er ook zoiets als:

code:

<input type="image" src="plaatje.gif">

[ Voor 23% gewijzigd door Sappie op 07-03-2006 12:57 ]

[crisp]

implementatie van het button-element is brak in IE, dusdanig brak dat het onbruikbaar is...

[ Voor 8% gewijzigd door crisp op 07-03-2006 13:22 ]

[Monkeydancer]

Sappie schreef op dinsdag 07 maart 2006 @ 12:56:
Ik weet niet waarom dat niet goed gaat en heb hier ook even geen IE tot mijn beschikking om het een en ander te testen.

Desalniettemin, als je slechts een plaatje als submit knop wilt gebruiken, bestaat er ook zoiets als:

code:

<input type="image" src="plaatje.gif">

Ik wil niet een plaatje als een submit button gebruiken. Ik wil juist een plaatje gebruiken in een submitbutton voor betere userinterface design. De button tag maakt dat mogelijk. De normale input tag is vrij beperkt, met betrekking tot het stijlen van een knop.

In IE en mozilla is de weergave van de knoppen prima, maar waarom de link van het plaatje samengenomen worden met de value van de knop is mij een raadsel.

[Cyphax]

crisp schreef op dinsdag 07 maart 2006 @ 13:22:
implementatie van het button-element is brak in IE, dusdanig brak dat het onbruikbaar is...

Dat geldt overigens ook voor IE7 vooralsnog. Ik heb er een hard hoofd in dat ze dat op gaan lossen dus dat wordt even iets anders verzinnen.

[Sappie]

Ik begrijp het probleem dan niet echt.. je hebt dus pas een probleem _nadat_ het form gesubmit is en dat probleem uit zich in een php foutmelding wanneer gebruik gemaakt wordt van IE?

hij neemt de img link meer als value. De value is dan opslaan(met een plaatje)

Dit is trouwens de error:

'Unknown column 'submitbutton' in 'field list'

nader bekeken:

value="opslaan [img]"save.gif"[/img]"

Het is me echt allemaal ff te wazig.. kun je je probleem wat nauwkeuriger omschrijven?

[Cyphax]

Sappie schreef op dinsdag 07 maart 2006 @ 14:22:
Ik begrijp het probleem dan niet echt.. je hebt dus pas een probleem _nadat_ het form gesubmit is en dat probleem uit zich in een php foutmelding wanneer gebruik gemaakt wordt van IE?

Het is me echt allemaal ff te wazig.. kun je je probleem wat nauwkeuriger omschrijven?

Het probleem is dat het PHP script dat veld ("submitbutton") afvangt aan de hand van de value ervan, en die value is onder IE niet hetzelfde als onder Firefox, terwijl er in het value veld van het elementje in de HTML gewoon "Opslaan" staat. IE zet dat plaatje er dus ook bij op de een andere manier waardoor het afvangen in het PHP script niet meer goed gaat en dat heeft die error tot gevolg die er verder eigenlijk helemaal niet toe doet.

Is het iets duidelijker zo?

[JHS]

Misschien is er dan omheen te werken door het <img (...)> stukje middels eruit te filteren ?

Monkeydancer: Wat is overigens het verschil tussen "Ik wil niet een plaatje als een submit button gebruiken." en " Ik wil juist een plaatje gebruiken in een submitbutton" . Of bedoel je dat je graag een button gestyled met CSS wil hebben in plaats van een input-met-plaatje, omdat die laatste minder goed is te stijlen met CSS? Zoja, is het dan onmogelijk om het plaatje als achtergrond aan de button / input te hangen, zoals gesuggereerd door * MarkvE , en wat volgens mij ook de juiste manier zou zijn?

[Sappie]

Cyphax schreef op dinsdag 07 maart 2006 @ 14:26:
[...]


Het probleem is dat het PHP script dat veld ("submitbutton") afvangt aan de hand van de value ervan, en die value is onder IE niet hetzelfde als onder Firefox, terwijl er in het value veld van het elementje in de HTML gewoon "Opslaan" staat. IE zet dat plaatje er dus ook bij op de een andere manier waardoor het afvangen in het PHP script niet meer goed gaat en dat heeft die error tot gevolg die er verder eigenlijk helemaal niet toe doet.

Is het iets duidelijker zo?

Wat zou je mbv PHP uberhaupt nog met (de value van) een submit knop willen doen? Deze dient er toch slechts voor het form te submitten. Maar schijnbaar verneukt IE de value ervan en heb je er, mocht je het willen gebruiken, dus weinig aan.

Echt erg duidelijk is het er niet op geworden dus helaas Wellicht zou het handig zijn als de TS wat meer code (in de vorm van zowel html als php) zou verstrekken, zodat het een en ander wel wat duidelijker wordt

Bovendien kun je 'gewone' input buttons ook prima van een andere achtergrond voorzien.

edit:
zoals al eerder gezegd, zie ik nu

[ Voor 13% gewijzigd door Sappie op 07-03-2006 14:40 ]

[Cyphax]

Sappie schreef op dinsdag 07 maart 2006 @ 14:38:
[...]

Wat zou je mbv PHP uberhaupt nog met (de value van) een submit knop willen doen? Deze dient er toch slechts voor het form te submitten. Maar schijnbaar verneukt IE de value ervan en heb je er, mocht je het willen gebruiken, dus weinig aan.

Echt erg duidelijk is het er niet op geworden dus helaas Wellicht zou het handig zijn als de TS wat meer code zou verstrekken, zodat het een en ander wel wat duidelijker wordt

Bovendien kun je 'gewone' input buttons ook prima van een andere achtergrond voorzien.

edit:
zoals al eerder gezegd, zie ik nu

Er wordt een functie aangeroepen die heel $_POST verwerkt en adhv die velden een query opbouwt. Het enige veld dat niet meegenomen mag worden is "submitbutton" met als value "Opslaan" (de reden daarvoor is omdat op de knoppen "Opslaan" moet staan).
Ik heb het opgelost door niet te filteren op de hele value maar op substr($field, strlen($field)-7), omdat IE [img]"plaatje"[/img] ervoor zet. Ook niet echt iets om blij van te worden maargoed, het werkt zolang er niet iets anders dan "Opslaan" op de knoppen moet. En zo wel, dan is het maar 1 functie die aangepast moet worden. Liever had ik dat IE normaal deed.

Verder over het stylen van de button: dat laat ik aan Monkeydancer over, ik doe van dit project de backend.

[ Voor 8% gewijzigd door Cyphax op 07-03-2006 14:44 ]

[Sappie]

Cyphax schreef op dinsdag 07 maart 2006 @ 14:44:
Er wordt een functie aangeroepen die heel $_POST verwerkt en adhv die velden een query opbouwt. Het enige veld dat niet meegenomen mag worden is "submitbutton" met als value "Opslaan" (de reden daarvoor is omdat op de knoppen "Opslaan" moet staan).
Ik heb het opgelost door niet te filteren op de hele value maar op substr($field, strlen($field)-7), omdat IE [img]"plaatje"[/img] ervoor zet. Ook niet echt iets om blij van te worden maargoed, het werkt zolang er niet iets anders dan "Opslaan" op de knoppen moet. En zo wel, dan is het maar 1 functie die aangepast moet worden. Liever had ik dat IE normaal deed.

Wellicht is het net zo eenvoudig om door het $_POST array door te lopen en aan de hand van de array keys (de name attributen van de form onderdelen dus) de submit knop eruit te filteren?

Verder over het stylen van de button: dat laat ik aan Monkeydancer over, ik doe van dit project de backend.

ahzo.. ik dacht al dat je er er op een of andere manier mee te maken had

[Bosmonster]

Ten eerste zou ik natuurlijk niet domweg je POST doorlopen en alles maar zonder te kijken in de database flikkeren..

Ten tweede kun je ook een input gebruiken en stylen (padding-left en background-image geeft je dan ook prima mogelijkheden).

[George]

Je kunt doen wat eerder is aangegeven, dus gewoon met CSS stylen met een background image.

of:

Mocht je nog eigenwijs zijn kun je altijd tijdens de "onSubmit()" de value van de genoemde button bijstellen naar je eigen value, aangezien de value van de button niet dynamisch is.

[ Voor 5% gewijzigd door George op 07-03-2006 21:09 ]

[JHS]

GIsmael schreef op dinsdag 07 maart 2006 @ 21:09:
Mocht je nog eigenwijs zijn kun je altijd tijdens de "onSubmit()" de value van de genoemde button bijstellen naar je eigen value, aangezien de value van de button niet dynamisch is.

Wat javascript noodzakelijk maakt voor het functioneren, wat niet echt unobtrusive is te noemen .

[Cyphax]

JHS schreef op dinsdag 07 maart 2006 @ 21:38:
[...]
Wat javascript noodzakelijk maakt voor het functioneren, wat niet echt unobtrusive is te noemen .

Dat willen we inderdaad voorkomen, da's een beetje overkill om een form te submitten.