tag:forum.selfhtml.org,2005:/selfButtontext mittig zentrieren – SELFHTML-Forum2018-04-02T09:43:03Zhttps://forum.selfhtml.org/self/2018/apr/1/buttontext-mittig-zentrieren/1717909#m1717909Pit2018-04-01T09:43:33Z2018-04-01T09:43:33ZButtontext 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#m1717910Henry2018-04-01T10:00:11Z2018-04-01T10:00:11ZButtontext 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#m1717924Matthias Apselmatthias.apsel@selfhtml.orghttp://brückentage.info2018-04-01T10:42:41Z2018-04-01T10:42:41ZButtontext 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#m1717912Pit2018-04-01T10:14:05Z2018-04-01T10:14:05ZButtontext 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#m1717913Matthias Apselmatthias.apsel@selfhtml.orghttp://brückentage.info2018-04-01T10:19:34Z2018-04-01T10:19:34ZButtontext 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#m1717914Pit2018-04-01T10:21:06Z2018-04-01T10:23:44ZButtontext 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#m1717918Henry2018-04-01T10:34:21Z2018-04-01T10:34:21ZButtontext 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#m1717919Pit2018-04-01T10:34:35Z2018-04-01T10:34:35ZButtontext 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#m1717922Pit2018-04-01T10:39:13Z2018-04-01T10:39:13ZButtontext 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#m1717926Pit2018-04-01T10:43:38Z2018-04-01T10:43:38ZButtontext 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#m1717930Henry2018-04-01T10:52:48Z2018-04-01T10:57:58ZButtontext 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#m1717927Pit2018-04-01T10:47:40Z2018-04-01T10:47:40ZButtontext 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#m1717928Henry2018-04-01T10:47:41Z2018-04-01T10:47:41ZButtontext 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#m1717941Matthias Apselmatthias.apsel@selfhtml.orghttp://brückentage.info2018-04-01T13:24:43Z2018-04-01T13:24:43ZButtontext 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#m1717931Pit2018-04-01T11:03:37Z2018-04-01T11:03:37ZButtontext 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#m1717932Henry2018-04-01T11:12:57Z2018-04-01T11:12:57ZButtontext 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#m1717934Pit2018-04-01T11:32:29Z2018-04-01T11:32:29ZButtontext 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#m1717935Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2018-04-01T11:42:39Z2018-04-01T14:51:25ZButtontext 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#m1717936Pit2018-04-01T11:51:24Z2018-04-01T11:51:24ZButtontext 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#m1717940Henry2018-04-01T12:52:23Z2018-04-01T12:52:23ZButtontext 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#m1717944Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2018-04-01T15:04:48Z2018-04-01T15:04:48ZButtontext 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#m1717942Pit2018-04-01T13:25:47Z2018-04-01T13:25:47ZButtontext 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#m1717943Henry2018-04-01T14:25:08Z2018-04-01T14:25:08ZButtontext 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#m1717955Pit2018-04-01T16:50:51Z2018-04-01T16:50:51ZButtontext 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#m1717957Pit2018-04-01T16:56:50Z2018-04-01T16:56:50ZButtontext 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#m1717960Pit2018-04-01T18:11:48Z2018-04-01T18:12:00ZButtontext 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#m1717956Matthias Apselmatthias.apsel@selfhtml.orghttp://brückentage.info2018-04-01T16:52:33Z2018-04-01T16:52:33ZButtontext 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#m1717972Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2018-04-01T20:43:24Z2018-04-01T20:43:24ZButtontext 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#m1717958Pit2018-04-01T16:58:47Z2018-04-01T16:58:47ZButtontext 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#m1717961beatovichhttps://beat-stoecklin.ch/pub/musik-gitarrenunterricht-laufental.html2018-04-01T18:16:48Z2018-04-01T18:16:48ZButtontext 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#m1717963Pit2018-04-01T18:20:03Z2018-04-01T18:20:03ZButtontext 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#m1717970Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2018-04-01T20:37:57Z2018-04-01T20:37:57ZButtontext 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#m1717964Matthias Apselmatthias.apsel@selfhtml.orghttp://brückentage.info2018-04-01T18:22:51Z2018-04-01T18:22:51ZButtontext 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#m1717967beatovichhttps://beat-stoecklin.ch/pub/musik-gitarrenunterricht-laufental.html2018-04-01T18:37:08Z2018-04-01T18:37:08ZButtontext 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#m1717966Pit2018-04-01T18:29:08Z2018-04-01T18:29:08ZButtontext 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#m1717971beatovichhttps://beat-stoecklin.ch/pub/musik-gitarrenunterricht-laufental.html2018-04-01T20:40:57Z2018-04-01T20:40:57ZButtontext 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#m1717973Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2018-04-01T20:48:16Z2018-04-01T20:48:16ZButtontext 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#m1717987Pit2018-04-02T08:00:41Z2018-04-02T08:00:41ZButtontext 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#m1717974beatovichhttps://beat-stoecklin.ch/pub/musik-gitarrenunterricht-laufental.html2018-04-01T21:07:31Z2018-04-01T21:07:31ZButtontext 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#m1717991Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2018-04-02T08:44:28Z2018-04-02T08:44:28ZButtontext 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#m1718000Tabellenkalk2018-04-02T09:43:03Z2018-04-02T09:43:03ZButtontext 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>