Hallo,
ich würde gerne eine jquery multiselect in ein fluid formular einbinden,
so in dem stil
http://loudev.com/#usage
geht sowas?
Danke!
jquery multiselect in fluid einbinden
Was hält dich davon ab, es schnell auszuprobieren ? Dauert doch keine 5 Minuten 🙂
habs ich, nicht hingekriegt o.O
Dann machen wir es doch wie immer: Was hast du ausprobiert und was klappt/klappt nicht ? 😛
ich habe versucht jquery wie in dem link beschrieben einzubinden,
krieg schon die einfache html seite nicht zum laufen.....
und dachte mir bevor ich wieder stunden rumprobier, frag ich ob das überhaupt funkionieren kann oder ob sich irgendwelche js dateien in die quere kommen.....
Danke!!!
So wieder Stunden rumprobiert, nix geht,
also in einer einfachen html Seite kein Problem, funktioniert gut.
Also habe ich im Typo3 Template die notwendigen css und js Dateien eingebunden und zwar so:
/jquery multiselect
page.includeCSS.tx_rpsfd_file1 = EXT:rps_fd/Resources/Public/css/multiselect.css
page.includeCSS.tx_rpsfd_file2 = http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/ui-lightness/jquery-ui.css
page.includeCSS.tx_rpsfd_file3 = http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/smoothness/jquery-ui.css
page.includeCSS.tx_rpsfd_file3 = http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/ui-lightness/jquery-ui.css
page.includeCSS.tx_rpsfd_file4 = http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/sunny/jquery-ui.css
page.includeJSFooter.tx_rpsfd_googleJqueryMin = https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js
page.includeJSFooter.tx_rpsfd_googleJqueryMin.external = 1
page.includeJSFooter.tx_rpsfd_jq = EXT:rps_fd/Resources/Public/js/jquery.multi-select.js
page.includeJSFooter.tx_rpsfd_googleJqueryMinUi = https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.min.js
page.includeJSFooter.tx_rpsfd_googleJqueryMinUi.external = 1
page.footerData.20 = TEXT
page.footerData.20.value (
<script language="javascript" type="text/javascript">
$(document ).ready(function() {
$('#my-select2').multiSelect();
});
</script>
)
Ich hab ein typo3 Inhaltselement html dort das Formular reinkopiert.
Funktioniert nicht.
Im Quellcode wird alles wie erwünscht eingebunden, allerdings auch noch ein paar js Dateien mehr. Meine kommen aber zum Schluss und auch in der Reihenfolge wie ich das gerne hätte.
Die js Konsole zeigt mir einen Fehler:Uncaught TypeError: undefined is not a function betrifft die vom femanager.js benötigte jquery.min.js
Hat mir jemand einen Tipp?
Danke!
Moin,
das hört sich so an, als würde dein Jquery zu spät geladen werden. Versuche mal dein jquery mit includeJSLibs{} einzubinden, und dem jqueryfile noch jqueryfile.forceOnTop = 1 mit zu geben. Dann sollte es ziemlich sicher vor deinen anderen Skripten geladen werden. Vielleicht hilft dir das weiter.
Gruß
super, das wars, wurde zu spät geladen,
ich dachte vielleicht gäbe es auch noch Komplikationen weil der femanager auch jquery lädt, aber das ist wohl egal, jquery ist wohl jquery....
danke nochmal!
Das ist durchaus nicht egal, du musst im Konfliktfall evtl. gucken, ob deine Einbindung von jquery prüft, ob jquery schon geladen/definiert ist. Aktuell habe ich auch so ein Problem, wo ein Video embed Script-Code auch noch jQuery lädt, und auch noch eine andere Version. In Chrome ist das kein Problem, FireFox hingegen wirft Fehler 😉 im Femanager könntest du dann vermutlich jquery ausschalten, wenn du es sowieso global benötigst.