Πολυγλωσσικό site - JQuery, AJAX

**Lucky Luke** · 20-07-12, 15:48

Σ' ένα site που φτιάχνω θέλω να έχω δυνατότητα εναλλαγής μεταξύ Αγγλικών-Ελληνικών.
Ένα ωραίο tutorial που βρήκα είναι εδώ και κάνει χρήση JQuery (με μία function η οποία κάνει ένα AJAX call) και XML για να το πετύχει.

Το πρόβλημά μου είναι ότι ενώ βάζω αυτή τη function στο <head> section και δουλεύει μια χαρά η μετάφραση για την homepage, επανέρχεται στην "default" γλώσσα όταν πατάω κάποιο link από το μενού και μεταβαίνω σε άλλη σελίδα.
Δεν ξέρω αν βοηθάει αλλά το site είναι χτισμένο πάνω σε Wordpress και προφανώς το header που περιέχει το script είναι κοινό για όλες τις σελίδες.

Καμιά ιδέα;

Υ.Γ.1 Δοκίμασα και το qtranslate αλλά απ' ό,τι είδα μπορεί να μεταφράσει μόνο τα default "fields" του Wordpress (posts, post titles, κλπ), κάτι που και να μη γίνει καθόλου δε με πειράζει.
Υ.Γ.2 Αυτό που θέλω είναι να μεταφράζει τα customizations που έχω κάνει που είναι κυρίως hardcoded κείμενο μέσα στα php αρχεία του theme του wordpress. Επομένως θα ήθελα γενικώς να αποφύγω τις έτοιμες λύσεις γιατί δε βλέπω να κάνουν για την περίπτωσή μου.

**atrias** · 20-07-12, 16:21

δεν διατηρείς πουθενά το state και γιαυτό το λόγο γίνεται αυτό.
θα πρέπει να γράψεις λίγο php κώδικα που να διατηρεί την επιλογή γλώσσας στο session ώστε να παραμένει ίδια από τη μια σελίδα στην άλλη.

hints εδώ
http://www.w3schools.com/php/php_sessions.asp

**Lucky Luke** · 20-07-12, 17:45

Αν το είχα full dynamically functional μπορώ να καταλάβω την αναγκαιότητα του session.
Εδώ όμως που έχω hardcoded περασμένη τη γλώσσα στην javascript νομίζω δεν απαιτείται. Κάνω λάθος; Η jquery function μου δεν εκτελείται από την αρχή της σε κάθε άνοιγμα σελίδας που κάνω;
Παραθέτω και τον κώδικα του script:

Κώδικας:

<script type="text/javascript">
jQuery(function() {
    var language = 'greek';
	
    jQuery.ajax({
        url: 'languages.xml',
        success: function(xml) {
            jQuery(xml).find('translation').each(function(){
                var id = jQuery(this).attr('id');
                var text = jQuery(this).find(language).text();
                jQuery("." + id).html(text);
                jQuery("." + id).addClass(id + '_' + language);
            });
        }
    });
});
</script>

Αυτό που παρατηρώ με τον firebug είναι ότι η τελεταία δήλωση του addClass() δεν εφαρμόζεται. Με βάση αυτά τα class γίνεται το tagging προκειμένου να αναγνωριστούν τα κομμάτια της σελίδας που είναι προς μετάφραση.
Επιπλέον έβαλα για debugging κάποια alert() στον ajax κώδικα τα οποία δεν τυπώθηκαν. Δείχνει σαν να μην εκτελείται ποτέ αυτός ο κώδικας όταν αλλάζω σελίδα...

**odd** · 20-07-12, 17:48

Ωραίο εφέ αλλά δυστυχώς έχει βασικά προβλήματα SEO. Που για παράδειγμα είναι το μοναδικό url για την ιταλική έκδοση; Ή αλλιώς όταν αλλάζεις γλώσσα ΔΕΝ αλλάζει αντίστοιχα το url...

Αρχικό μήνυμα από Lucky Luke

Αν το είχα full dynamically functional μπορώ να καταλάβω την αναγκαιότητα του session.

Όπως είπε και ο atrias κάπως ή κάπου πρέπει να "αποθηκεύσεις" την επιλογή γλώσσας που έκανε ο χρήστης. Αλλιώς πρέπει να επιλέγει γλώσσα σε κάθε νέα σελίδα.

Μια ιδέα είναι τα sessions, μια άλλη τα cookies.

Αν δεν θέλεις να μπλέξεις με php δοκίμασε με cookies μέσα από jquery. Χρειάζεσαι το cookie plugin (για το jquery). Δες εδώ.

**Lucky Luke** · 21-07-12, 00:35

Το SEO πάντως δεν είναι κάτι που με απασχολεί λόγω της φύσης του site, που στην ουσία θα λέω εγώ σε όσους θέλω να μπαίνουν να βλέπουν demo από κάποια projects. Το searchability από μηχανές αναζήτησης δεν είναι ένας από τους στόχους μου, καθώς δεν είναι κάτι το άμεσα εμπορικό.

Έχω καταλάβει την αναγκαιότητα των sessions γενικώς αλλά σε αυτό το στάδιο που είμαι και δοκιμάζω με τον συγκεκριμένο τρόπο δεν είναι απαραίτητα. Το συγκεκριμένο script γίνεται import στο header της σελίδας, το οποίο προφανώς είναι κοινό για όλες τις σελίδες του site.
Στην ουσία κάνει αυτό που λες odd: "επιλέγει γλώσσα σε κάθε νέα σελίδα", αφού είναι hardcoded περασμένη η γλώσσα για κάθε νέα σελίδα που φορτώνεται.

Αυτό μάλιστα το βλέπω από κάποια class που προσθέτω εκτός της ajax κλήσης, τα οποία τα προσθέτει κανονικά και περιέχουν το όνομα της τρέχουσας γλώσσας. Γι' αυτό υποπτεύομαι ότι κάτι έχει να κάνει με το ajax...

Αρχικό μήνυμα από odd

όταν αλλάζεις γλώσσα ΔΕΝ αλλάζει αντίστοιχα το url...

Αυτό πώς μπορεί να γίνει χωρίς να φτιάξεις νέα σελίδα/php αρχείο για κάθε γλώσσα;

Υ.Γ. Προτιμώ PHP διαχείριση παρά JQuery. Αυτό για τα sessions/cookies και τη διαχείρισή τους όοοταν το χρειαστώ.

**~~mpetou~~** · 21-07-12, 16:44

ολα αυτα ειναι λαθος...

Η γλωσσα πρεπει να ειναι στο url.
πχ mpagatses.com/gala και mpougatses.com/milk
jquery/sessions/cookies ειναι εντελως λαθος

**Tsene** · 21-07-12, 17:53

Χρησιμοποιώ το plugin Transposh WordPress Translation για Wordpress.
Η μετάφραση της σελίδα γίνεται αυτόματα από το Google translate και οι σελίδες έχουν τη μορφή:
www.site.com/?lang=en
www.site.com/?lang=fr

όταν διαλέγεις την αντίστοιχη γλώσσα μετάφρασης.

Δες το κώδικά του μήπως σε βοηθήσει σε αυτό που θες να κάνεις.

**Φανερός Πράκτωρ** · 21-07-12, 18:06

Αρχικό μήνυμα από mpetou

ολα αυτα ειναι λαθος...

Η γλωσσα πρεπει να ειναι στο url.
πχ mpagatses.com/gala και mpougatses.com/milk
jquery/sessions/cookies ειναι εντελως λαθος

γιατί είναι λάθος;
μια άλλη ιδέα είναι να αποθηκεύεται και ως variable στο url στο στυλ που λέει ο Tsene:
www.site.com/?lang=en
www.site.com/?lang=fr
Τώρα πως γίνεται αυτό με jquery είναι άλλη ιστορία αλλά δεν πρέπει να είναι δύσκολο.

**Lucky Luke** · 22-07-12, 14:56

Ευχαριστώ για τις απαντήσεις παιδιά!
Θα το ψάξω παραπάνω και ενδεχομένως να επανέλθω. Ελπίζω με λύση την επόμενη φορά...

**Lucky Luke** · 27-07-12, 23:11

Αυτό τελικά που έκανα ήταν να εγκαταστήσω multisite wordpress (1 site ανά γλώσσα) και το Multisite Language Switcher plugin. Δυστυχώς το κακό με αυτή τη λύση ήταν ότι έπρεπε να κάνω στην ουσία duplicate τα posts και να ξανανεβάσω όλα τα media (εικόνες) καθώς είναι σαν να υπάρχουν 2 ξεχωριστά sites. Από την άλλη όμως με το plugin (δουλεύει μόνο με multisites) έχεις τη δυνατότητα να "συνδέσεις" τα αντίστοιχα posts και κάθε φορά που πατάς τη σημαιούλα της γλώσσας να σε πηγαίνει στο αντίστοιχο post στην άλλη γλώσσα.

Δεν κατάφερα να βρω κάποια καλύτερη λύση. Αλλά αν πρόκειται για site που αλλάζει συχνά περιεχόμενο (ευτυχώς δεν είναι τέτοιο το δικό μου) τότε θα είναι καπως επίπονη η διαδικασία του ίδιου περιεχομένου και σε χρόνο αλλά και σε χώρο...

Το γράφω σαν αναφορά για κάποιον που ίσως έχει την ίδια απορία στο μέλλον.

Θέμα: Πολυγλωσσικό site - JQuery, AJAX

Bookmarks

Bookmarks

Δικαιώματα - Επιλογές