Εισαγωγή Javascript στο Joomla

Joomla! forum. Joomla! Questions and Answers.

Συντονιστές: WebDev Moderators, Super-Moderators, PHP Moderators

Απάντηση
ManosWdd
Δημοσιεύσεις: 288
Εγγραφή: 17 Ιουν 2004 01:48
Τοποθεσία: Θεσσαλονίκη, Ελλάδα.

Εισαγωγή Javascript στο Joomla

Δημοσίευση από ManosWdd » 09 Απρ 2013 06:34

Καλησπέρα, μετά από πολύ καιρό κατάφερα με την βοήθεια του alou να τελειώσω ένα μικρό js script. Δεν είναι τίποτα σπουδαίο. Δύο dropdown, όταν επιλεγεί ένα item από το 1o, ανανεώνεται το 2ο, όταν επιλεγεί ένα item από το 2ο, γίνεται ένα redirect.

Το script αυτό προσπαθώ να το περάσω στο joomla. Δημιούργησα ένα js αρχείο το οποίο περνάει στο head tag μέσω του template και έβαλα μέσα όλο τον κώδικα του js. Έβαλα και στο module τον html κώδικα αλλά το script όπως καταλάβατε δεν δουλεύει. Έφαγα όλα τα forum κτλ να διαβάζω και να ψάχνω για js conflicts με joomla αλλά τιποτα.

Τον κώδικα του script μπορείται να τον βρείτε στο http://jsfiddle.net/UrtU6/1/.

Ξέρει κανείς τι μπορεί να γίνεται και δεν τρέχει το script?

Ευχαριστώ!
Εικόνα

alou
Script Master
Δημοσιεύσεις: 1374
Εγγραφή: 24 Αύγ 2007 19:52
Επικοινωνία:

Εισαγωγή Javascript στο Joomla

Δημοσίευση από alou » 09 Απρ 2013 07:48

Τα js conflicts που όντως είναι το πιο πιθανό ότι συμβαίνει είναι μεταξύ js libraries που φορτώνονται. Τα πιο πιθανά σενάρια είναι ότι γίνεται conflict με mootools, ή ότι καλείς το jquery παραπάνω φορές λόγω άλλης επέκτασης που το χρησιμοποιεί.

Για αρχή, δοκίμασέ το έτσι. Αν συνεχίζει να υπάρχει πρόβλημα, θα κοιτάξεις πρώτα στο firebug τι conflict υπάρχει και μετά στο source τι js libraries φορτώνεις.

Κώδικας: Επιλογή όλων

$.noConflict();
jQuery(document).ready(function($) {
var services = [];

services['service1'] = [{ "name":"Giannis" , "url":"giannis" }, { "name":"Kostas" , "url":"kostas" }, { "name":"Fillipos" , "url":"fillipos" }];
    
services['service2'] = [{ "name":"Maria" , "url":"maria" }, { "name":"Peter" , "url":"peter" }, { "name":"Jack" , "url":"jack" }];

services['service3'] = [{ "name":"Dimitris" , "url":"dimitris" }, { "name":"Takis" , "url":"takis" }, { "name":"Gianna" , "url":"gianna" }];    


    $("#services").change(function () {
        var selectedService = $(this).val();
        $('#doctors').children().remove();
        $&#40;'#doctors'&#41;.append&#40;'<option value="Null">Click to select a Doctor</option>'&#41;;
        $.each&#40;services&#91;selectedService&#93;, function &#40;ind, val&#41; &#123;
            $&#40;'#doctors'&#41;.append&#40;'<option value="' + this.url + '">' + this.name + '</option>'&#41;;
        &#125;&#41;
    &#125;&#41;;
    
    $&#40;"#doctors"&#41;.change&#40;function &#40;&#41; &#123;
        var redirServ = $&#40;'#services option&#58;selected'&#41;.val&#40;&#41;;
        var thePersonObject = services&#91;redirServ&#93;;
        var goThere = $&#40;this&#41;.val&#40;&#41;;
        var fullurl = 'http&#58;//www.website.com/our-services/' + redirServ + '/item/' + goThere;
        location.href = fullurl; 
    &#125;&#41;;
    
&#125;&#41;;

Απάντηση

Επιστροφή στο “Joomla! γενικά”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης