Elxis CMS Forum

Ελληνικό Forum => Διαχείριση => Topic started by: m0st on April 02, 2013, 16:02:47

Title: Facebook Pop Up
Post by: m0st on April 02, 2013, 16:02:47

Καλησπέρα σας και πάλι.

Αναρωτιέμαι πως θα μπορούσα να προσθέσω στην σελίδα μου το κλασικό Facebook Pop Up που βγαίνει την ώρα της εισόδου του επισκέπτη. Έχω βρει διάφορα σκριπτάκια για blogs ή άλλες πλατφόρμες και θα ήθελα να το κάνω και στην δική μου.
Καμία γνώμη κανείς;

Title: Re: Facebook Pop Up
Post by: datahell on April 07, 2013, 19:31:21

Δεν ξέρω πιο είναι το "facebook popup" ή αν υπάρχει έτοιμο script. Θα σου πω πως θα εμφάνιζα εγώ ένα "popup" στην πρώτη επίσκεψη του χρήστη στο site.
Πας στο index.php του template σου και ελέγχεις με το session αν αυτή είναι η πρώτη επίσκεψη του χρήστη. Αν ναι, εμφανίζεις ένα div που σε άλλη περίπτωση θα ήταν κρυφό πάνω από οτιδήποτε άλλο.

$eSession = eFactory::getSession();
if ($eSession->get('oldvisitor', 0) == 0) { //first visit!
     $eDoc = eFactory::getDocument();
     $eSession->set('oldvisitor', 1);
     $eDoc->addStyle('#fbookprompt { display:block; }');
}

Στο div σου, κάπου στο τέλος του template θα έχεις κάτι σαν αυτό:
<div id="fbookprompt"><div class="fbookcontents">περιεχόμενα εδώ</div></div>

Και στο css του template σου κάτι σαν αυτό:
#fbookprompt {
   position:absolute; top:0; left:0; margin:0; padding:0; background-color:#000; opacity:0.6; display:none; z-index:9999; width:100%; height:100%;
}
.fbookcontents {
    margin:150px auto; padding:10px; width:400px; background-color:#EEE; border:1px solid #fff; color:#333;
}

Για να κλείσεις το popup χρειάζεσε λίγη javascript που θα αλλάξει το "display" του "fbookprompt" από "block" πίσω σε "none". Αυτή θα την βάλεις στα περιεχόμενα του div.
<a href="javascript:void(null);" onclick="document.getElementById('fbookprompt').style.display='none';">Close</a>