tag:forum.selfhtml.org,2005:/self Buttontext mittig zentrieren – SELFHTML-Forum 2018-04-02T09:43:03Z https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717909#m1717909 Pit 2018-04-01T09:43:33Z 2018-04-01T09:43:33Z Buttontext mittig zentrieren <p>Hallo Forum,</p> <p>in meinem <a href="http://jsfiddle.net/ca21/fxLd0drt/" rel="noopener noreferrer">fiddle-Beispiel</a> werden die Buttontexte <code>+ und -</code> , die neben dem Zeitslider stehen (nachdem man ins Datumfield geklcikt hat), mittig dargestellt.</p> <p>Leider werden sie in meinem "Produktivscript" links-oben-bündig dargestellt, obwohl ich keinerlei css-Einfluss auf die Buttons oder Jquery UI genommen habe.</p> <ol> <li> <p>Frage: Wie kann das überhaupt sein, dass es im fiddle und im Produktivscript unterschiedlich dargestellt wird? Das würde doch definitiv für Einfluss meiner css-Dateien sprechen?</p> </li> <li> <p>Frage: Wie kann ich das Plus und Minus im Produktivscript zwingend mittig darstellen ohne gleich Einfluss auf alle anderen UI-Buttons zu nehmen?</p> </li> </ol> <p>Pit</p> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717910#m1717910 Henry 2018-04-01T10:00:11Z 2018-04-01T10:00:11Z Buttontext mittig zentrieren <p>Hallo Pit,</p> <blockquote> <ol> <li>Frage: Wie kann das überhaupt sein, dass es im fiddle und im Produktivscript unterschiedlich dargestellt wird?</li> </ol> </blockquote> <p>Wie kann es sein, dass es bei dir im Fiddle überhaupt angezeigt wird? Welcher Browser?</p> <p>Gruss<br> Henry</p> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717924#m1717924 Matthias Apsel matthias.apsel@selfhtml.org http://brückentage.info 2018-04-01T10:42:41Z 2018-04-01T10:42:41Z Buttontext mittig zentrieren <p>Hallo Pit,</p> <blockquote> <p>Wie kann ich das Plus und Minus im Produktivscript zwingend mittig darstellen ohne gleich Einfluss auf alle anderen UI-Buttons zu nehmen?</p> </blockquote> <p>Schau dir mit den Entwicklertools an, welche Eigenschaften verwendet werden.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Rosen sind rot. </div> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717912#m1717912 Pit 2018-04-01T10:14:05Z 2018-04-01T10:14:05Z Buttontext mittig zentrieren <p>Hallo Henry,</p> <blockquote> <p>Wie kann es sein, dass es bei dir im Fiddle überhaupt angezeigt wird? Welcher Browser?</p> </blockquote> <p>FF 58.0.1 (64-Bit), ich rufe den <a href="http://jsfiddle.net/ca21/fxLd0drt/" rel="noopener noreferrer">fiddle über http</a> auf.</p> <p>Pit</p> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717913#m1717913 Matthias Apsel matthias.apsel@selfhtml.org http://brückentage.info 2018-04-01T10:19:34Z 2018-04-01T10:19:34Z Buttontext mittig zentrieren <p>Hallo Pit,</p> <blockquote> <p>FF 58.0.1 (64-Bit), ich rufe den <a href="http://jsfiddle.net/ca21/fxLd0drt/" rel="noopener noreferrer">fiddle über http</a> auf.</p> </blockquote> <p>"TypeError: $(...).datetimepicker is not a function"</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Rosen sind rot. </div> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717914#m1717914 Pit 2018-04-01T10:21:06Z 2018-04-01T10:23:44Z Buttontext mittig zentrieren <p>Hallo Matthias,</p> <blockquote> <p>"TypeError: $(...).datetimepicker is not a function"</p> </blockquote> <p>Bei mir läufts einwandfrei, jedenfalls im FF, im Chrome nicht. Was ist das denn schon wieder? </p> <p>Pit</p> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717918#m1717918 Henry 2018-04-01T10:34:21Z 2018-04-01T10:34:21Z Buttontext mittig zentrieren <p>Hallo Pit,</p> <blockquote> <p>Bei mir läufts einwandfrei, jedenfalls im FF, im Chrome nicht. Was ist das denn schon wieder? </p> </blockquote> <p>Bei mir nicht im FF. Warum hast du eigentlich <a href="https://forum.selfhtml.org/self/2018/mar/31/jquery-ui-timepicker-im-fiffle-nachbilden/1717844#m1717844" rel="noopener noreferrer">immer noch nicht</a> das Script selbst eingebunden?</p> <p>Btw. @alle warum zeigt FF bei http eigentlich nicht die komplette URL an. Empfinde ich schon als ziemlichen Informationsverlust.</p> <p><a href="/images/df02b477-cf86-465b-90eb-5fbd4e234062.png" rel="noopener noreferrer"><img src="/images/df02b477-cf86-465b-90eb-5fbd4e234062.png?size=medium" alt="" loading="lazy"></a></p> <p>Gruss<br> Henry</p> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717919#m1717919 Pit 2018-04-01T10:34:35Z 2018-04-01T10:34:35Z Buttontext mittig zentrieren <p>Kein Aprilscherz, bei mir läufts. Aber eben mit den im 1.Post beschriebenen Einschränkungen.</p> <p><a href="https://screenshots.firefox.com/C2YJ9rs72bD8hxAj/jsfiddle.net" rel="nofollow noopener noreferrer">Fiddle</a></p> <p><a href="https://screenshots.firefox.com/7TKJWSsCE59DLlY1/localhost" rel="nofollow noopener noreferrer">Produktivscript</a></p> <p>Pit</p> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717922#m1717922 Pit 2018-04-01T10:39:13Z 2018-04-01T10:39:13Z Buttontext mittig zentrieren <p>Hallo Henry,</p> <blockquote> <p>Bei mir nicht im FF. Warum hast du eigentlich <a href="https://forum.selfhtml.org/self/2018/mar/31/jquery-ui-timepicker-im-fiffle-nachbilden/1717844#m1717844" rel="noopener noreferrer">immer noch nicht</a> das Script selbst eingebunden?</p> </blockquote> <p>Das habe ich. Da sind inzwischen <a href="https://screenshots.firefox.com/dLxq9ktZtFyvQQsk/jsfiddle.net" rel="nofollow noopener noreferrer">4 externe Ressourcen</a> eingebunden.</p> <p>Ich glaube inzwischen echt, dass fiddle nicht ganz sauber arbeitet.</p> <p>Pit</p> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717926#m1717926 Pit 2018-04-01T10:43:38Z 2018-04-01T10:43:38Z Buttontext mittig zentrieren <p>Hallo Henry,</p> <blockquote> <p>Btw. @alle warum zeigt FF bei http eigentlich nicht die komplette URL an. Empfinde ich schon als ziemlichen Informationsverlust.</p> <p><a href="/images/df02b477-cf86-465b-90eb-5fbd4e234062.png" rel="noopener noreferrer"><img src="/images/df02b477-cf86-465b-90eb-5fbd4e234062.png?size=medium" alt="" loading="lazy"></a></p> </blockquote> <p>Ist zwar doof, kannst du aber wieder einschalten.</p> <p>--> about:config</p> <p>--> trim</p> <p>--> browser.urlbar.trimURLs auf false setzen</p> <p>Pit</p> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717930#m1717930 Henry 2018-04-01T10:52:48Z 2018-04-01T10:57:58Z Buttontext mittig zentrieren <p>Hallo Pit,</p> <blockquote> <p>Da sind inzwischen <a href="https://screenshots.firefox.com/dLxq9ktZtFyvQQsk/jsfiddle.net" rel="nofollow noopener noreferrer">4 externe Ressourcen</a> eingebunden.</p> </blockquote> <p>und was ist mit denen?</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>link</span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>stylesheet<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text/css<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://trentrichardson.com/examples/timepicker/jquery-ui-timepicker-addon.css<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text/javascript<span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://trentrichardson.com/examples/timepicker/jquery-ui-timepicker-addon.js<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text/javascript<span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://trentrichardson.com/examples/timepicker/i18n/jquery-ui-timepicker-addon-i18n.min.js<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text/javascript<span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://trentrichardson.com/examples/timepicker/jquery-ui-sliderAccess.js<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span> </code></pre> <blockquote> <p>Ich glaube inzwischen echt, dass fiddle nicht ganz sauber arbeitet.</p> </blockquote> <p>Doch, tut es. Es liegt an der Bedienung, die allerdings(subjektiv betrachtet) nicht jedem (bin einer davon) liegt. Objektiv betrachtet, ist es aber nicht schlecht.</p> <p>Gruss<br> Henry</p> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717927#m1717927 Pit 2018-04-01T10:47:40Z 2018-04-01T10:47:40Z Buttontext mittig zentrieren <p>Hallo Matthias,</p> <blockquote> <blockquote> <p>Wie kann ich das Plus und Minus im Produktivscript zwingend mittig darstellen ohne gleich Einfluss auf alle anderen UI-Buttons zu nehmen?</p> </blockquote> <p>Schau dir mit den Entwicklertools an, welche Eigenschaften verwendet werden.</p> </blockquote> <p>Da habe ich bereits reingeschaut, aber ich finde die Stelle nicht, an der ich eingreifen könnte. Und bei einem meiner Versuche ist es mir dann gelungen, über</p> <pre><code class="block language-css"><span class="token selector">.ui-icon</span> <span class="token punctuation">{</span> <span class="token property">position</span><span class="token punctuation">:</span> relative <span class="token important">!important</span><span class="token punctuation">;</span> <span class="token property">margin</span><span class="token punctuation">:</span> 0px <span class="token important">!important</span><span class="token punctuation">;</span> <span class="token property">padding</span><span class="token punctuation">:</span> 0px <span class="token important">!important</span><span class="token punctuation">;</span> <span class="token property">height</span><span class="token punctuation">:</span> 100% <span class="token important">!important</span><span class="token punctuation">;</span> <span class="token property">width</span><span class="token punctuation">:</span> 100% <span class="token important">!important</span><span class="token punctuation">;</span> <span class="token property">top</span><span class="token punctuation">:</span> 0px <span class="token important">!important</span><span class="token punctuation">;</span> <span class="token property">left</span><span class="token punctuation">:</span> 0px <span class="token important">!important</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>das Plus und Minus einigermaßen mittig zu setzen, aber eben nur einigermaßen. Und zudem waren auch viele andere buttons danach nicht mehr sauber dargestellt.</p> <p>Pit</p> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717928#m1717928 Henry 2018-04-01T10:47:41Z 2018-04-01T10:47:41Z Buttontext mittig zentrieren <p>Hallo Pit,</p> <blockquote> <p>--> browser.urlbar.trimURLs auf false setzen</p> </blockquote> <p>dass das nicht der Standard ist… Aber funktioniert, danke.</p> <p>Gruss<br> Henry</p> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717941#m1717941 Matthias Apsel matthias.apsel@selfhtml.org http://brückentage.info 2018-04-01T13:24:43Z 2018-04-01T13:24:43Z Buttontext mittig zentrieren <p>Hallo Pit,</p> <p>Vielleicht solltes du dann doch mal die Produktivseite zeigen. Du kannst auch bei <a href="https://bplaced.net" rel="nofollow noopener noreferrer">bplaced.net</a> schnell und unkompliziert eine erstellen.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Rosen sind rot. </div> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717931#m1717931 Pit 2018-04-01T11:03:37Z 2018-04-01T11:03:37Z Buttontext mittig zentrieren <p>Hallo Henry,</p> <blockquote> <p>und was ist mit denen?</p> </blockquote> <p>Was genau meinst du? Bei mir werden sie anscheinend eingebunden.</p> <blockquote> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text/javascript<span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://trentrichardson.com/examples/timepicker/i18n/jquery-ui-timepicker-addon-i18n.min.js<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span> </code></pre> </blockquote> <p>Oh, ich sehe gerade, die 3. Datei ist unnötig, die kann raus...</p> <blockquote> <blockquote> <p>Ich glaube inzwischen echt, dass fiddle nicht ganz sauber arbeitet.</p> </blockquote> <p>Doch, tut es. Es liegt an der Bedienung, die allerdings(subjektiv betrachtet) nicht jedem (bin einer davon) liegt. Objektiv betrachtet, ist es aber nicht schlecht.</p> </blockquote> <p>Ok, hilf mir bitte mal, was mache ich denn da falsch?</p> <p>Pit</p> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717932#m1717932 Henry 2018-04-01T11:12:57Z 2018-04-01T11:12:57Z Buttontext mittig zentrieren <p>Hallo Pit,</p> <blockquote> <p>Hallo Henry,</p> </blockquote> <blockquote> <blockquote> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text/javascript<span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://trentrichardson.com/examples/timepicker/i18n/jquery-ui-timepicker-addon-i18n.min.js<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span> </code></pre> </blockquote> </blockquote> <p>Wie schon geschrieben, wenn du lokal Dateien bei Fiddle einbinden kannst (weiss nicht ob das geht, dann zb. sinnbildlich so <code><script src=".my_xy_fiddlepfad/jquery-ui-timepicker-addon-i18n.min.js"></script></code>. Wenn das nicht geht, dann den Inhalt daraus direkt ins Fiddle als Text. <code><script>/* hier ist der js Inhalt von trentrichardson usw…*/ </script></code></p> <blockquote> <blockquote> <blockquote> <p>Ich glaube inzwischen echt, dass fiddle nicht ganz sauber arbeitet.</p> </blockquote> </blockquote> </blockquote> <blockquote> <p>Ok, hilf mir bitte mal, was mache ich denn da falsch?</p> </blockquote> <p>Bei Fiddle? Mal abgesehen von den Einbindungen, nichts, soweit ich das sehe, aber ich habe mit Fiddle auch keine Erfahrung, so sollte das besser jemand beurteilen der diese dort hat. Aber was ich bisher sehe, sind nur Browsereinschränkungen dein Problem und nicht Fiddle, daher erst mal den Code von Fremdverweisen (http + https) säubern(alles selbst einbinden) und dann mal sehen was passiert.</p> <p>Gruss<br> Henry</p> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717934#m1717934 Pit 2018-04-01T11:32:29Z 2018-04-01T11:32:29Z Buttontext mittig zentrieren <p>Hallo Henry,</p> <blockquote> <p>Aber was ich bisher sehe, sind nur Browsereinschränkungen dein Problem und nicht Fiddle, daher erst mal den Code von Fremdverweisen (http + https) säubern(alles selbst einbinden) und dann mal sehen was passiert.</p> </blockquote> <p>Ok, dann <a href="http://jsfiddle.net/ca21/fxLd0drt/19/" rel="noopener noreferrer">schau mal bitte rein</a>.</p> <p>Pit</p> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717935#m1717935 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2018-04-01T11:42:39Z 2018-04-01T14:51:25Z Buttontext mittig zentrieren <p>@@Pit</p> <blockquote> <p>Ok, dann <a href="http://jsfiddle.net/ca21/fxLd0drt/19/" rel="noopener noreferrer">schau mal bitte rein</a>.</p> </blockquote> <p>Ich finde nicht heraus, wie das Ding funktionieren soll.</p> <p>Ich fokussiere das Eingabefeld und ein Datepicker erscheint. Ich drücke die Tab-Taste und er ist wieder weg. OK, ich bin ja beim nächsten fokussierbaren Element. Also mit Shift-Tab wieder zurück.</p> <p>Datepicker ist wieder da. Pfeil-Tasten tun nichts. Leertaste gibt ein Leerzeichen ins Eingabefeld ein. Wie komme ich in diesen Datepicker? Gar nicht?</p> <p>Ich würde sagen, das Ding funktioniert nicht. Das Ding ist kaputt.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717936#m1717936 Pit 2018-04-01T11:51:24Z 2018-04-01T11:51:24Z Buttontext mittig zentrieren <p>Hallo Gunnar,</p> <blockquote> <p>Ich finde nicht heraus, wie das Ding funktionieren soll.</p> <p>Ich fokussiere das Eingabefeld und ein Datepicker erscheint. Ich drücke die Tab-Taste und er ist wieder weg. OK, ich bin ja beim nächsten fokussierbaren Elemente. Also mit Shift-Tab wieder zurück.</p> <p>Datepicker ist wieder da. Pfeil-Tasten tun nichts. Leertaste gibt ein Leerzeichen ins Eingabefeld ein. Wie komme ich in diesen Datepicker? Gar nicht?</p> <p>Ich würde sagen, das Ding funktioniert nicht. Das Ding ist kaputt.</p> </blockquote> <p>Ich schätze Deine Hilfe hier im Forum sehr.</p> <p>Deshalb bin ich Dir auch gar nicht böse, wenn Du immer und immer wieder auf (mitunter auch) provokante Weise die Unart monierst, dass es Dinge gibt, die nicht tastaturbedienbar sind. Gäbe es eine Alternative, die sowohl Maus, als auch Touch- und Tastaturbedienbar wäre (natürlich bei gegebenen restlichen Ansprüchen), würde ich sie nehmen.</p> <p>So muß ich gewissermaßen "eine kröte schlucken" und ich verzichte dann auf die Tastaturbedienbarkeit, bis ich eine bessere Alternative gefunden habe.</p> <p>Deine Alternative von gestern (input type date) kommt wegen Browserinkompatibilität nicht in Frage. Schade, weil ansonsten gefiehl mir diese Alternative sehr gut, sogar viel besser als der Datetimepicker, den ich jetzt nehme.</p> <p>Pit</p> <blockquote> <p><em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann</p> </blockquote> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717940#m1717940 Henry 2018-04-01T12:52:23Z 2018-04-01T12:52:23Z Buttontext mittig zentrieren <p>Hallo Pit,</p> <blockquote> <p>Ok, dann <a href="http://jsfiddle.net/ca21/fxLd0drt/19/" rel="noopener noreferrer">schau mal bitte rein</a>.</p> </blockquote> <p>Leider nichts zu sehen wird nichts geladen, zumindest bei mir so.</p> <blockquote> <p>Deine Alternative von gestern (input type date) kommt wegen Browserinkompatibilität nicht in Frage. Schade, weil ansonsten gefiehl mir diese Alternative sehr gut, sogar viel besser als der Datetimepicker, den ich jetzt nehme.</p> </blockquote> <p>Und <a href="https://forum.selfhtml.org/self/2018/mar/31/jquery-ui-timepicker-im-fiffle-nachbilden/1717893#m1717893" rel="noopener noreferrer">meinen Nachtrag</a> (geht auch Beides) hast du gelesen?</p> <p>Gruss<br> Henry</p> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717944#m1717944 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2018-04-01T15:04:48Z 2018-04-01T15:04:48Z Buttontext mittig zentrieren <p>@@Pit</p> <blockquote> <p>Gäbe es eine Alternative, die sowohl Maus, als auch Touch- und Tastaturbedienbar wäre (natürlich bei gegebenen restlichen Ansprüchen), würde ich sie nehmen.</p> </blockquote> <p>Letztens hatte Henry <a href="https://forum.selfhtml.org/self/2018/mar/15/input-type-date/1716318#m1716318" rel="noopener noreferrer">einen Datepicker vorgestellt, zu dem ich auch was geschrieben hatte</a>.</p> <blockquote> <p>Deine Alternative von gestern (input type date) kommt wegen Browserinkompatibilität nicht in Frage.</p> </blockquote> <p>Dass <a href="https://forum.selfhtml.org/self/2018/mar/31/jquery-ui-timepicker-im-fiffle-nachbilden/1717849#m1717849" rel="noopener noreferrer"><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>date<span class="token punctuation">"</span></span><span class="token punctuation">></span></span></code> in <em><strong>jedem</strong></em> Browser funktioniert</a>, schrieb ich auch erst unlängst.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717942#m1717942 Pit 2018-04-01T13:25:47Z 2018-04-01T13:25:47Z Buttontext mittig zentrieren <p>Hallo Henry,</p> <p>die Nachträge erst eben gelesen, aber dafür inzwischen meine Lösung mal auf dem Tablet ausprobiert und ich fands horror… wirklich nicht nutzbar, obwohl + und - Buttons neben den Slidern waren.</p> <p>Nun habe ich mal Gunnars html5 Lösung ausprobiert. Halt 2 Felder, eines für Datum (inkl. Kalender) und das Timefeld daneben. Auf dem Tablet ein Traum... im FF schlechter als meine vorherige Lösung.</p> <p>Ich überlege gerade, ob ich mit dem Manko im FF bei dieser Lösung leben soll oder ob ich eine Weiche baue, die nach mobiler Anwendung schaut oder nach Desktop…</p> <p>Das pickadate hatte ich auch schon gefunden, aber ich hätte eben gerne, dass der User aus dem Kalender aussuchen darf und für die Zeiteinstellung etwas touchbedienbares hat.</p> <p>Nebenfrage: Kann man eigentlich <code>input type date</code> so einstellen, dass er beim selektieren eines datums Selbiges gleich abfeuert?</p> <p>pit</p> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717943#m1717943 Henry 2018-04-01T14:25:08Z 2018-04-01T14:25:08Z Buttontext mittig zentrieren <p>Hallo Pit,</p> <blockquote> <p>Nebenfrage: Kann man eigentlich <code>input type date</code> so einstellen, dass er beim selektieren eines datums Selbiges gleich abfeuert?</p> </blockquote> <p>Du meinst eine Vorauswahl? Klar, wie immer mit value, allerdings das Format muss stimmen.</p> <p><code><input type="date" name="americaconquerer" value="1492-10-12"></code></p> <p>Gruss<br> Henry</p> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717955#m1717955 Pit 2018-04-01T16:50:51Z 2018-04-01T16:50:51Z Buttontext mittig zentrieren <p>Hallo Henry,</p> <blockquote> <p>Du meinst eine Vorauswahl? Klar, wie immer mit value, allerdings das Format muss stimmen.</p> </blockquote> <p>Nein, das meinte ich nicht. Ich möchte, dass bei der Auswahl eines datums gleich das Formular abgesendet wird, ohne dass der User einen Button klicken muß.</p> <p>Pit</p> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717957#m1717957 Pit 2018-04-01T16:56:50Z 2018-04-01T16:56:50Z Buttontext mittig zentrieren <p>Hi Gunnar,</p> <blockquote> <blockquote> <p>Deine Alternative von gestern (input type date) kommt wegen Browserinkompatibilität nicht in Frage.</p> </blockquote> </blockquote> <blockquote> <p>Dass <a href="https://forum.selfhtml.org/self/2018/mar/31/jquery-ui-timepicker-im-fiffle-nachbilden/1717849#m1717849" rel="noopener noreferrer"><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>date<span class="token punctuation">"</span></span><span class="token punctuation">></span></span></code> in <em><strong>jedem</strong></em> Browser funktioniert</a>, schrieb ich auch erst unlängst.</p> </blockquote> <p>Um <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>date<span class="token punctuation">"</span></span><span class="token punctuation">></span></span></code> ging es mir viel weniger als um date-local, und das funktioniert eben nicht in jedem Browser. Aber ok, vielleicht wird das irgendwann so sein.</p> <p>Ich habe mich jetzt entschieden, Deinem Rat zu folgen und nutze date + time in kombination. Zumindest funktioniert das zuverlässig auch auf dem Smartphone. Auf dem desktop gefällt es mir etwas weniger gut, egal welcher Browser, aber was willste machen…</p> <p>Pit</p> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717960#m1717960 Pit 2018-04-01T18:11:48Z 2018-04-01T18:12:00Z Buttontext mittig zentrieren <p>Hi Gunnar,</p> <blockquote> <p>Dass <a href="https://forum.selfhtml.org/self/2018/mar/31/jquery-ui-timepicker-im-fiffle-nachbilden/1717849#m1717849" rel="noopener noreferrer"><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>date<span class="token punctuation">"</span></span><span class="token punctuation">></span></span></code> in <em><strong>jedem</strong></em> Browser funktioniert</a>, schrieb ich auch erst unlängst.</p> </blockquote> <p>Weißt Du, was ungünstig ist?</p> <p>input type="time" gibt kein "empty" weiter Es gibt 00:00 weiter, aber dann weiß ich nicht, ob der User 00:00 eingegeben hat oder das Feld gar nicht ausgefüllt hat.</p> <p>Fällt Dir hierzu ein Workarround ein?</p> <p>Pit</p> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717956#m1717956 Matthias Apsel matthias.apsel@selfhtml.org http://brückentage.info 2018-04-01T16:52:33Z 2018-04-01T16:52:33Z Buttontext mittig zentrieren <p>Hallo Pit,</p> <blockquote> <p>Ich möchte, dass bei der Auswahl eines datums gleich das Formular abgesendet wird, ohne dass der User einen Button klicken muß.</p> </blockquote> <p>Das ist keine gute Idee, weil es nicht der Nutzererfahrung entspricht.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Rosen sind rot. </div> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717972#m1717972 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2018-04-01T20:43:24Z 2018-04-01T20:43:24Z Buttontext mittig zentrieren <p>@@Pit</p> <blockquote> <p>Ich möchte, dass bei der Auswahl eines datums gleich das Formular abgesendet wird, ohne dass der User einen Button klicken muß.</p> </blockquote> <p>Dann musst du ja nur auf das richtige Event lauschen und bei dessen Eintreten das Formular abschicken. Nur, welches wäre das richtige Event?</p> <p>Ich hab da mal eine <a href="https://codepen.io/gunnarbittersmann/pen/vRjrwd" rel="noopener noreferrer">Spielwiese</a> erstellt. Console an und durchgespielt! Mit Maus und auch mit Tastatur …</p> <p>Oh Schreck! Sieht wohl so aus, als würde es das richtige Event nicht geben.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717958#m1717958 Pit 2018-04-01T16:58:47Z 2018-04-01T16:58:47Z Buttontext mittig zentrieren <p>Hallo Matthias,</p> <blockquote> <p>Das ist keine gute Idee, weil es nicht der Nutzererfahrung entspricht.</p> </blockquote> <p>In diesem Fall schon, weil der User hier über einen Vorschaukalender einen Sprung im Hauptkalender vollziehen können soll. Da wäre das Klicken eines zusätzlichen Submitbuttons eher umständlich und ungewohnt.</p> <p>pit</p> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717961#m1717961 beatovich https://beat-stoecklin.ch/pub/musik-gitarrenunterricht-laufental.html 2018-04-01T18:16:48Z 2018-04-01T18:16:48Z Buttontext mittig zentrieren <p>hallo</p> <blockquote> <p>Fällt Dir hierzu ein Workarround ein?</p> </blockquote> <p>Du willst also wissen, ob ein User ein Input auch bedient hat. Das ist gegeben bei onblur.</p> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717963#m1717963 Pit 2018-04-01T18:20:03Z 2018-04-01T18:20:03Z Buttontext mittig zentrieren <blockquote> <p>hallo</p> <blockquote> <p>Fällt Dir hierzu ein Workarround ein?</p> </blockquote> <p>Du willst also wissen, ob ein User ein Input auch bedient hat. Das ist gegeben bei onblur.</p> </blockquote> <p>Ist das wirklich so? Was ist denn, wenn der User das Feld ausfüllt und anschließend das Eingetragene wieder herauslöscht?</p> <p>pit</p> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717970#m1717970 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2018-04-01T20:37:57Z 2018-04-01T20:37:57Z Buttontext mittig zentrieren <p>@@beatovich</p> <blockquote> <p>Du willst also wissen, ob ein User ein Input auch bedient hat. Das ist gegeben bei onblur.</p> </blockquote> <p>Nicht wirklich. Das <code>blur</code>-Event feuert, wenn ein vorher fokussiertes Element den Fokus verliert. Dass heißt nicht, dass in einem Eingabefeld eine Eingabe stattgefunden hätte, es also bedient worden wäre.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717964#m1717964 Matthias Apsel matthias.apsel@selfhtml.org http://brückentage.info 2018-04-01T18:22:51Z 2018-04-01T18:22:51Z Buttontext mittig zentrieren <p>Hallo Pit,</p> <blockquote> <blockquote> <p>Du willst also wissen, ob ein User ein Input auch bedient hat.<br> Das ist gegeben bei onblur.</p> </blockquote> <p>Ist das wirklich so?</p> </blockquote> <p>Ja.</p> <blockquote> <p>Was ist denn, wenn der User das Feld ausfüllt und anschließend das Eingetragene wieder herauslöscht?</p> </blockquote> <p>Dann auch.</p> <p>Du erinnerst dich an die Benutzererfahrung? </p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Rosen sind rot. </div> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717967#m1717967 beatovich https://beat-stoecklin.ch/pub/musik-gitarrenunterricht-laufental.html 2018-04-01T18:37:08Z 2018-04-01T18:37:08Z Buttontext mittig zentrieren <p>hallo</p> <blockquote> <p>Was ist denn, wenn der User das Feld ausfüllt und anschließend das Eingetragene wieder herauslöscht?</p> </blockquote> <p>Auch dann gilt: User hat input aktiv bearbeitet. Du willst diese Information auswerten um Defaultwerte von abgesegneten Werten zu unterscheiden.</p> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717966#m1717966 Pit 2018-04-01T18:29:08Z 2018-04-01T18:29:08Z Buttontext mittig zentrieren <p>Hi,</p> <blockquote> <p>Du erinnerst dich an die Benutzererfahrung? </p> </blockquote> <p>Nein? Was hats damit auf sich?</p> <p>Davon ab: ich hab Quatsch erzählt, "time" gibt wohl "empty" weiter, es braucht doch keinen Workarround, sorry.</p> <p>Pit</p> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717971#m1717971 beatovich https://beat-stoecklin.ch/pub/musik-gitarrenunterricht-laufental.html 2018-04-01T20:40:57Z 2018-04-01T20:40:57Z Buttontext mittig zentrieren <p>hallo</p> <blockquote> <p>Nicht wirklich. Das <code>blur</code>-Event feuert, wenn ein vorher fokussiertes Element den Fokus verliert. Dass heißt nicht, dass in einem Eingabefeld eine Eingabe stattgefunden hätte, es also bedient worden wäre.</p> </blockquote> <p>Die akzeptanz eines Vorgabewertes kann durchaus als Bearbeitung aufgefasst werden.</p> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717973#m1717973 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2018-04-01T20:48:16Z 2018-04-01T20:48:16Z Buttontext mittig zentrieren <p>@@beatovich</p> <blockquote> <blockquote> <p>Nicht wirklich. Das <code>blur</code>-Event feuert, wenn ein vorher fokussiertes Element den Fokus verliert. Dass heißt nicht, dass in einem Eingabefeld eine Eingabe stattgefunden hätte, es also bedient worden wäre.</p> </blockquote> <p>Die akzeptanz eines Vorgabewertes kann durchaus als Bearbeitung aufgefasst werden.</p> </blockquote> <p>Ich lande aus Versehen schon bei Eingabefeld X, da wollte ich noch gar nicht hin. Ich gehe also einen Schritt zurück, wo ich zunächst erstmal hin wollte. Mein Zurückgehen wird als Bearbeitung von Eingabefeld X aufgefasst und das Formular abgeschickt. Ernsthaft jetzt?</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717987#m1717987 Pit 2018-04-02T08:00:41Z 2018-04-02T08:00:41Z Buttontext mittig zentrieren <p>Hi Gunnar,</p> <blockquote> <p>Oh Schreck! Sieht wohl so aus, als würde es das richtige Event nicht geben.</p> </blockquote> <p>Und nun?</p> <p>Für mich als mausnutzer sehen <code>input date</code> und <code>change date</code> gleichermaßen gut aus.</p> <p>Was stört Dich an denen?</p> <p>Pit</p> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717974#m1717974 beatovich https://beat-stoecklin.ch/pub/musik-gitarrenunterricht-laufental.html 2018-04-01T21:07:31Z 2018-04-01T21:07:31Z Buttontext mittig zentrieren <blockquote> <blockquote> <blockquote> <p>Nicht wirklich. Das <code>blur</code>-Event feuert, wenn ein vorher fokussiertes Element den Fokus verliert. Dass heißt nicht, dass in einem Eingabefeld eine Eingabe stattgefunden hätte, es also bedient worden wäre.</p> </blockquote> <p>Die akzeptanz eines Vorgabewertes kann durchaus als Bearbeitung aufgefasst werden.</p> </blockquote> <p>Ich lande aus Versehen schon bei Eingabefeld X, da wollte ich noch gar nicht hin. Ich gehe also einen Schritt zurück, wo ich zunächst erstmal hin wollte. Mein Zurückgehen wird als Bearbeitung von Eingabefeld X aufgefasst und das Formular abgeschickt. Ernsthaft jetzt?</p> </blockquote> <p>Ersthaft: Du kannst auch aus Versehen ein Formular absenden.</p> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717991#m1717991 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2018-04-02T08:44:28Z 2018-04-02T08:44:28Z Buttontext mittig zentrieren <p>@@Pit</p> <blockquote> <p>Hi Gunnar,</p> <blockquote> <p>Oh Schreck! Sieht wohl so aus, als würde es das richtige Event nicht geben.</p> </blockquote> <p>Und nun?</p> <p>Für mich als mausnutzer sehen <code>input date</code> und <code>change date</code> gleichermaßen gut aus.</p> </blockquote> <p>Und ich sag noch „und auch mit Tastatur“.</p> <blockquote> <p>Was stört Dich an denen?</p> </blockquote> <p>Dass die Events bei Tastaturbedienung öfter feuern als dir lieb sein dürfte. Du willst sicher nicht ständig das Formular neu abschicken.</p> <p>Vielleicht hilft es, sich einen Polyfill zu <code>:focus-visible</code>/<code>:-moz-focusring</code> anzusehen; da muss ja auch irgendwie Maus (o.ä. Pointer) und Tastatur unterschieden werden.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> https://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1718000#m1718000 Tabellenkalk 2018-04-02T09:43:03Z 2018-04-02T09:43:03Z Buttontext mittig zentrieren <p>Hallo,</p> <blockquote> <p>Dass die Events bei Tastaturbedienung öfter feuern als dir lieb sein dürfte. Du willst sicher nicht ständig das Formular neu abschicken.</p> </blockquote> <p>Kann man das nicht mit einem cleveren Timeout o.Ä. abfangen?</p> <p>Gruß<br> Kalk</p>