JS Script läuft nicht unter mootools

Hi Leute,

ich bin ein absoluter JS DAU, und verwende zur Ausblendung des "LOS" Buttons in einer Quicknavi, und zum direkten Sprung zur Auswahl immer das gleiche JS Script.
Leider habe ich jetzt eine Seite wo ich nur mootool einsetzen kann und genau dort steikt mein kleines Script.

Code:

---

<script>
document.documentElement.className += "js";
$(document).ready(function(){

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

---

Kann mir das jemand von "jquery" in 'moo" übersetzen?


DANKE!

Grüße aus Ludwigsburg
Jochen

Hello, hilft da nicht auch https://api.jquery.com/jquery.noconflict/ ? :)
Gruß Socke

Bei jemand, der JS blickt, hilft das sicherlich. Ich jedoch, verstehe nur Bahnhof :D

Also mit MooTools kann ich dir nicht dienen, ich mache das immer nach Peter Müller ganz einfach im mod_quicknav.html5 Template. Das funktioniert dann bei aktiviertem Javascript ohne Button und bei deaktiviertem Javascript mit Button.
Da sind nur zwei kleine Änderungen im Template notwendig.

PHP-Code:

---

<select name="target" id="ctrl_target" class="select"> 


---

wird ergänzt zu

PHP-Code:

---

<select name="target" id="ctrl_target" class="select" onchange="this.form.submit()"> 


---

Und um den Submit-Button kommt ein noscript Tag, also

PHP-Code:

---

<noscript><input type="submit" class="submit" value="<?= $this->button ?>"></noscript>

---

Das wars auch schon, ohne jQuery oder MooTools und somit wohl auch ohne Probleme im Zusammenspiel mit MooTools.

Zitat:

---

Zitat von kubjo

Hi Leute,

ich bin ein absoluter JS DAU, und verwende zur Ausblendung des "LOS" Buttons in einer Quicknavi, und zum direkten Sprung zur Auswahl immer das gleiche JS Script.
Leider habe ich jetzt eine Seite wo ich nur mootool einsetzen kann und genau dort steikt mein kleines Script.

Code:

---

<script>
document.documentElement.className += "js";
$(document).ready(function(){

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

---

Kann mir das jemand von "jquery" in 'moo" übersetzen?


DANKE!

Grüße aus Ludwigsburg
Jochen

---

Mit MooTools kann ich nicht dienen, aber wenn du es so machst, funktioniert es auch mit jQuery:

PHP-Code:

---

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

(function($)
{
    "use strict";

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

})(jQuery);
</script> 


---

An alle Helfer: VIELEN DANK!

@tab: Das ist eine sehr elegante Lösung, wo hat Peter Müller diese Lösung veröffentlicht? Ich habe einige Bücer von ihm, ohne dass mir das in Erinnerung geblieben wäre!

Grüße aus Ludwigsburg
Jochen

Ahoi Jochen,

in seinen ExtendedBooks sprich seinem Blog:
http://contaobuch.de/magazin/article...avigation.html

Naja, die "bessere" Lösung ist schon, das Javascript vom HTML zu trennen. Attribute wie onclick, onchange etc sind da wohl nicht mehr so gern gesehen. Aber es ist zumindest eine sehr einfache und übersichtliche Lösung. Und hat auch noch den Charme, auch ohne Javascript vernünftig zu funktionieren. Wobei der Teil der Lösung (noscript Tag für den Button) ja auch mit der anderen, separates jQuery oder Mootools, einfach kombinierbar ist. Die Lösung von Peter Müller ist im Buch "Websites erstellen mit Contao 3" im Abschnitt 18.5.1, "Navigieren ohne Klick auf 'Los'", beschrieben.

Edit: Nein, ich kann das Buch nicht auswendig :D, aber die Lösung habe ich bei einem Kunden seit Jahren im Einsatz, deswegen habe ich mich daran erinnert.