nach Auswahl im Select-Menü verschwindet die Option

Hallo!

Wenn man den Formhelper in einem Formular benutzt, werden im Select Menü die Auswahlmöglichkeiten angeboten. Nachdem man eine Option gewählt hat, verschwindet diese Auswahl.
In welchem Template wird dieser Code

HTML-Code:

---

<div class="btn-group bootstrap-select select mandatory form-control" style="display:none">
<button class="btn dropdown-toggle selectpicker btn-default" data-toggle="dropdown" type="button" data-id="ctrl_51" title="Herr" aria-expanded="false">
<span class="filter-option pull-left">Herr</span>
<span class="caret"></span>
</button>
<div class="dropdown-menu open" style="max-height: 622.05px; overflow: hidden; min-height: 0px;">
<ul class="dropdown-menu inner selectpicker" role="menu" style="max-height: 610.05px; overflow-y: auto; min-height: 0px;">
</div>

---

erzeugt? Ich würde gern das style="display:none" raus löschen.

Steffen Winde

Das ist zu 99% eine Inkompatibilität zwischen Bootstrap und Mootools. Mootools erzegut so ein Verhalten.

Gesendet vom Smartphone

:D Stimmt! Danke, da wäre ich nie drauf gekommen!

Viele Grüße
Steffen

Moin, das Problem habe ich mit dem Kalender Datumsfeldern!
gibt es eine Möglichkeit diese zu umgehen?

oder gibt es die calenderfields auch in eine Js version?

Gruß
Hemmilicious

Zitat:

---

Moin, das Problem habe ich mit dem Kalender Datumsfeldern!
gibt es eine Möglichkeit diese zu umgehen?

---

Ich muss noch einmal darauf zurückkommen! Ich verwende auch Calendarfields mit Mootools. Eine andere funktionierende Alternative habe ich nicht gefunden.

Gibt es eine Lösung den Konfikt zwischen Bootstrab und Mootools zu lösen?

Steffen Winde

Am besten mal die Seite zeigen und nochmal erklären, was nicht geht.

Hallo Andreas,

mache ich sehr gerne, zu sehen z.B. hier:

http://imkerverein-grimma.de/registrieren.html

Bitte hier das Dropdown Menü "Emails erlauben" anklicken und etwas auswählen! Wenn die Auswahl erfolgt ist wird das ganze <select> Feld auf

HTML-Code:

---

element.style {display: none;}

---

gesetzt. Nach einem Refraich der Seite wird das ausgewählte auch wieder angezeigt. Aber wer macht das schon.
Webstar schrieb dazu mal:

Zitat:

---

webstar

Das ist zu 99% eine Inkompatibilität zwischen Bootstrap und Mootools. Mootools erzegut so ein Verhalten.

Gesendet vom Smartphone

---

Deaktiviere ich das Bootstrap-Form Modul kommt es nicht zum Fehler.
Meine Suche im Netz hat mich auch nicht wirklich weiter gebracht, da fand ich nur Seiten auf Englisch und für Joomla.

Ich hoffe webstar hat noch eine zündende Idee!!

VG
Steffen

Behebe zuerst mal den invaliden Code im Template mod_registration.

Dann tausche bitte dieses Scipt
HTML-Code

PHP-Code:

---

<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
document.documentElement.className += "js";
$(document).ready(function(){

$('.mod_quicknav').change(function(){
    $('.mod_quicknav form').attr('action', $(this).val()).submit();
    return false;
});

});
/*]]>*/
</script> 


---

gegen dieses
HTML-Code

PHP-Code:

---

<script>
document.documentElement.className += "js";

(function($) {
  $(document).ready(function() {

    $('.mod_quicknav').change(function() {
        $('.mod_quicknav form').attr('action', $(this).val()).submit();
        return false;
    });

  });
})(jQuery);
</script> 


---

Dann checke auch mal deine Einbindung von Bootstrap-CSS, da sind @imports, welche nicht aufgelöst werden können.

Zitat:

---

"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/alerts"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/badges"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/breadcrumbs"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/button-groups"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/buttons"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/carousel"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/close"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/code"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/component-animations"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/content/calc"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/dropdowns"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/forms"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/glyphicons"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/grid"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/input-groups"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/jumbotron"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/labels"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/list-group"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/media"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/mixins"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/modals"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/navbar"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/navs"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/normalize"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/pager"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/pagination"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/panels"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/popovers"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/print"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/progress-bars"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/responsive-embed"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/responsive-utilities"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/scaffolding"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/tables"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/thumbnails"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/tooltip"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/type"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/utilities"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/variables"
"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/wells"

"NetworkError: 404 Not Found - http://imkerverein-grimma.de/assets/css/cd-top-arrow.svg"

---

Dann können wir weiter sehen.

Hallo Andreas,

danke das Du noch zu so später Stunde über meinem Problem gebrütest hast!

1. Registrieren validieren:
Habe ich gemacht, da ist ein Fehler im Standardtemplete "member_default.html5", wenn mann Tabellenlos ausgewählt hat.

Code:

---

<?php if (!$this->tableless): ?>
          <table>
          <?= $this->fields ?>
          <tr class="<?= $this->rowLast ?> row_last">
            <td class="col_0 col_first">&nbsp;</td>
            <td class="col_1 col_last"><div  class="submit_container"><input type="submit" class="submit"  value="<?= $this->slabel ?>"></div></td>
          </tr>
        </table>
      <?php else: ?>
        <div class="fields">
          <?= $this->fields ?>
        </div>
        <div class="submit_container">
          <input type="submit" class="submit" value="<?= $this->slabel ?>">
        </div>
      <?php endif; ?>

---

Habe es geändert in "<?php if ($this->tableless): ?>"

2. und 3. habe ich auch bereinigt.

Aber mein Problem bleibt weiterhin bestehen. nur wenn ich Mootools deaktiviere verschindet das Select-Menü micht mehr.

VG Steffen

Wenn man mit den richtigen Begriffen googelt findet man auch was man sucht!

community.contao.org/de/showthread.php?56054-contao-bootstrap-form

Jetzt weis ich auch was man mit der Bootstrap-Konfiguration anstellen kann!

Schönes Wochenende wünscht
Steffen Winde

Ich kann da keinen Fehler in member_default sehen. In der Online-Demo ist das auch in Ordnung.

Läuft ja jetzt. Ich empfehle dir aber, jQuery und MooTools nicht von einer Fremddomain zu laden.