Radiobuttons eckig gestalten?
Frank Burmeister
ich möchte gerne Radiobuttons haben, die aussehen wie Checkboxen, dass
heisst eckig.
Der Grund: Ich möchte ein bekanntes Formular darstellen, wo solche
gruppierten Felder, in dem nur eins angewählt sein kann, halt eckig
aussehen.
Also: Wie mache ich das Runde eckig?
Danke für Hinweise
Gruß
Frank B.
--
"Unterwerfung ist die einzige bequeme Antwort auf Autorität"
Gregor Kofler
> Hallo,
>
> ich möchte gerne Radiobuttons haben, die aussehen wie Checkboxen, dass
> heisst eckig.
>
> Der Grund: Ich möchte ein bekanntes Formular darstellen, wo solche
> gruppierten Felder, in dem nur eins angewählt sein kann, halt eckig
> aussehen.
>
> Also: Wie mache ich das Runde eckig?
Garnicht.
Entweder Checkboxen oder rund.
Gregor
--
http://photo.gregorkofler.at ::: Landschafts- und Reisefotografie
http://web.gregorkofler.com ::: meine JS-Spielwiese
http://www.image2d.com ::: Bildagentur für den alpinen Raum
Norbert Melzer
> Hallo,
>
> ich möchte gerne Radiobuttons haben, die aussehen wie Checkboxen, dass
> heisst eckig.
> [...]
> Also: Wie mache ich das Runde eckig?
Du könntest den Checkboxen per JavaScript das verhalten von RadioButtons
anerziehen, hat aber Nachteile, zum einen ist der Nutzer verwirrt, weil
sich die Checkbox anders verhält als gewohnt und zum anderen kommt es zum
Chaos wenn der Nutzer JavaScript deaktiviert hat.
Mike Nolte
> ich möchte gerne Radiobuttons haben, die aussehen wie Checkboxen, dass
> heisst eckig.
"Ich möchte gerne mit normwidrigem Mist, die Bedienbarkeit meiner
Website senken, damit der Benutzer maximale Schwierigkeiten hat sich
dort zurecht zu finden."
> Also: Wie mache ich das Runde eckig?
Gar nicht. Die visuelle Formatierung von Bedienelementen ist alleinige
Angelegenheit des Betriebssystems, Anwendungen haben da nichts dran zu
fummeln und der Inhalt in einer Anwendung erst recht nicht.
Mit besten Grüßen,
Mike Nolte
--
E-Mail an newsg...@mikenolte.de wird nur zugestellt, wenn die
Betreffzeile "Antwort auf Usenetartikel" ohne Anführungszeichen lautet.
<mailto:newsg...@mikenolte.de?subject=Antwort auf Usenetartikel>
Rechtschreibfehler sind ungewollt und dürfen gerne korrigiert werden.
Michael Fesser
>ich möchte gerne Radiobuttons haben, die aussehen wie Checkboxen, dass
>heisst eckig.
Sowas solltest Du nicht möchten wollen. In praktisch jeder grafischen
Anwendung sind Checkboxen eckig und Radioknöpfe rund. Das ist eine
Konvention, an die man sich im Interesse der Benutzer halten sollte.
>Der Grund: Ich möchte ein bekanntes Formular darstellen, wo solche
>gruppierten Felder, in dem nur eins angewählt sein kann, halt eckig
>aussehen.
Was für ein Formular? Irgendein Papierkram? Bei der Umsetzung auf ein
anderes Medium muß man sich halt den dortigen Gegebenheiten anpassen,
anstatt zu versuchen, die Vorgabe mit Gewalt 1:1 durchzuprügeln. Das
geht praktisch immer schief.
Micha
Claus Reibenstein
> Frank Burmeister <nomail@invalid> wrote:
>
>> ich möchte gerne Radiobuttons haben, die aussehen wie Checkboxen, dass
>> heisst eckig.
>
> "Ich möchte gerne mit normwidrigem Mist, die Bedienbarkeit meiner
> Website senken, damit der Benutzer maximale Schwierigkeiten hat sich
> dort zurecht zu finden."
Diese Antwort trifft es wohl ziemlich genau.
>> Also: Wie mache ich das Runde eckig?
>
> Gar nicht. Die visuelle Formatierung von Bedienelementen ist alleinige
> Angelegenheit des Betriebssystems,
Wir reden von Webseiten. Das Betriebssystem hat mit der Darstellung
derselben exakt gar nichts zu tun, auch nicht mit der Darstellung der
darauf enthaltenen "Bedienelemente". Dies ist einzig und allein Sache
des Browsers. Dieser _kann_ hierzu auf Funktionen des Betriebssystems
zurückgreifen, _muss_ aber nicht und tut es idR auch nur selten.
> Anwendungen haben da nichts dran zu
> fummeln und der Inhalt in einer Anwendung erst recht nicht.
Sorry, aber Browser _sind_ Anwendungen, und nur die entscheiden über das
Aussehen von Webseiten.
Gruß. Claus
Johannes Mueller
> Hallo,
>
> ich möchte gerne Radiobuttons haben, die aussehen wie Checkboxen, dass
> heisst eckig.
>
> Der Grund: Ich möchte ein bekanntes Formular darstellen, wo solche
> gruppierten Felder, in dem nur eins angewählt sein kann, halt eckig
> aussehen.
>
> Also: Wie mache ich das Runde eckig?
JavaScript, CSS, Fallback auf HTML-Lösung sowie Bildern oder Checkboxen. Das
sich dieser Aufwand lohnt wage ich zu bezweifeln, zumal am Ende eine
suboptimale Lösung herauskommt.
Auf jedenfall würde ich dann eine JavaScript Bibliothek ala jQuery,
Mootools, Dojo, oder Prototype empfehlen, sonst wirst Du das in diesem Leben
nicht mehr hinbekommen ;)
Kurz zum Vorgehen:
1.) Baue die Seite mit HTML Bordmitteln, sprich Radio-Buttons, wo sie
hingehören etc.
2.) bette die Radiobuttons in ein HTML-Element ein (z.B. div)
3.) baue ein zweites div darunter mit deiner präferierten Lösung (mittels
JS+CSS) und setze die CSS-Eigenschaft des div auf "display: none;", dabei
bildest du das Klicken in dieser Lösung auf die Radio-Buttons im HTML-div ab
(die werden ja eh übermittelt)
4.) nach dem Laden der Seite setzt du die Divs mit der HTML-Lösung via
JavaScript auf "display: none;" und die divs deiner präferierten Lösung z.B.
auf "display: block;" (hier für div)
5.) hat dein Besucher Javascript aktiviert sieht er die präferierte lösung,
hat er kein Javascript aktiviert sieht er die HTML Lösung.
Diese Lösung ist allerdings inakzeptabel für Screenreader (Barrierfreiheit)
oder Menschen die CSS deaktiviert haben - aber die, die CSS mit Absicht
deaktivieren werden dies bei Bedarf auch wieder aktivieren können.
Grüße
Johannes
--
Emails ohne "[nospam]" im Betreff werden kommentarlos gelöscht.
Michael Fesser
>Mike Nolte schrieb:
>
>> Gar nicht. Die visuelle Formatierung von Bedienelementen ist alleinige
>> Angelegenheit des Betriebssystems,
>
>Wir reden von Webseiten. Das Betriebssystem hat mit der Darstellung
>derselben exakt gar nichts zu tun, auch nicht mit der Darstellung der
>darauf enthaltenen "Bedienelemente".
Doch.
>Dies ist einzig und allein Sache
>des Browsers. Dieser _kann_ hierzu auf Funktionen des Betriebssystems
>zurückgreifen, _muss_ aber nicht und tut es idR auch nur selten.
Die meisten Browser greifen sehr wohl auf die GUI-Bibliotheken des OS
zurück. Einige Browser bringen zwar ihr eigenes Zeug mit und andere
haben gar Unterstützung für beliebige Themes, aber selbst diese Browser
haben i.d.R. auch die Möglichkeit, GUI-Elemente "nativ" darzustellen.
Auch der Dateiauswahldialog für einen Upload stammt zumeist vom OS,
nicht vom Browser, um ein weiteres Beispiel zu nennen. Und JS-Alerts?
Üblicherweise eigenständige Fenster, also auch Sache des OS.
>> Anwendungen haben da nichts dran zu
>> fummeln und der Inhalt in einer Anwendung erst recht nicht.
>
>Sorry, aber Browser _sind_ Anwendungen, und nur die entscheiden über das
>Aussehen von Webseiten.
GUI-Elemente und Chrome sind Angelegenheiten des OS bzw. des Fenster-
managers. Eine Anwendung kann zwar ihren eigenen Kram machen, i.d.R.
wird aber das genommen, was bereits da ist. Das sorgt für effizienteren
Code und konsistente UIs.
Micha
Olaf Schinkel
> Hallo,
>
> ich möchte gerne Radiobuttons haben, die aussehen wie Checkboxen, dass
> heisst eckig.
>
> Der Grund: Ich möchte ein bekanntes Formular darstellen, wo solche
> gruppierten Felder, in dem nur eins angewählt sein kann, halt eckig
> aussehen.
>
> Also: Wie mache ich das Runde eckig?
>
> Danke für Hinweise
> Gruß
> Frank B.
>
Es ist nur ein *Beispiel*, aber das kannst du ja so umbauen, wie du es
dann brauchst.
Die Bilder denkst du dir, eines ist ein Quadrat ohne, eines mit Haken.
--------------------------------------------------------------------------
<?PHP
echo "REQUEST: " . $_REQUEST['my_checkbox'] . "**<br><br>"
?>
<style>
body
{
background-color:#cccccc;
}
.rboff
{
background-image: url(radio1.jpg);
width:30px;
height:30px;
border:0;
}
.rbon
{
background-image: url(radio2.jpg);
width:30px;
height:30px;
border:0;
}
</style>
<form name="test" action="index.php" method="post">
<input class="rboff" type="button" name="b1" id ="b1" onclick="my_but(1);">
<input class="rbon" type="button" name="b2" id ="b2" onclick="my_but(2);">
<input type="hidden" name="my_checkbox" id="my_checkbox" value="0">
<input type="submit" name="ss" Value="Absenden">
</form>
<script language="javascript" type="text/javascript">
function my_but(n)
{
all_off();
bname = "b" + n;
document.getElementById(bname).className = "rbon";
document.getElementById("my_checkbox").value = n;
}
function all_off()
{
document.getElementById("b1").className = "rboff";
document.getElementById("b2").className = "rboff";
}
</script>
Frank Burmeister
> Frank Burmeister <nomail@invalid> wrote:
>
>> ich möchte gerne Radiobuttons haben, die aussehen wie Checkboxen, dass
>> heisst eckig.
>
> "Ich möchte gerne mit normwidrigem Mist, die Bedienbarkeit meiner
> Website senken, damit der Benutzer maximale Schwierigkeiten hat sich
> dort zurecht zu finden."
War klar, dass sich irgendein Klugscheisser hier zu Wort meldet.
Was ich wie zu verantworten habe, entscheide ich gerne alleine.
Dafür bin ich mehr als gut ausgebildet.
Frank Müller
> ich möchte gerne Radiobuttons haben, die aussehen wie Checkboxen, dass
> heisst eckig.
Also die Quadratur des Kreises sozusagen
> Der Grund: Ich möchte ein bekanntes Formular darstellen, wo solche
> gruppierten Felder, in dem nur eins angewählt sein kann, halt eckig
> aussehen.
Wem ist denn dieses Formular bekannt? Wenn es sich da um einen
speziellen Personenkreis handelt kannst du das ja wie schon vorgeschlagen
lösen. Wird sich dann wahrscheinlich um ein Intranet handeln indem
dann evtl. auch Vorgaben gemacht werden können dass JavaScript
aktiviert zu sein hat usw.
> Also: Wie mache ich das Runde eckig?
Spontan würde mir da als "sichere" Lösung nur noch einfallen
das mit Bildern in einem Formular zu machen. Input type=image
Das führt zwar einen Submit aus, den kannst du aber per
serverseitigem Script kontrollieren. Also den Submit auswerten
woher er kam, das Bild tauschen, die Seite neu laden mit anderem
Bild für checked oder unchecked und beim Absende Button halt
erst die ganzen Formularfelder verarbeiten. Mußt dir natürlich
zwischenspeichern welchen "Zusatand" das jeweilige Pseudo
Formularfeld hat. Machbar ist das, damit bist du dann auch
unabhängig vom Client ob der JavaScript usw. kann. Ob
der Aufwand lohnt mußt du selbst entscheiden.
Um was für ein Formular handelt es sich denn?
Wenn das wie du sagst bekannt ist, könnte man sich das
ja mal ansehen und evtl. eine Alternative oder einen
konkreten Lösungsvorschlag haben.
Gruß,
Frank
Mike Nolte
> GUI-Elemente und Chrome sind Angelegenheiten des OS bzw. des Fenster-
> managers. Eine Anwendung kann zwar ihren eigenen Kram machen, i.d.R.
> wird aber das genommen, was bereits da ist. Das sorgt für effizienteren
> Code und konsistente UIs.
Das ist richtig. Um es am gefragten Beispiel des OP zu verdeutlichen
nenne ich ein Beispiel. In den Apple Human Interface Guidelines (AHIG)
steht:
"Radio Button Implementation
Radio buttons are available in Interface Builder. To create one using
Application Kit programming interfaces, create an NSButton object with
type NSRadioButton."
Man kann sich leicht denken, dass es für einen Entwickler erheblich
produktiver ist, mit minimalem Aufwand ein vorgefertigtes Objekt des
Betriebssystems zu verwenden, als mühsam, fehleranfällig und zum
Betriebssystem inkonsistent die Radio Buttons selbst zu programmieren.
Mike Nolte
> >> Also: Wie mache ich das Runde eckig?
> >
> > Gar nicht. Die visuelle Formatierung von Bedienelementen ist alleinige
> > Angelegenheit des Betriebssystems,
>
> Wir reden von Webseiten. Das Betriebssystem hat mit der Darstellung
> derselben exakt gar nichts zu tun, auch nicht mit der Darstellung der
> darauf enthaltenen "Bedienelemente".
Die Darstellung sämtlicher Bedienelemente ist sowohl von Apple für Mac
OS X, als auch von Microsoft für Windows festgelegt worden.
> Dies ist einzig und allein Sache des Browsers. Dieser _kann_ hierzu auf
> Funktionen des Betriebssystems zurückgreifen, _muss_ aber nicht
Keine Anwendung darf sich über die Vorgaben des Betriebssystems
hinwegsetzen. Auch ein Browser hat seine Bedienelemente nicht selbst zu
generieren, sondern muss auf die Bedienelemente zurückgreifen, die das
Betriebssystem liefert.
> > Anwendungen haben da nichts dran zu fummeln und der Inhalt in einer
> > Anwendung erst recht nicht.
>
> Sorry, aber Browser _sind_ Anwendungen, und nur die entscheiden über das
> Aussehen von Webseiten.
Wir reden hier nicht vom Aussehen der Webseite, sondern von
Bedienelementen, die in einer Webseite enthalten sind.
Wie beispielsweise mit Radio Buttons und Checkboxes unter Mac OS X
umgegangen werden muss, kannst du hier nachlesen:
<http://developer.apple.com/documentation/UserExperience/Conceptual/Appl
eHIGuidelines/XHIGControls/chapter_19_section_4.html> abgekürzt:
<http://tinyurl.com/5m8puw>
Mike Nolte
> Ich hab da eine Lösung.
> Es ist nur ein *Beispiel*, aber das kannst du ja so umbauen, wie du es
> dann brauchst.
Dummerweise ist das nicht, was seine Webseitenbesucher brauchen. Lösung
würde ich das also nicht nennen.
Mike Nolte
> >> ich möchte gerne Radiobuttons haben, die aussehen wie Checkboxen, dass
> >> heisst eckig.
> >
> > "Ich möchte gerne mit normwidrigem Mist, die Bedienbarkeit meiner
> > Website senken, damit der Benutzer maximale Schwierigkeiten hat sich
> > dort zurecht zu finden."
>
> War klar, dass sich irgendein Klugscheisser hier zu Wort meldet.
Ja du, wie man bestens am nachfolgenden Klugscheißerspruch sehen kann.
> Was ich wie zu verantworten habe, entscheide ich gerne alleine.
> Dafür bin ich mehr als gut ausgebildet.
Was du zu verantworten hast, wird hier gar nicht diskutiert.
Wenn du ernsthaft glaubst, dass es dir in irgendeiner Weise zusteht
Bedienelemente des Betriebssystems mit verfremdeter visueller
Formatierung nachzubilden, dann haben deine diesbezüglich Ausbilder
versagt und gehören dringend nachgeschult. Da HIG-Training jedoch
relativ selten ist und unqualifiziertes HIG-Training nochmal so selten
sein dürfte, liegt der Schluss nahe, dass du in Wirklichkeit noch
niemals eine wirksame Ausbildung zu dem Thema genossen haben kannst.
<http://developer.apple.com/documentation/UserExperience/Conceptual/Appl
eHIGuidelines/XHIGIntro/chapter_1_section_1.html> ist ein guter Anfang
für Anfänger wie dich.
Frank Burmeister
> Was du zu verantworten hast, wird hier gar nicht diskutiert.
Also, warum sparst du dir nicht deine schlauen Sprüche und gehst
endlich schlafen? Morgen liest du nochmal mein Posting, denkst dir
deinen Teil und lässt mich einfach in Ruhe machen.
Ich kenne sämtliche Guidelines (also auch HIG) und bin mir der
Problematik bewusster als du es wohl zulassen möchtest.
Also lass mich bitte nochmal die Radiobuttons "verfremden" und wenn ich
das dann gemacht habe, denke ich nochmal darüber nach, ob sich das
lohnt, ob man dass machen sollte. (das kann ich mind. genauso gut wie du)
In anbetracht der Tatsache, dass schon jeder Browser diesbezüglich
anders tickt, lässt schon den Schluß recht nahe liegen, es anders zu
machen.
Aber das möchte ich dann doch selbst so machen, wie ich es für richtig
halte.
Und wenn sich unsere Meinungen nicht treffen, und ich den Guidelines
mal nicht entspreche, dann wird das an genau dieser Stelle auch kein
Kompromiss sein, sondern meine Überzeugung.
Michael Fesser
>Mike Nolte wrote:
>> Frank Burmeister <nomail@invalid> wrote:
>>
>>> ich möchte gerne Radiobuttons haben, die aussehen wie Checkboxen, dass
>>> heisst eckig.
>>
>> "Ich möchte gerne mit normwidrigem Mist, die Bedienbarkeit meiner
>> Website senken, damit der Benutzer maximale Schwierigkeiten hat sich
>> dort zurecht zu finden."
>
>War klar, dass sich irgendein Klugscheisser hier zu Wort meldet.
Es war zwar drastisch formuliert, ist inhaltlich aber absolut korrekt.
>Was ich wie zu verantworten habe, entscheide ich gerne alleine.
Natürlich darfst Du Dir gerne selbst ins Knie oder sonstwohin schießen,
aber erwarte von uns bitte nicht noch Lafette und Fernauslöser. Du bist
dabei, einen schwerwiegenden Fehler zu begehen bzw. zu wiederholen.
>Dafür bin ich mehr als gut ausgebildet.
In diesem konkreten Fall stehst Du mit Deiner Meinung aber ziemlich
alleine da und solltest auf die gegebenen Ratschläge hören, schließlich
geht's um _Deine_ Anwender.
Micha
Frank Burmeister
> In diesem konkreten Fall stehst Du mit Deiner Meinung aber ziemlich
> alleine da und solltest auf die gegebenen Ratschläge hören, schließlich
> geht's um _Deine_ Anwender.
Auch für dich, lieber Michael, es geht hier um das "wie" und noch nicht
um das "warum" (oder ähnlicher Abwegungen).
Ich hatte heute so eine Idee, ein so'n Formular und genau diese Idee,
da ich z.B. auf Javascript verzichten wollte.
Ansonsten nehme ich wohl Javascript und sorge dafür, dass der
nicht-Javascript Benutzer genauso gut damit klarkommt.
Mit CSS hätte das aber an dieser Stelle einfacher geklappt und wäre
auch garantiert keinem störend aufgefallen.
So und ich gehe jetzt schlafen...
Gruß
Frank B.
Michael Fesser
>Mike Nolte wrote:
>
>> Was du zu verantworten hast, wird hier gar nicht diskutiert.
>
>Also, warum sparst du dir nicht deine schlauen Sprüche und gehst
>endlich schlafen? Morgen liest du nochmal mein Posting, denkst dir
>deinen Teil und lässt mich einfach in Ruhe machen.
Bitte.
>Ich kenne sämtliche Guidelines (also auch HIG) und bin mir der
>Problematik bewusster als du es wohl zulassen möchtest.
Das bezweifel ich. Aber selbst wenn es so wäre - welchen guten(!) Grund
sollte es geben, all diese Guidelines _bewußt_ zu verletzen? Nenne nur
einen. Aber einen guten.
>Also lass mich bitte nochmal die Radiobuttons "verfremden" und wenn ich
>das dann gemacht habe, denke ich nochmal darüber nach, ob sich das
>lohnt, ob man dass machen sollte. (das kann ich mind. genauso gut wie du)
>
>In anbetracht der Tatsache, dass schon jeder Browser diesbezüglich
>anders tickt, lässt schon den Schluß recht nahe liegen, es anders zu
>machen.
Jeder Browser (selbst Lynx) stellt Checkboxen eckig und Radiobuttons
rund dar, denn alles andere ist sinnfrei und verwirrend. Über Details
der Darstellung brauchen wir nicht zu diskutieren.
>Aber das möchte ich dann doch selbst so machen, wie ich es für richtig
>halte.
Natürlich kannst Du für die Hausverkabelung auch Modellbaulitze nehmen,
wenn Du's für richtig hälst. Es hindert Dich niemand dran.
Micha
PS: Ja, heute hab ich's mit abstrusen Vergleichen. Kein Wunder bei 30°C
im Zimmer.
Michael Fesser
>Michael Fesser wrote:
>
>> In diesem konkreten Fall stehst Du mit Deiner Meinung aber ziemlich
>> alleine da und solltest auf die gegebenen Ratschläge hören, schließlich
>> geht's um _Deine_ Anwender.
>
>Auch für dich, lieber Michael, es geht hier um das "wie" und noch nicht
>um das "warum" (oder ähnlicher Abwegungen).
Das "wie" interessiert hier nicht, denn die Idee als solche ist kaputt.
>Ich hatte heute so eine Idee, ein so'n Formular und genau diese Idee,
>da ich z.B. auf Javascript verzichten wollte.
BTW: Du hast noch immer nicht Dein "warum" erklärt, also was dieser
ganze Zirkus eigentlich soll.
>So und ich gehe jetzt schlafen...
Mögen Dich die weichen Rundungen der Radiobuttons sanft in Deinen
Träumen wiegen und Dich behüten vor den scharfkantigen Checkboxen.
Micha
Volker Gringmuth
>> Ich hab da eine Lösung.
>> Es ist nur ein *Beispiel*, aber das kannst du ja so umbauen, wie
>> du es dann brauchst.
>
> Dummerweise ist das nicht, was seine Webseitenbesucher brauchen.
Oh, du kennst die alle und hast mit ihnen darüber gesprochen? Ich
nicht, daher muß ich mich auf sein Urteil darüber, was seine Besucher
erwarten, verlassen.
> Lösung würde ich das also nicht nennen.
Du könntest noch üben, zwischen deinen Problemen und denen anderer zu
unterscheiden.
Ja, ich auch.
vG
--
Ceterum censeo Popocatepetlum non in Canada sed in Mexico situm esse.
Volker Gringmuth
> "Ich möchte gerne mit normwidrigem Mist, die Bedienbarkeit meiner
> Website senken, damit der Benutzer maximale Schwierigkeiten hat sich
> dort zurecht zu finden."
Jetzt darf ich auch mal: Nimm bitte das Komma hinter "Mist"
und schieb es hinter das "hat".
Danke, jetzt stimmt's.
v";-)"G
Volker Gringmuth
>> In diesem konkreten Fall stehst Du mit Deiner Meinung aber
>> ziemlich alleine da und solltest auf die gegebenen Ratschläge
>> hören, schließlich geht's um _Deine_ Anwender.
>
> Auch für dich, lieber Michael, es geht hier um das "wie" und noch
> nicht um das "warum" (oder ähnlicher Abwegungen).
[vsf.002] ;-)
Das hier ist kein Supportdesk, sondern eine Diskussionsgruppe. Jeder
hat das Recht, zu deinem Vorhaben beliebigen Senf abzugeben. Wenn dich
das ärgert, ignorier das Posting. Beschimpfungen wie "Klugscheißer"
sind jedenfalls ziemlich unangebracht.
vG
Alexander Reiter
> Jeder Browser (selbst Lynx) stellt Checkboxen eckig und Radiobuttons
> rund dar, denn alles andere ist sinnfrei und verwirrend. Über Details
> der Darstellung brauchen wir nicht zu diskutieren.
Gegenbeweis: http://www.linuxjournal.com/files/linuxjournal.com/linuxjournal/articles/045/4544/4544f3.inline.png
Gregor Kofler
> Wir reden von Webseiten. Das Betriebssystem hat mit der Darstellung
> derselben exakt gar nichts zu tun, auch nicht mit der Darstellung der
> darauf enthaltenen "Bedienelemente". Dies ist einzig und allein Sache
> des Browsers. Dieser _kann_ hierzu auf Funktionen des Betriebssystems
> zurückgreifen, _muss_ aber nicht und tut es idR auch nur selten.
>
>> Anwendungen haben da nichts dran zu
>> fummeln und der Inhalt in einer Anwendung erst recht nicht.
>
> Sorry, aber Browser _sind_ Anwendungen, und nur die entscheiden über das
> Aussehen von Webseiten.
Selbst wenn dem so ist: Es ist irrelevant. Alle gängigen Browser am
Markt haben ihre (massiven) Einschränkungen und Macken bei der
Formatierung von Formularelementen.
Man könnte probieren mit zusätzlichen gefakten Elementen "über" den
Formularelementen (und etwas JS) die eckigen Optionsfelder
"nachzubauen". Ist aber eine "Lösung" ohne "Problem".
Gregor Kofler
> War klar, dass sich irgendein Klugscheisser hier zu Wort meldet.
Zur Erinnerung: Du bist im Usenet.
> Was ich wie zu verantworten habe, entscheide ich gerne alleine.
> Dafür bin ich mehr als gut ausgebildet.
Warum wisst du dann nicht, dass das von dir Gewünschte nicht
realisierbar ist?
Gregor Kofler
> Auf jedenfall würde ich dann eine JavaScript Bibliothek ala jQuery,
> Mootools, Dojo, oder Prototype empfehlen, sonst wirst Du das in diesem
> Leben nicht mehr hinbekommen ;)
Der Smilie irritiert mich. Empfiehlst du allen Ernstes diese
Bibliotheken, empfiehlst du allen Ernstes diese Bibliotheken für das
Ansinnen des OP, empfiehlst du allen Ernstes einen Mix aus obigen
Bibliotheken für das Ansinnen des OP?
> Kurz zum Vorgehen:
[snip]
Eine Suchmaschinenanfrage nach "css format file input element" tut es
auch. Man landet dann gleich bei [1]. Das Prinzip bleibt immer gleich.
Gregor
[1]
http://www.quirksmode.org/dom/inputfile.html
Gregor Kofler
> Ich hab da eine Lösung.
> Es ist nur ein *Beispiel*, aber das kannst du ja so umbauen, wie du es
> dann brauchst.
[snip]
Es sind aber keine Checkboxen oder Optionsfelder. D.h. das erwartete
Verhalten etwa mit der Leertaste umschalten zu können funktioniert nicht.
Und wenn schon JS, dann kann man sich die Buttons genau schenken. Images
mit passenden click-Listenern und fertig. Sowas verwende ich hier [1] im
Baum - das bietet dann auch wirklich erweiterte Möglichkeiten.
Gregor
[1] eine mittlerweile veraltete Version eines hierarchischen Baumes mit
XHR-Funktionalität, aber die Intention ist klar
http://web.gregorkofler.com/index.php?page=tree
Gregor Kofler
> Spontan würde mir da als "sichere" Lösung nur noch einfallen
> das mit Bildern in einem Formular zu machen. Input type=image
> Das führt zwar einen Submit aus, den kannst du aber per
> serverseitigem Script kontrollieren. Also den Submit auswerten
> woher er kam, das Bild tauschen, die Seite neu laden mit anderem
> Bild für checked oder unchecked und beim Absende Button halt
> erst die ganzen Formularfelder verarbeiten.
Wird sicher eine geschmeidige User-Experience... Aber stimmt, das ist
wohl die einzige JS/CSS-unabhängige Lösung. Und das alles wegen ein paar
Ecken...
Gregor
Frank Burmeister
> Warum wisst du dann nicht, dass das von dir Gewünschte nicht
> realisierbar ist?
Auch dir Gregor sollte nicht entgangen sein, dass Ausbildung/Bildung
nichts mit allwissend zu tun hat. Ich weiss, du siehst das für dich
anders, solltest Aus aber nicht mit Ein verwechseln.
Mike Nolte
> > "Ich möchte gerne mit normwidrigem Mist, die Bedienbarkeit meiner
> > Website senken, damit der Benutzer maximale Schwierigkeiten hat sich
> > dort zurecht zu finden."
>
> Jetzt darf ich auch mal: Nimm bitte das Komma hinter "Mist"
> und schieb es hinter das "hat".
Schulligung.
"Ich möchte gerne mit normwidrigem Mist die Bedienbarkeit meiner
Website senken, damit der Benutzer maximale Schwierigkeiten hat, sich
dort zurecht zu finden."
--
Johannes Mueller
> Johannes Mueller meinte:
...was ich meine und was ich schreibe muss nicht konsequenterweise 1:1
zusammenfallen.
>> Auf jedenfall würde ich dann eine JavaScript Bibliothek ala jQuery,
>> Mootools, Dojo, oder Prototype empfehlen, sonst wirst Du das in
>> diesem Leben nicht mehr hinbekommen ;)
>
> Der Smilie irritiert mich. Empfiehlst du allen Ernstes diese
> Bibliotheken, empfiehlst du allen Ernstes diese Bibliotheken für das
> Ansinnen des OP, empfiehlst du allen Ernstes einen Mix aus obigen
> Bibliotheken für das Ansinnen des OP?
Ja, das tue ich. Steht aber auch im Posting. Man kann das natürlich auch
selbst implementieren, aber das kostet dann eben eventuell mehr Zeit und
dafür weniger Traffic. Vielleicht ist eine JavaScript Bibliothek in diesem
Fall tatsächlich etwas oversized.
>> Kurz zum Vorgehen:
>
> [snip]
>
> Eine Suchmaschinenanfrage nach "css format file input element" tut es
> auch. Man landet dann gleich bei [1]. Das Prinzip bleibt immer gleich.
Möglicherweise geht das auch so, allerdings meine ich mich zu erinnern, das
Radiobuttons nicht ganz so flexibel gestaltbar sind, wie normale
Schaltflächen. Ist ja vom Prinzip her auch egal... das ist wenigstens ein
konstruktiver Beitrag, sowas hätte man sich doch schon viel früher
gewünscht. Ich habe ja auch nicht geschrieben, das meine Lösung die Einzige
oder Beste ist. Vielleicht ist sie suboptimal - aber sie funktioniert.
just my 2Cents
Johannes
[hier folgt ein OT-Teil]
Einige haben ihre Standpunkte sehr deutlich (und wie ich finde auf eine
unnötig aggresive Art) deutlich gemacht. Auf einer sachlicheren Ebene hätte
ich diesen Thread sehr begrüßt. Es gibt gute Argumente, die gegen einen Hack
sprechen, aber Anforderungen die eine saubere Lösung eben scheinbar nicht
möglich machen. Es ist trotz allem eines jeden gutes Recht sich nicht an die
Ratschläge dieser Gruppe zu halten zumal keine Menschenleben davon abhängen.
Einige von denen die hier auf superkorrekt machen schnallen sich
wahrscheinlich nicht immer an oder sind schonmal leicht angeschwippst Auto
gefahren oder rauchen oder räumen den Kot ihrer Hunde nicht weg oder ... -
es gibt viele gute Argumente das nicht zu tun, trotzdem würde sich doch
jeder hier verbitten sich deshalb beleidigen lassen zu müssen. Obwohl das in
den eben erwähnten Fällen wahrscheinlich deutlich angebrachter wäre als
wegen eines Webformulars.
Gregor Kofler
> Gregor Kofler wrote:
>> Johannes Mueller meinte:
>
> ...was ich meine und was ich schreibe muss nicht konsequenterweise 1:1
> zusammenfallen.
>
>>> Auf jedenfall würde ich dann eine JavaScript Bibliothek ala jQuery,
>>> Mootools, Dojo, oder Prototype empfehlen, sonst wirst Du das in
>>> diesem Leben nicht mehr hinbekommen ;)
>>
> selbst implementieren, aber das kostet dann eben eventuell mehr Zeit und
> dafür weniger Traffic. Vielleicht ist eine JavaScript Bibliothek in
> diesem Fall tatsächlich etwas oversized.
Das kostet eher nicht mehr Zeit, schließlich wollen diese Bibliotheken
auch "beherrscht" werden. Die Qualität der vorgeschlagenen Bibliotheken
ist zumindest fragwürdig, und 200kB JS für ein paar Ecken... Und JS kann
man dann wahrscheinlich auch noch.
>> Eine Suchmaschinenanfrage nach "css format file input element" tut es
>> auch. Man landet dann gleich bei [1]. Das Prinzip bleibt immer gleich.
>
> Möglicherweise geht das auch so, allerdings meine ich mich zu erinnern,
> das Radiobuttons nicht ganz so flexibel gestaltbar sind, wie normale
> Schaltflächen.
Deshalb der Link, File-Uploads sind praktisch unmöglich "normal" zu stylen.
Gregor
Michael Fesser
Stimmt, kann mich an sowas erinnern.
<ausrede>Aber die Dinger sind ja auch fast rund ...</ausrede>
Micha
Christoph Herrmann
> Gegenbeweis: http://www.linuxjournal.com/files/linuxjournal.com/linuxjournal/articles/045/4544/4544f3.inline.png
Das tut nichts zur Sache. Die Benutzer dieses Browsers wissen mit
Sicherheit wie Ihre Elemente aussehen und sind nicht verwirrt.
Du allerdings *willst* gegen die gewohnte Darstellung in den Browsern
agieren und dieses Vorhaben ist in meinen Augen mehr als fragwürdig.
--
Mit freundlichen Grüßen,
Christoph Herrmann
Johannes Mueller
> Deshalb der Link, File-Uploads sind praktisch unmöglich "normal" zu
> stylen.
Mit gutem Grund, bei File-Uploads spielt ja auch (vielmehr als bei anderen
Schaltflächen) der Sicherheitsaspekt eine Rolle.
Gruß
Johannes
Frank Müller
>> Spontan würde mir da als "sichere" Lösung nur noch einfallen
>> das mit Bildern in einem Formular zu machen. Input type=image
>> Das führt zwar einen Submit aus, den kannst du aber per
>> serverseitigem Script kontrollieren. Also den Submit auswerten
>> woher er kam, das Bild tauschen, die Seite neu laden mit anderem
>> Bild für checked oder unchecked und beim Absende Button halt
>> erst die ganzen Formularfelder verarbeiten.
> Wird sicher eine geschmeidige User-Experience... Aber stimmt, das ist
> wohl die einzige JS/CSS-unabhängige Lösung. Und das alles wegen ein
> paar Ecken...
Ob es den Aufwand wert ist kann nur der OP für sich selbst beurteilen.
Letztendlich ist es ja seine Sache ob er das machen möchte oder
nicht und wenn ja aus welchen Gründen.
Und wenn er es, auf welchem Weg auch immer macht, ist die
User-Expirience sowieso, na ja zumindest etwas ungewöhnlich
weil das nicht das gewohnte Verhalten des Formulars ist.
Also spielt das auch keine Rolle.
Leider hat er die Gründe warum er das machen möchte nicht beschrieben
und auch nicht um welches "bekannte" Formular es sich handelt. Wenn
das ein Formular auf Papier ist was im Web nachgebildet werden soll,
kann ich den Wunsch durchaus verstehen dass das 1:1 übernommen
werden soll. Die Funktionalität gibt es aber auf Papier sowieso nicht,
da wird auch nichts automatisch ausradiert wenn man ein anderes
Kreuzchen macht.
Gruß,
Frank
Markus Grob
> Hallo,
>
> ich möchte gerne Radiobuttons haben, die aussehen wie Checkboxen, dass
> heisst eckig.
Javaapplet / Flash ?
Gruss, Markus, beides nicht verwendend, doch Du wolltest Möglichkeiten.
--
Auch ich bin ein KDE4 Nutzer... Du auch?
Hilf mit, KDE zu verbessern, indem Du testest und Fehler meldest.
*** http://bugs.kde.org/ ***
Artlab Izoard
Ist kein "Gegenbeweis". Das ist Motif. Und auch da sind die
Radio-Buttons Rauten und die Checkbuttons Rechteccke (Quadrate),
also gut unterscheidbar für den Benutzer. Wenn Jetzt auf einmal
die Radio-Buttons ausssehen wie Checkboxes ist das - sorry - humbug.
Arti
Artlab Izoard
> War klar, dass sich irgendein Klugscheisser hier zu Wort meldet.
Du bist im Usenet. Du "willst" das sich jemand zu Wort meldet.
> Was ich wie zu verantworten habe, entscheide ich gerne alleine.
Bitte.
> Dafür bin ich mehr als gut ausgebildet.
In den Bereichen SW-Ergonomie und Usability-Engineering glaube
ich Dir das so erstmal nicht.
Arti
Matthias Scholz
> gruppierten Felder, in dem nur eins angewählt sein kann, halt eckig
> aussehen.
>
> Also: Wie mache ich das Runde eckig?
http://www.no-margin-for-errors.com/projects/prettyCheckboxes/