Mικρη βοήθεια σε script

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

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

Απάντηση
Άβαταρ μέλους
The Razor
Δημοσιεύσεις: 1940
Εγγραφή: 10 Φεβ 2007 12:37
Επικοινωνία:

Mικρη βοήθεια σε script

Δημοσίευση από The Razor » 26 Αύγ 2012 02:06

Στο παρακάτω script : http://tympanus.net/codrops/2011/03/09/ ... tent-menu/

Θέλω όταν πατάω σε ενα λινκ στο μενου να μην εξαφανίζεται το μενου και να παραμένει εκεί (εγω το έχω μετακινήσει το μενού στη δικιά μου σελίδα).

Το κατάφερα αυτό αλλά κάθε σελίδα που ανοίγει απο το menu ανοίγει πάνω απο την προηγούμενη (χωρίς να κλείνει η προηγούμενη) με αποτέλεσμα να μην ανοιγεί για 2η φορά.

Επειδή δεν εχώ τρομερές γνώσεις javascript αυτό που θέλω είναι να παραμένει ανοιχτό το menu και όταν πατάω άλλη σελίδα στο menu να κλείνει η προηγούμενη και να ανοίγει η επόμενη. Όποιος βοηθήσει θα με σώσει πραγματικα :kaloe:

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

Mικρη βοήθεια σε script

Δημοσίευση από alou » 27 Αύγ 2012 19:12

Δεν είναι ο καλύτερος τρόπος μάλλον αλλά λογικά, αν αλλάξεις αυτό

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

$el_title.bind('click.Menu', function(e) {
									$.when(toggleMenuItems('down')).done(function(){
									openSubMenu($item, $sub_menu, el_image);
								});
								return false;
							});
έτσι θα είσαι μάλλον ΟΚ (μια πρόχειρη δοκιμή δούλευε πάντως)

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

$el_title.bind('click.Menu', function(e) {
									$.when(toggleMenuItems('down')).done(function(){
									$('.ac_subitem').animate({opacity: 0}, 300); // diafaneia se ola ta submenu
									$sub_menu.css('opacity', '1'); //auto pou se endiaferei na min exei diafaneia
									openSubMenu($item, $sub_menu, el_image);
								});
								return false;
							});
Πιθανώς να χρειάζεται να παίξεις και με το z-index εκτός του opacity αν δεν δουλεύει το κουμπάκι που τα κλείνει (?)

Άβαταρ μέλους
The Razor
Δημοσιεύσεις: 1940
Εγγραφή: 10 Φεβ 2007 12:37
Επικοινωνία:

Mικρη βοήθεια σε script

Δημοσίευση από The Razor » 28 Αύγ 2012 13:48

"Κρύβεται" πάλι το menu.. Ευχαριστώ πολύ πάντως :)

edit: εκανά και εγω μια μικρή αλλαγή μαζί με το δικό σου και δουλεύει οπως θέλω :)

Άβαταρ μέλους
The Razor
Δημοσιεύσεις: 1940
Εγγραφή: 10 Φεβ 2007 12:37
Επικοινωνία:

Mικρη βοήθεια σε script

Δημοσίευση από The Razor » 28 Αύγ 2012 14:07

αλλαξα το

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

                        else if(dir === 'down'){
                            marginTop   = '60px';
                            opacity     = 0;
                            easing      = 'easeInBack';
        }
σε

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

                        else if(dir === 'up'){
                            marginTop   = '60px';
                            opacity     = 0;
                            easing      = 'easeInBack';
        }
για να μην κρυβεται το μενου και άλλαξα και τον κώδικα που μου είπες. Δεν νομίζω να είναι πολύ σωστό αυτό που έκανα αλλα δουλεύει..Το θέμα είναι ότι όταν ανοίγω μια υποσελίδα και ανοίγω αλλη απο το μενού, και μετά την ξανανοίγω δεν μπορώ να κλικάρω μέσα στην υποσελίδα
Τελευταία επεξεργασία από το μέλος The Razor την 28 Αύγ 2012 15:19, έχει επεξεργασθεί 1 φορά συνολικά.

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

Mικρη βοήθεια σε script

Δημοσίευση από alou » 28 Αύγ 2012 14:16

Είναι λάθος να βάλεις δυο φορές το ίδιο conditional και να μην ορίζεις τίποτα για το down, δε λειτουργεί σωστά.

κάντο

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

else if(dir === 'down'){
                            marginTop   = '0px';
                            opacity     = 1;
                            easing      = 'easeInBack';
        }
ώστε να μην κρύβεται το μενού και σε αυτή την περίπτωση. Αν δεν είναι clickable τα υπομενού, χρειάζεται να κάνεις αυτό που σου είπα με το z-index, δηλαδή κάτι τέτοιο:

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

$el_title.bind('click.Menu', function(e) {
                           $.when(toggleMenuItems('down')).done(function(){
                           $('.ac_subitem').animate({opacity: 0}, 300).css('z-index', '0'); // diafaneia se ola ta submenu
                           $sub_menu.css('opacity', '1').css('z-index', '9'); //auto pou se endiaferei na min exei diafaneia
                           openSubMenu($item, $sub_menu, el_image);
                        });
                        return false;
                     });
Δεν ξέρω τι άλλα z-index παίζουν στα στοιχεία σου, ίσως χρειαστεί να παίξεις με τα νούμερα.

Άβαταρ μέλους
The Razor
Δημοσιεύσεις: 1940
Εγγραφή: 10 Φεβ 2007 12:37
Επικοινωνία:

Mικρη βοήθεια σε script

Δημοσίευση από The Razor » 28 Αύγ 2012 15:11

Ευχαριστώ πάρα πολύ, όλα είναι μια χαρα τωρα!
Ηρθε η ώρα να μάθω λιγο javascript και να μην τα πειράζω στην τυχη :Ρ

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

Mικρη βοήθεια σε script

Δημοσίευση από alou » 28 Αύγ 2012 16:21

The Razor έγραψε:Ευχαριστώ πάρα πολύ, όλα είναι μια χαρα τωρα!
Ηρθε η ώρα να μάθω λιγο javascript και να μην τα πειράζω στην τυχη :Ρ
Νάσαι καλά :D

Πειράζοντας και ψάχνοντας μαθαίνεις τελικά, αλλά για να μην το κάνεις στην τύχη διαβάζεις πρώτα ένα σχετικό βιβλίο.

Αν το αποφασίσεις και σε ενδιαφέρει η jQuery όχι γενικά js, εμένα με είχε βοηθήσει αυτό.


Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

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

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