Δημιουργία popup στο openeclass

[dimitrismagp]

https://github.com/gunet/openeclass

 

Πως θα μπορούσα να δημιουργήσω μια ανακοίνωση με popup που να εμφανίζεται στην πρώτη σελίδα στους μη εγγεγραμμένους χρήστες;

Σε όσα αρχεία δοκίμασα να προσθέσω ενα απλό js alert script με το μήνυμα δεν εμφανίζεται...

Επεξ/σία 11 Μαρτίου 2022 από dimitrismagp

[ulb]

Με μια γρήγορη ματιά:

eclass folder -> include -> tools.php

Στο παρακάτω σημείο προσθέτεις το μήνυμα που θέλεις να εμφανίζεται:

Σορρυ για τη φωτο αλλά δε με αφήνει να το ποστάρω ως κώδικα.

Προφανώς, μπορείς να τροποποιήσεις και τον τρόπο που θα εμφανίζεται το μήνυμα. Μια άλλη εναλλακτική είναι η παρακάτω:

echo '<div class="alert alert-success">Κείμενο μηνύματος</div>';

 

[dimitrismagp]

Προσπαθώ με το Bootstrap modal. Σε ποιό αρχείο και σε ποιό σημείο να βάλω τον κώδικα; 

<divclass="modal"tabindex="-1"role="dialog"><divclass="modal-dialog"role="document"><divclass="modal-content"><divclass="modal-header"><h5class="modal-title"></h5><buttontype="button"class="close"data-dismiss="modal"aria-label="Close"><spanaria-hidden="true">&times;</span></button></div><divclass="modal-body"><p></p></div><divclass="modal-footer">
        <buttontype="button"class="btn btn-secondary"data-dismiss="modal"></button></div></div></div></div>

[ulb]

Τότε στο index.php που βρίσκεται στον αρχικό φάκελο, τροποποιείς το σημείο:

$tool_content .= "$warning
  <div class='row margin-top-fat'>
    <div class='col-md-12 remove-gutter'>
      <div class='jumbotron jumbotron-login'>
        <div class='row'>";
          
γραμμή 183

σε:

    $tool_content .= "
    
    <div class='modal fade' id='alertModal' tabindex='-1' role='dialog' aria-labelledby='modalLabel' aria-hidden='true'>
        <div class='modal-dialog' role='document'>
        <div class='modal-content'>
            <div class='modal-header'>
                <button type='button' class='close' data-dismiss='modal' aria-label='Close'>
                <span aria-hidden='true'>&times;</span>
                </button>
                <h4 class='modal-title' id='modalLabel'>Modal Title</h4>
            </div>
            <div class='modal-body'>
                Modal content...
            </div>
            <div class='modal-footer'>
                <button type='button' class='btn btn-secondary' data-dismiss='modal'>Close</button>
            </div>
        </div>
        </div>
    </div>
    
    αυτό εδώ μέσα σε script tag γιατί δε με αφήνει να το ποστάρω διαφορετικά
        $(window).on('load', function() {
            $('#alertModal').modal('show');
        });
    end of script tag


    $warning
        <div class='row margin-top-fat'>
            <div class='col-md-12 remove-gutter'>
                <div class='jumbotron jumbotron-login'>
                    <div class='row'>";

 

[dimitrismagp]

Δεν θα πρέπει να βάλω και cookie ώστε να εμφανίζεται μόνο μια φορά και μόνο στην πρώτη σελίδα;

Πώς προτείνετε να τροποποιηθεί το παραπάνω snippet;

[ulb]

Αυτό εξαρτάται από τη χρήση για την οποία το θέλετε.

Αν θέλετε να εμφανίζεται μόνο μια φορά μπορεί να γίνει με διάφορους τρόπους. Είτε μέσω cookie όπως αναφέρθηκε, είτε μέσω session ή local Storage για παράδειγμα. Εδώ μια σχετική ερώτηση στο stack: javascript - Modal show once per session - Stack Overflow

Επεξ/σία 12 Μαρτίου 2022 από ulb

[dimitrismagp]

βάζω το παραπάνω snippet στη γραμμή που είπαμε, (https://github.com/gunet/openeclass/blob/3.12.x/index.php#L183) αλλά δεν εμφανίζεται το popup στην αρχική σελίδα... 

Το βασικό πρόβλημα είναι να δω που θα βάλω τον κώδικα, καθώς σε όποιο σημείο του αρχείου index.php δοκίμασα, δεν εμφανίζεται...

Επεξ/σία 13 Μαρτίου 2022 από dimitrismagp

[ulb]

Δοκιμάστε να αντικαταστήσετε το index.php του αρχικού φακέλου με αυτό εδώ: https://codeshare.io/Wdz7kd

[dimitrismagp]

@ulb ευχαριστώ πολύ, καμία τύχη... Έχω πειράξει και άλλα πράγματα στο index.php χωρίς αποτέλεσμα

Επεξ/σία 13 Μαρτίου 2022 από dimitrismagp

[ulb]

Η σελίδα είναι σε local μηχάνημα ή υπάρχει πρόσβαση και από έξω; Αν ναι, είναι εύκολο να μοιραστείτε έστω σε προσωπικό μήνυμα το url μήπως μπορέσουμε να βρούμε την αιτία που δε λειτουργεί;

Διαφορετικά αν μπορείτε, CTRL + U στην αρχική σελίδα, CTRL + F και αναζήτηση του όρου "alertModal" να δούμε σε πιο σημείο το τοποθετεί, αν το τοποθετεί.