Advertisement

Τεχνολογικές Ειδήσεις, Υποστήριξη, Διαδίκτυο, Ψυχαγωγία, Αγγελίες, Smartphones, Tablets, Games, Eπιστήμη, Free Software

Διαγωνισμός
Δώρο 3 άδειες για το Kaspersky Internet Security 2017 & 3 άδειες για το Safe Kids

  • Δεν μπορείτε να ξεκινήσετε ένα νέο θέμα


    Απαντήσεις σε αυτό το θέμα

    Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Πήγαινε κάτω Μήνυμα [Σελίδα 1 από 1]  

    Δημοσίευση: 1 Πως μπορώ να φτιάξω το Staff Online Widget? Την / Το Δευ 22 Σεπ 2014 - 2:32

    Dark-Avenger

    Member

    Επιστροφή στην κορυφή
    Καλημέρα παιδιά,
    Γνωρίζει κανείς πως μπορώ να φτιάξω ενα Staff Online Widget όπως στην εικόνα εδώ http://prntscr.com/4p3bl4 ? Το Staff widget θέλω να εμφανίζει το Avatar το όνομα του μέλους του Staff και την κατάσταση του (πεδίο προφίλ).

    Με φιλικούς χαιρετισμούς,
    Dark-Avenger

    Επισκόπηση του προφίλ των χρηστών http://linux-team.forumgreek.com/

    Δημοσίευση: 2 Απ: Πως μπορώ να φτιάξω το Staff Online Widget? Την / Το Δευ 22 Σεπ 2014 - 22:31

    Paulos

    WebMaster
    Συνδεδεμένος

    Επιστροφή στην κορυφή
    Σου έφτιαξα αυτό που ήθελες απλά να ξέρεις ότι χρησιμοποιεί την μέθοδο ajax και έτσι μπορεί να έχεις τα κλασσικά θέματα.



    Όλος ο κώδικας θα μπει σε widget.

    Κώδικας:
    <div id="Staff_Online">
    </div>
     <script type="text/javascript">
        jQuery(document).ready(function () {
            var widget = jQuery('#Staff_Online')[0];
        storedValue = sessionStorage.getItem('Online_Staff');
            if (storedValue) {
                jQuery(widget).html(storedValue)
            } else {
                jQuery.get('/viewonline', function (data) {
                    var group = {

                        adm: jQuery('.table span[style="color:#000099"]', data).parents('td'),

                        coadm: jQuery('.table span[style="color:#"]', data).parents('td'),

                      mod: jQuery('.table span[style="color:#"]', data).parents('td'),
                        };
                jQuery(widget).append(group.adm).append(group.coadm).append(group.mod);
                    jQuery('#Staff_Online a[href^="/u"]').each(function () {
                        var prof = jQuery(this).attr('href');
                        jQuery('<a href="' + prof + '" class="avatarimage"></a>').insertBefore(this);
                        jQuery('<div class="Info"></div>').insertAfter(this);
                        jQuery(this).prev().load(prof + ' #profile-advanced-right .main-content img:eq(0)');

                        jQuery(this).next().load(prof + ' #field_id-9 dd div:eq(0)')
                    })
                });
                jQuery(window).on('load', function () {
                    var currentValue = document.getElementById(widget).innerHTML;
                    sessionStorage.setItem('Online_Staff', currentValue)
                })
            }
        });
        </script> <style>
      #Staff_Online .avatarimage > img {
        float: left;
        margin-right: 4px;
        width: 40px;
        height: 40px;
    }
    #Staff_Online .Info {
        color: #f00;
        margin: 10px 45px;
    }
    </style>   


    Κώδικας:
    Εδώ δές κάποιες χρήσιμες πληροφορίες που θα σε βοηθήσουν...

    Εδώ βάζεις το χρώμα σας admin
                        adm: jQuery('.table span[style="color:#000099"]', data).parents('td'),
    Εδώ βάζεις το χρώμα του δεύτερου admin admin
                        coadm: jQuery('.table span[style="color:#"]', data).parents('td'),
    Εδώ βάζεις το χρώμα του mod
                        mod: jQuery('.table span[style="color:#"]', data).parents('td'),
                        };
                   


    Κώδικας:
    Εδώ βάζεις την πληροφορία που θέλεις να εμφανίζεται από το προφίλ, όπου #field_id-9 το αλλαζείς σε #field_id-1, #field_id-2 κτλ
                        jQuery(this).next().load(prof + ' #field_id-9 dd div:eq(0)')


    Επισκόπηση του προφίλ των χρηστών

    Δημοσίευση: 3 Απ: Πως μπορώ να φτιάξω το Staff Online Widget? Την / Το Δευ 22 Σεπ 2014 - 23:22

    Dark-Avenger

    Member

    Επιστροφή στην κορυφή
    Καλησπέρα Παύλο,
    Δεν μου δέχεται σωστά την αλλαγή γραμμής μου το εμφανίζει έτσι http://prntscr.com/4pdcae

    Επισκόπηση του προφίλ των χρηστών http://linux-team.forumgreek.com/

    Δημοσίευση: 4 Απ: Πως μπορώ να φτιάξω το Staff Online Widget? Την / Το Τρι 23 Σεπ 2014 - 11:04

    Paulos

    WebMaster
    Συνδεδεμένος

    Επιστροφή στην κορυφή
    Κώδικας:

    #Staff_Online td {
        display: inline-block;
        padding: 3px;
    }


    Επίσης μπορεις να ελαφρύνεις λίγο τον κωδικό σου με τον παρακάτω...


    Κώδικας:
           
    <div id="Staff_Online">
                    
    </div>
            <script type="text/javascript">
                jQuery(document).ready(function () {
                    var widget = jQuery('#Staff_Online')[0];
                storedValue = sessionStorage.getItem('Online_Staff');
                    if (storedValue) {
                        jQuery(widget).html(storedValue)
                    } else {
                        jQuery.get('/viewonline', function (data) {
                            var group = {
           
                                adm: jQuery('.table span[style="color:#000099"]', data).parents('td'),
           
                                coadm: jQuery('.table span[style="color:#"]', data).parents('td'),
           
                              mod: jQuery('.table span[style="color:#"]', data).parents('td'),
                                };
                        jQuery(widget).append(group.adm).append(group.coadm).append(group.mod);
                            jQuery('#Staff_Online a[href^="/u"]').each(function () {
                                var prof = jQuery(this).attr('href');
                                jQuery('<a href="' + prof + '" class="avatarimage"></a>').insertBefore(this);
    jQuery('<div class="Info"></div>').insertAfter(this);
                          jQuery(this).prev().load(prof + ' #profile-advanced-right .main-content img:eq(0)');
            })
                        });
                        jQuery(window).on('load', function () {
                            var currentValue = document.getElementById(widget).innerHTML;
                            sessionStorage.setItem('Online_Staff', currentValue)
                        })
                    }
                });
                </script> <style>
    #Staff_Online td {
        display: inline-block;
        padding: 3px;
    }
    #Staff_Online .avatarimage > img {
        float: left;
        height: 40px;
        margin-right: 4px;
        width: 40px;
    }
    #Staff_Online td.tcl a span strong {
        margin: 10px 0px;
        display: inline-block;
    }

            </style> 


    Άλλωστε εσένα σε νοιάζει να βλέπουν τα μέλη ή συντονιστές σου ότι είσαι online όχι τις ασχολίες σου κτλ...

    Επισκόπηση του προφίλ των χρηστών

    Δημοσίευση: 5 Απ: Πως μπορώ να φτιάξω το Staff Online Widget? Την / Το Τετ 24 Σεπ 2014 - 11:23

    Dark-Avenger

    Member

    Επιστροφή στην κορυφή
    Καλημέρα Παύλο,
    Πιστεύω πως πρέπει να τροποποιηθεί το js έτσι ώστε να ενημερώνετε η local cache storage πχ μετά απο 3 ώρες ώστε να αποφεύγονται τα πολλά .load functions τουλάχιστον όσων αφορά τη λήψη του avatar και της κατάστασης για να μην γίνονται πολλά fires στο port. Στην f/m είχαν κάνει κάτι παρόμοιο για το avatar στο board index. Γίνετε να τροποποιήσουμε έτσι και αυτό το js?

    Επισκόπηση του προφίλ των χρηστών http://linux-team.forumgreek.com/

    Δημοσίευση: 6 Απ: Πως μπορώ να φτιάξω το Staff Online Widget? Την / Το Σαβ 27 Σεπ 2014 - 17:39

    Paulos

    WebMaster
    Συνδεδεμένος

    Επιστροφή στην κορυφή
    Και αυτό να γίνει πάλι πρόβλημα θα έχεις σε υψηλή επίσκεψη και συνεχόμενη ανανέωση (κλικ) σε links της σελίδας.Η καλύτερη λύση είναι αυτή που αναφέρω σε ένα άλλο θέμα εδώ.

    Επισκόπηση του προφίλ των χρηστών

    Δημοσίευση: 7 Απ: Πως μπορώ να φτιάξω το Staff Online Widget? Την / Το Κυρ 28 Σεπ 2014 - 0:18

    Dark-Avenger

    Member

    Επιστροφή στην κορυφή
    Καλησπέρα Παύλο,
    Οκ τροποποιήσα το javascript ώστε η local storage να ενημερώνεται μετά απο 5 λεπτά. Προς στιγμή δεν φαίνετε να παρουσιάζει πρόβλημα γιατί έχω αφαιρέσει πολλά τα javascripts που έχουν .get() και .load().
    Τώρα αν το πάω σε εξωτερικό server της f/m θα αντιμετωπίζω πάλι προβλήματα με τα requests? πχ αν το πάω σε .com domain.

    Επισκόπηση του προφίλ των χρηστών http://linux-team.forumgreek.com/

    Δημοσίευση: 8 Απ: Πως μπορώ να φτιάξω το Staff Online Widget? Την / Το Κυρ 28 Σεπ 2014 - 13:52

    Paulos

    WebMaster
    Συνδεδεμένος

    Επιστροφή στην κορυφή
    Οκ εσύ ξέρεις.Θα πρέπει να ρωτήσεις γιατί έχω την εντύπωση πως χάνεις τα πάντα σε μια τέτοια κίνηση...

    Επισκόπηση του προφίλ των χρηστών

    Δημοσίευση: 9 Απ: Πως μπορώ να φτιάξω το Staff Online Widget? Την / Το Δευ 29 Σεπ 2014 - 1:35

    Dark-Avenger

    Member

    Επιστροφή στην κορυφή
    Αυτή την στιγμή μπορεί να δημιουργήσει πρόβλημα στη βάση του φόρουμ(είναι σε forumgreek domain)?

    Επισκόπηση του προφίλ των χρηστών http://linux-team.forumgreek.com/

    Δημοσίευση: 10 Απ: Πως μπορώ να φτιάξω το Staff Online Widget? Την / Το Δευ 29 Σεπ 2014 - 1:37

    Paulos

    WebMaster
    Συνδεδεμένος

    Επιστροφή στην κορυφή
    Αυτό θα το ρωτήσεις στη Forumotion από όσο γνωρίζω σε τέτοια κίνηση θα σβηστούν όλα!Αλλά καλύτερα ρώτα στη Forumotion...

    Επισκόπηση του προφίλ των χρηστών

    Δημοσίευση: 11 Απ: Πως μπορώ να φτιάξω το Staff Online Widget? Την / Το Τρι 30 Σεπ 2014 - 2:44

    Dark-Avenger

    Member

    Επιστροφή στην κορυφή
    Ok Παύλο,
    Μπορείς να κλειδώσεις το θέμα. Σε ευχαριστώ.

    Επισκόπηση του προφίλ των χρηστών http://linux-team.forumgreek.com/

    Δημοσίευση: 12 Απ: Πως μπορώ να φτιάξω το Staff Online Widget? Την / Το Τρι 30 Σεπ 2014 - 3:04

    KAKOS

    Pc Team

    Επιστροφή στην κορυφή
    Το θέμα λύθηκε και κλειδώνεται.

    Επισκόπηση του προφίλ των χρηστών

    Μήνυμα [Σελίδα 1 από 1]

    Δεν μπορείτε να ξεκινήσετε ένα νέο θέμα


    Μοιραστείτε αυτό το θέμα

    Url
    BBcode
    HTML

    Δικαιώματα σας στην κατηγορία αυτή. Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης