Ankündigung

Einklappen
Keine Ankündigung bisher.

[Erledigt] Bootstrap combobox

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • [Erledigt] Bootstrap combobox

    Servus,

    Ich suche ein Script, das mir ein normales Select-Element als ComboBox darstellt, in der man auch frei Text eingaben kann, nach dem dann in den jeweiligen Option Elementen des Selects gesucht werden kann.

    Alles muss mit bootstrap zusammenspielen und braucht nur auf halbwegs aktuellen mobilen Geräten funktionieren.

    Gefunden habe ich bisher:

    - Select2: absolut unbrauchbar da es das Einblenden des virtuellen Keybord
    vom Standard Android Browser nicht verkraftet. (Sobald sich das Dropdown
    öffnet bekommt die enthaltene TextBox den Fokus, daraufhin öffnet die die
    virtualle Tastatur, was wiederum dazu führt, das sich das Dropdown auch
    gleich wieder schließt.)
    - Selectize: Auch sehr bugy. Gerade bei langen Option-Texten fehlt der
    Umbruch oder die eingeblendete Ellipsis. Das kann man zwar mit nen
    bischen CSS Breakdance beheben, aber da sind noch mehr Unzulänglich-
    keiten die das Control unter Umständen sehr seltsam aussehen lassen.
    - Da waren noch 2 andere, die aber bereits durch nutzung in Minimal
    Beispielanwendung in der Dev Console zahlreiche Fahler erzeugten. Gelöscht
    auch aus dem eigenen Memory

    Kennt da jemend was Gut programmiertes & funktionierendes und vor allem auch ausreichend getestetes (gern auch gegen angemessenen Obolus) oder muss ich mich da wirklich selbst hinsetzen?

    MfG, Ulf
    PHP-Manual ¡ mysql_* ist veraltet ¡ Debugging: Finde DEINE Fehler selbst ¡ Passwort-Hashing ¡ Prepared Statements


  • #2
    Normales input als typeahead mit dropdown funktionalität schon probiert ?
    [URL="https://gitter.im/php-de/chat?utm_source=share-link&utm_medium=link&utm_campaign=share-link"]PHP.de Gitter.im Chat[/URL] - [URL="https://raindrop.io/user/32178"]Meine öffentlichen Bookmarks[/URL] ← Ich habe dir geholfen ? [B][URL="https://www.amazon.de/gp/wishlist/348FHGUZWTNL0"]Beschenk mich[/URL][/B].

    Kommentar


    • #3
      Zitat von tr0y Beitrag anzeigen
      Normales input als typeahead mit dropdown funktionalität schon probiert ?
      Hi,

      das geht leider nicht, da es nicht den Zugänglichkeitsrichtlinien des Projektes genügt. Und das select element einfach nur verstecken und daneben was aus ner Textbox basteln reicht halt auch nicht da ich damit auf jedenfall irgenwann wegen schlechter Codepflegbarkeit auf die Nase falle. Ich hab auch schonmal in den zahlreichen freien und verkauflichen Bootstrap Themes nen Tag gesucht. Aber wirklich zufriedenstellend war da nix. Entweder es wahr
      buggy oder man muste das komplette Theme kaufen was ich nicht wirklich vor dem Projektmanager begründen kann.

      Im Moment (Projekt hat noch 3 Monate DEV Status) ist erstmal das Selectizer Dingens eigebunden. Aber das kann halt nicht das Ende der Fahnenstange sein oder?

      Gruß, Ulf
      PHP-Manual ¡ mysql_* ist veraltet ¡ Debugging: Finde DEINE Fehler selbst ¡ Passwort-Hashing ¡ Prepared Statements

      Kommentar


      • #4
        Zitat von Ulfikado Beitrag anzeigen
        Im Moment (Projekt hat noch 3 Monate DEV Status) ist erstmal das Selectizer Dingens eigebunden. Aber das kann halt nicht das Ende der Fahnenstange sein oder?
        OK jetzt hab ich mir nochmal von $Suchmaschine infos liefern lassen und siehe da ein neuer Vertreter tauchte auf: http://julesjanssen.github.io/chosen/

        Macht jetzt auf den ersten Blick auf Android, Windows Phone und IOS nen soliden Eindruck. Mal sehen wie es hinter den Kulissen aussieht.

        Gruß, Ulf
        PHP-Manual ¡ mysql_* ist veraltet ¡ Debugging: Finde DEINE Fehler selbst ¡ Passwort-Hashing ¡ Prepared Statements

        Kommentar


        • #5
          Okay, danke *bookmark*
          [URL="https://gitter.im/php-de/chat?utm_source=share-link&utm_medium=link&utm_campaign=share-link"]PHP.de Gitter.im Chat[/URL] - [URL="https://raindrop.io/user/32178"]Meine öffentlichen Bookmarks[/URL] ← Ich habe dir geholfen ? [B][URL="https://www.amazon.de/gp/wishlist/348FHGUZWTNL0"]Beschenk mich[/URL][/B].

          Kommentar


          • #6
            Zitat von Ulfikado Beitrag anzeigen
            Macht jetzt auf den ersten Blick auf Android, Windows Phone und IOS nen soliden Eindruck. Mal sehen wie es hinter den Kulissen aussieht.
            Hab einen Tag lang mal alle Kollegen genervt das sie sich das Control mal im einsatz anschauen (14 verschiedene Andoid Geräte von 4.* bis 5.* + IPhone 3-6 + IPad 3 und 4 + Windows8 Phone + Windows 8.1 Phone)

            Keine Auffälligkeit bis jetzt. Das wirds wohl werden.

            Edit: Eins ist mir gerade noch aufgefallen was die Sache leider wieder verschlechtert:

            Das Projekt wurde das letzte mal vor 3 Jahren aktualisiert. Mal sehen.

            Gruß, Ulf
            PHP-Manual ¡ mysql_* ist veraltet ¡ Debugging: Finde DEINE Fehler selbst ¡ Passwort-Hashing ¡ Prepared Statements

            Kommentar


            • #7
              Opera Mini mag das auch ? ( Ist einer der Browser-Kandidaten der am meisten zickt )
              [URL="https://gitter.im/php-de/chat?utm_source=share-link&utm_medium=link&utm_campaign=share-link"]PHP.de Gitter.im Chat[/URL] - [URL="https://raindrop.io/user/32178"]Meine öffentlichen Bookmarks[/URL] ← Ich habe dir geholfen ? [B][URL="https://www.amazon.de/gp/wishlist/348FHGUZWTNL0"]Beschenk mich[/URL][/B].

              Kommentar


              • #8
                Zitat von tr0y Beitrag anzeigen
                Opera Mini mag das auch ? ( Ist einer der Browser-Kandidaten der am meisten zickt )
                Sieht so aus als wär da keiner dabei gewesen. Mist! Danke für den Hinweis! Also weg damit und doch selber bauen.

                Gruß, Ulf
                PHP-Manual ¡ mysql_* ist veraltet ¡ Debugging: Finde DEINE Fehler selbst ¡ Passwort-Hashing ¡ Prepared Statements

                Kommentar


                • #9
                  War das jetzt ein "ne das geht im Opera Mini nicht so wie es soll" ? O.o
                  [URL="https://gitter.im/php-de/chat?utm_source=share-link&utm_medium=link&utm_campaign=share-link"]PHP.de Gitter.im Chat[/URL] - [URL="https://raindrop.io/user/32178"]Meine öffentlichen Bookmarks[/URL] ← Ich habe dir geholfen ? [B][URL="https://www.amazon.de/gp/wishlist/348FHGUZWTNL0"]Beschenk mich[/URL][/B].

                  Kommentar


                  • #10
                    Zitat von tr0y Beitrag anzeigen
                    War das jetzt ein "ne das geht im Opera Mini nicht so wie es soll" ? O.o
                    Oups. Da hab ich mir wohl selbst ins Knie geschossen. Ich hatte fäschlischer Weise Deine Antwort so interpretiert das es Probleme mit dem gibt. (Interpreter wurde zwischenzeitlich nachjustiert )

                    Also ich hab gestern mal mit dem Opera Mini (neueste Version) getestet. Scheint alles zu gehen.

                    Gruß, Ulf
                    PHP-Manual ¡ mysql_* ist veraltet ¡ Debugging: Finde DEINE Fehler selbst ¡ Passwort-Hashing ¡ Prepared Statements

                    Kommentar


                    • #11
                      Sind doch noch ein paar Probleme aufgetaucht. Mit dem Default-Browser von Android 4.* wird statt dem Dropdown mit der zusätzlichen Textbox das systemeigene Dropdown, dann natürlich ohne Textbox, angezeigt. Also doch nutzlos bzw. auf dieser Zielplatform nur eingegrenzt nutzbar.

                      Hab auch noch keine Option gefunden mit der das abstellbar wäre.

                      Jetzt bin ich doch wieder beim Selectize gelandet. Die meisten Probleme daran liesen sich beheben, wenn auch mit reichlich Aufwand. Mal sehen ob ich es noch gänzlich zufriedenstellend hinbekomme.
                      PHP-Manual ¡ mysql_* ist veraltet ¡ Debugging: Finde DEINE Fehler selbst ¡ Passwort-Hashing ¡ Prepared Statements

                      Kommentar

                      Lädt...
                      X