Πρόβλημα με hover

θέματα που αφορούν τον Blogger.com (Blogspot) και τα blogs που κάνουν hosting στην πλατφόρμα αυτή.

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

Απάντηση
rafinos
Δημοσιεύσεις: 306
Εγγραφή: 15 Μάιος 2011 00:20
Επικοινωνία:

Πρόβλημα με hover

Δημοσίευση από rafinos » 20 Ιαν 2014 20:48

Έχω το εξής πρόβλημα τον παρακάτω κώδικα...

Αυτά που πρέπει να εμφανίσει εξ αρχής με το hover τα εμφανίζει πρώτη φορά στο πρώτο mouseout και στη συνέχεια δουλεύει κανονικά...

Επίσης μπορεί πρώτα να κάνω hover πάνω στο element με id='home_page' και μετά να πάνω στο element '#category_page' τότε πάλι δουλεύει κανονικά...

Ξέρει κανείς τι μπορεί να φταίει;

Αν δεν κατάλαβε κάποιος τι εννοώ μπορεί να μπει στο blog τις υπογραφείς να δει ο ίδιος το πρόβλημα με το menu της κορυφής... με το που φορτώσει το blog πηγαίντε τον κέρσορα επάνω στο κατηγορία ταινίας πριν πάει ο κέρσορας πάνω σε κάποιο άλλο link

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

<script>
$&#40;function&#40;&#41; &#123;
$&#40;'#nav_bar_area'&#41;.hover&#40;function&#40;&#41;&#123;
 $&#40;'#category_page'&#41;.hover&#40;function&#40;&#41;&#123;
      if&#40;$&#40;'#navbar_movieslist&#58;visible'&#41;&#41;&#123;
		$&#40;'#navbar_movieslist'&#41;.slideUp&#40;'slow'&#41;;
      &#125;
      if&#40;$&#40;'#navbar_category&#58;hidden'&#41;&#41;&#123;
		$&#40;'#navbar_category'&#41;.slideDown&#40;'slow'&#41;;
      &#125;
 &#125;&#41;;
 $&#40;'#movieslist_page'&#41;.hover&#40;function&#40;&#41;&#123;
      if&#40;$&#40;'#navbar_category&#58;visible'&#41;&#41;&#123;
		$&#40;'#navbar_category'&#41;.slideUp&#40;'slow'&#41;;
      &#125;
      if&#40;$&#40;'#navbar_movieslist&#58;hidden'&#41;&#41;&#123;
		$&#40;'#navbar_movieslist'&#41;.slideDown&#40;'slow'&#41;;
      &#125;
 &#125;&#41;;
 $&#40;'#home_page'&#41;.hover&#40;function&#40;&#41;&#123;
      if&#40;$&#40;'#navbar_category&#58;visible'&#41;&#41;&#123;
		$&#40;'#navbar_category'&#41;.slideUp&#40;'slow'&#41;;
      &#125;
      if&#40;$&#40;'#navbar_movieslist&#58;visible'&#41;&#41;&#123;
		$&#40;'#navbar_movieslist'&#41;.slideUp&#40;'slow'&#41;;
      &#125;	
 &#125;&#41;;
 $&#40;'#daymovie_page'&#41;.hover&#40;function&#40;&#41;&#123;
      if&#40;$&#40;'#navbar_category&#58;visible'&#41;&#41;&#123;
		$&#40;'#navbar_category'&#41;.slideUp&#40;'slow'&#41;;
      &#125;
      if&#40;$&#40;'#navbar_movieslist&#58;visible'&#41;&#41;&#123;
		$&#40;'#navbar_movieslist'&#41;.slideUp&#40;'slow'&#41;;
      &#125;	
 &#125;&#41;;
 $&#40;'#musiccorner_page'&#41;.hover&#40;function&#40;&#41;&#123;
      if&#40;$&#40;'#navbar_category&#58;visible'&#41;&#41;&#123;
		$&#40;'#navbar_category'&#41;.slideUp&#40;'slow'&#41;;
      &#125;
      if&#40;$&#40;'#navbar_movieslist&#58;visible'&#41;&#41;&#123;
		$&#40;'#navbar_movieslist'&#41;.slideUp&#40;'slow'&#41;;
      &#125;	
 &#125;&#41;;
 &#125;,function&#40;&#41;&#123;
	if&#40;$&#40;'#navbar_category&#58;visible'&#41;&#41;&#123;
	   $&#40;'#navbar_category'&#41;.slideUp&#40;'slow'&#41;;
	&#125;
	if&#40;$&#40;'#navbar_movieslist&#58;visible'&#41;&#41;&#123;
	   $&#40;'#navbar_movieslist'&#41;.slideUp&#40;'slow'&#41;;
	&#125;
 &#125;&#41;;
&#125;&#41;;
</script>

<div id='nav_bar_area'>
 <div id='nav_bar'>
  <a href='http&#58;//homecinefa.blogspot.com' id='home_page'>Κεντρική Σελίδα</a><a href='#' id='category_page'>Κατηγορία Ταινίας</a><a href='http&#58;//homecinefa.blogspot.com/search/label/daymovie' id='daymovie_page'>Η ταινία της ημέρας</a><a href='http&#58;//homecinefa.blogspot.com/search/label/movies list' id='movieslist_page'>Λίστες Ταινιών</a><a href='http&#58;//homecinefa.blogspot.com/search/label/music corner' id='musiccorner_page'>Music Corner</a>
 </div>
 <div id='navbar_category'>
  <span class='centered_span'>
   <a href='http&#58;//homecinefa.blogspot.com/search/label/movies'>Όλες οι ταινίες</a><a href='http&#58;//homecinefa.blogspot.com/search/label/action'>Περιπέτεια</a><a href='http&#58;//homecinefa.blogspot.com/search/label/drama'>Δράμα</a><a href='http&#58;//homecinefa.blogspot.com/search/label/thriller'>Θρίλερ</a><a href='http&#58;//homecinefa.blogspot.com/search/label/horror'>Τρόμου</a><a href='http&#58;//homecinefa.blogspot.com/search/label/crime'>Αστυνομική/Εγκλήματος</a><a href='http&#58;//homecinefa.blogspot.com/search/label/mystery'>Μυστηρίου</a><a href='http&#58;//homecinefa.blogspot.com/search/label/comedy'>Κωμωδία</a>
  </span>
  <span class='centered_span'> 
   <a href='http&#58;//homecinefa.blogspot.com/search/label/romance'>Αισθηματική</a><a href='http&#58;//homecinefa.blogspot.com/search/?q=label&#58;scifi|label&#58;fantasy'>Φαντασίας</a><a href='http&#58;//homecinefa.blogspot.com/search/label/animation'>Κινουμένων Σχεδίων</a><a href='http&#58;//homecinefa.blogspot.com/search/label/biography'>Βιογραφική</a><a href='http&#58;//homecinefa.blogspot.com/search/?q=label&#58;music|label&#58;dance'>Χορού/Μουσικής</a>
  </span>
 </div>
 <div id='navbar_movieslist'>
  <span class='centered_span'><a href='http&#58;//homecinefa.blogspot.com/2013/12/blog-post.html'>Ταινίες από κόμικς</a></span>
 </div>
</div>

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

Πρόβλημα με hover

Δημοσίευση από alou » 20 Ιαν 2014 21:13

Βγάλε το πρώτο hover, έτσι δηλαδή

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

$&#40;function&#40;&#41; &#123;
 $&#40;'#category_page'&#41;.hover&#40;function&#40;&#41;&#123;
      if&#40;$&#40;'#navbar_movieslist&#58;visible'&#41;&#41;&#123;
      $&#40;'#navbar_movieslist'&#41;.slideUp&#40;'slow'&#41;;
      &#125;
      if&#40;$&#40;'#navbar_category&#58;hidden'&#41;&#41;&#123;
      $&#40;'#navbar_category'&#41;.slideDown&#40;'slow'&#41;;
      &#125;
 &#125;&#41;;
 $&#40;'#movieslist_page'&#41;.hover&#40;function&#40;&#41;&#123;
      if&#40;$&#40;'#navbar_category&#58;visible'&#41;&#41;&#123;
      $&#40;'#navbar_category'&#41;.slideUp&#40;'slow'&#41;;
      &#125;
      if&#40;$&#40;'#navbar_movieslist&#58;hidden'&#41;&#41;&#123;
      $&#40;'#navbar_movieslist'&#41;.slideDown&#40;'slow'&#41;;
      &#125;
 &#125;&#41;;
 $&#40;'#home_page'&#41;.hover&#40;function&#40;&#41;&#123;
      if&#40;$&#40;'#navbar_category&#58;visible'&#41;&#41;&#123;
      $&#40;'#navbar_category'&#41;.slideUp&#40;'slow'&#41;;
      &#125;
      if&#40;$&#40;'#navbar_movieslist&#58;visible'&#41;&#41;&#123;
      $&#40;'#navbar_movieslist'&#41;.slideUp&#40;'slow'&#41;;
      &#125;   
 &#125;&#41;;
 $&#40;'#daymovie_page'&#41;.hover&#40;function&#40;&#41;&#123;
      if&#40;$&#40;'#navbar_category&#58;visible'&#41;&#41;&#123;
      $&#40;'#navbar_category'&#41;.slideUp&#40;'slow'&#41;;
      &#125;
      if&#40;$&#40;'#navbar_movieslist&#58;visible'&#41;&#41;&#123;
      $&#40;'#navbar_movieslist'&#41;.slideUp&#40;'slow'&#41;;
      &#125;   
 &#125;&#41;;
 $&#40;'#musiccorner_page'&#41;.hover&#40;function&#40;&#41;&#123;
      if&#40;$&#40;'#navbar_category&#58;visible'&#41;&#41;&#123;
      $&#40;'#navbar_category'&#41;.slideUp&#40;'slow'&#41;;
      &#125;
      if&#40;$&#40;'#navbar_movieslist&#58;visible'&#41;&#41;&#123;
      $&#40;'#navbar_movieslist'&#41;.slideUp&#40;'slow'&#41;;
      &#125;   
 &#125;&#41;;
 &#125;,function&#40;&#41;&#123;
   if&#40;$&#40;'#navbar_category&#58;visible'&#41;&#41;&#123;
      $&#40;'#navbar_category'&#41;.slideUp&#40;'slow'&#41;;
   &#125;
   if&#40;$&#40;'#navbar_movieslist&#58;visible'&#41;&#41;&#123;
      $&#40;'#navbar_movieslist'&#41;.slideUp&#40;'slow'&#41;;
   &#125;
&#125;&#41;; 

Μπερδεύεται το event propagation, υπάρχει κάποιος λόγος που το είχες έτσι;

rafinos
Δημοσιεύσεις: 306
Εγγραφή: 15 Μάιος 2011 00:20
Επικοινωνία:

Πρόβλημα με hover

Δημοσίευση από rafinos » 20 Ιαν 2014 23:06

Ναι αυτό είναι το κακό... έτσι το είχα, απλά όταν φεύγει τελείως το ποντίκι από τα "κουμπιά" προτιμώ να ξαναεπιστρέφει στην αρχική μορφή...
αυτό μάλλον ξέχασες να το σβήσεις ε;

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

 &#125;,function&#40;&#41;&#123;
   if&#40;$&#40;'#navbar_category&#58;visible'&#41;&#41;&#123;
      $&#40;'#navbar_category'&#41;.slideUp&#40;'slow'&#41;;
   &#125;
   if&#40;$&#40;'#navbar_movieslist&#58;visible'&#41;&#41;&#123;
      $&#40;'#navbar_movieslist'&#41;.slideUp&#40;'slow'&#41;;
   &#125;

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

Πρόβλημα με hover

Δημοσίευση από alou » 20 Ιαν 2014 23:29

Κάνε ένα mouseout τότε μόνο στο #nav_bar_area

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


$&#40;function&#40;&#41; &#123;
 $&#40;'#category_page'&#41;.hover&#40;function&#40;&#41;&#123;
      if&#40;$&#40;'#navbar_movieslist&#58;visible'&#41;&#41;&#123;
      $&#40;'#navbar_movieslist'&#41;.slideUp&#40;'slow'&#41;;
      &#125;
      if&#40;$&#40;'#navbar_category&#58;hidden'&#41;&#41;&#123;
      $&#40;'#navbar_category'&#41;.slideDown&#40;'slow'&#41;;
      &#125;
 &#125;&#41;;
 $&#40;'#movieslist_page'&#41;.hover&#40;function&#40;&#41;&#123;
      if&#40;$&#40;'#navbar_category&#58;visible'&#41;&#41;&#123;
      $&#40;'#navbar_category'&#41;.slideUp&#40;'slow'&#41;;
      &#125;
      if&#40;$&#40;'#navbar_movieslist&#58;hidden'&#41;&#41;&#123;
      $&#40;'#navbar_movieslist'&#41;.slideDown&#40;'slow'&#41;;
      &#125;
 &#125;&#41;;
 $&#40;'#home_page'&#41;.hover&#40;function&#40;&#41;&#123;
      if&#40;$&#40;'#navbar_category&#58;visible'&#41;&#41;&#123;
      $&#40;'#navbar_category'&#41;.slideUp&#40;'slow'&#41;;
      &#125;
      if&#40;$&#40;'#navbar_movieslist&#58;visible'&#41;&#41;&#123;
      $&#40;'#navbar_movieslist'&#41;.slideUp&#40;'slow'&#41;;
      &#125;   
 &#125;&#41;;
 $&#40;'#daymovie_page'&#41;.hover&#40;function&#40;&#41;&#123;
      if&#40;$&#40;'#navbar_category&#58;visible'&#41;&#41;&#123;
      $&#40;'#navbar_category'&#41;.slideUp&#40;'slow'&#41;;
      &#125;
      if&#40;$&#40;'#navbar_movieslist&#58;visible'&#41;&#41;&#123;
      $&#40;'#navbar_movieslist'&#41;.slideUp&#40;'slow'&#41;;
      &#125;   
 &#125;&#41;;
 $&#40;'#musiccorner_page'&#41;.hover&#40;function&#40;&#41;&#123;
      if&#40;$&#40;'#navbar_category&#58;visible'&#41;&#41;&#123;
      $&#40;'#navbar_category'&#41;.slideUp&#40;'slow'&#41;;
      &#125;
      if&#40;$&#40;'#navbar_movieslist&#58;visible'&#41;&#41;&#123;
      $&#40;'#navbar_movieslist'&#41;.slideUp&#40;'slow'&#41;;
      &#125;   
 &#125;&#41;;
  
 $&#40;'#nav_bar_area'&#41;.on&#40;'mouseout', function&#40;&#41;&#123;
   if&#40;$&#40;'#navbar_category&#58;visible'&#41;&#41;&#123;
      $&#40;'#navbar_category'&#41;.slideUp&#40;'slow'&#41;;
   &#125;
   if&#40;$&#40;'#navbar_movieslist&#58;visible'&#41;&#41;&#123;
      $&#40;'#navbar_movieslist'&#41;.slideUp&#40;'slow'&#41;;
   &#125;
   &#125;&#41;;

 &#125;&#41;; 


rafinos
Δημοσιεύσεις: 306
Εγγραφή: 15 Μάιος 2011 00:20
Επικοινωνία:

Πρόβλημα με hover

Δημοσίευση από rafinos » 21 Ιαν 2014 01:02

Πωωωω για κάποιο λόγο τώρα με το που παίρνω τον κέρσορα από το "κατηγορία ταινίας" εξαφανίζεται το div... πφφφφφφφφφφ θα μας τρελάνει

μήπως φταίει κάτι στο style του #nav_bar_area;

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

#nav_bar_area&#123;
    width&#58;100%;
    margin&#58; 0 auto;
    padding&#58; 0 auto;
&#125;

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

Πρόβλημα με hover

Δημοσίευση από alou » 21 Ιαν 2014 09:08


rafinos
Δημοσιεύσεις: 306
Εγγραφή: 15 Μάιος 2011 00:20
Επικοινωνία:

Πρόβλημα με hover

Δημοσίευση από rafinos » 21 Ιαν 2014 11:13

Και εδώ το ίδιο ακριβώς μου κάνει δε μπορώ να πάω να επιλέξω κάποια από τις επιλογές του "κατηγορία ταινίας"...

nbc
Honorary Member
Δημοσιεύσεις: 526
Εγγραφή: 05 Σεπ 2009 20:12
Επικοινωνία:

Πρόβλημα με hover

Δημοσίευση από nbc » 21 Ιαν 2014 11:27

Γιατί είστε τόσο απλοχέρηδες στα events; :)

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

$&#40;function&#40;&#41; &#123;
    $&#40;'#nav_bar_area'&#41;.mouseleave&#40;function&#40;&#41;
    &#123;
        $&#40;'#nav_bar_area'&#41;.children&#40;&#41;.not&#40;'#nav_bar'&#41;.slideUp&#40;'slow'&#41;;
    &#125;&#41;;
    $&#40;'#nav_bar a'&#41;.mouseenter&#40;function&#40;&#41;
    &#123;
        $&#40;'#nav_bar_area'&#41;.children&#40;&#41;.not&#40;'#nav_bar'&#41;.slideUp&#40;'slow'&#41;;
        var id = this.id; id = id.substr&#40;0, id.length-5&#41;;
        $&#40;'#navbar_'+id&#41;.slideDown&#40;'slow'&#41;;
    &#125;&#41;;
&#125;&#41;; 
http://jsfiddle.net/dKn3v/

rafinos
Δημοσιεύσεις: 306
Εγγραφή: 15 Μάιος 2011 00:20
Επικοινωνία:

Πρόβλημα με hover

Δημοσίευση από rafinos » 21 Ιαν 2014 11:38

Ε πρέπει να έρθει κάποιος να μας διορθώσει :P
Ναι σαι κάλα!!!!
Αν μπορούσες κάποια στιγμή να μου εξηγήσεις και λίγο :P

Βασικά μάλλον κατάλαβα... και σε αυτό

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

id = id.substr&#40;0, id.length-5&#41;; 
Σε αυτό πρέπει βοήθησε που σε όλα τα λινκ έχω το "_page" στο τέλος ε;

Αν τώρα μου πει κάποιος και πως μπορώ να μην εμφανίζω το navbar στα smartphones γιατί δεν το έχω σαν widget θα είμαι ο πιο ευτυχισμένος άνθρωπος (τουλάχιστον μέχρι το απόγευμα :P)

Απάντηση

Επιστροφή στο “Blogspot.com - Blogger”

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

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