Forum PHP.pl > rozwijane menu

nigraS

31.08.2012, 14:24:48

Zmieniłem szablon, poprzednio rozwijane menu działało, a teraz nie działa po zmianie szablonu, co muszę dopisać w CSS'ie aby menu zadziałało?
Chodzi o menu po zalogowaniu znajdujące sie w prawym górnym rogu. "Zdobądź punkty"
Adres: http://www.wzajemna-wymiana.pl
Login i Hasło: demo

W starym szablonie nie widzę, aby jakieś klasy były przypisane, nie wiem jak to w tedy działało.

kamil4u

31.08.2012, 14:47:59

Jak możesz to wydobądź kod z tego menu i umieść tutaj: http://jsfiddle.net/ - oddzielnie HTML, CSS i ew. JS.
Będzie znacznie łatwiej analizować kod.

nigraS

31.08.2012, 15:09:20

w head mam takie JS.

[PHP] pobierz, plaintext 
	<script type="text/javascript" src="js/jquery-ui-1.8.14.custom.min.js"></script>
	<script type="text/javascript" src="js/jdpicker/jquery.jdpicker.js"></script>
	<script type="text/javascript" src="js/uniform/jquery.uniform.min.js"></script>
	<script type="text/javascript" src="js/jquery.hotkeys.js"></script>
	<script type="text/javascript" src="js/visualize/visualize.jQuery.js"></script>
	<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
	<script type="text/javascript" src="js/jwysiwyg/jquery.wysiwyg.js"></script>
    <script src="js/jquery.tables.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
[PHP] pobierz, plaintext

Nie wiem, czy jest tu jakieś odpowiadajace za menu

W podynym programie nie potrafię znaleść problemu.
Tak wygląda HTML

[PHP] pobierz, plaintext 
<div class="topmenu_area">
       <a href="index.php" class="home">Start</a>
       <?if(!$is_online){?>
         <?if($site['reg_status'] == 0){?>
         <a href="" class="about">Zaloguj</a>
         <a href="rejestracja.php" class="search">Rejestracja</a>  <?}?>
       <?}else{?>
 
       <li>
            <a href="#" class="about">Zdobądź punkty</a>
            <ul>
                <li><a href="facebook.php">Facebook</a></li>
                <li><a href="twitter.php">Twitter</a></li>
                <li><a href="digg.php">Digg</a></li>
                <li><a href="google.php">Google</a></li>
                <li><a href="youtube.php">Youtube</a></li>
                <li><a href="surf.php" target="_blank">Auto-Surf</a></li>
                  </ul>
        </li>
              <li><a href="stats.php" class="search">Statystyki</a></li>
         <?}?>
 
   </div>
[PHP] pobierz, plaintext

a tak CSS

[PHP] pobierz, plaintext 
.topmenu_area {
	margin: 0px;
	float: left;
	width: 292px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 682px;
}
[PHP] pobierz, plaintext

toffiak

31.08.2012, 16:12:47

Na samej górze nad

Kod

musisz załadować

Kod

nigraS

2.09.2012, 11:05:57

dodałem, ale nic się nie zmieniło.

toffiak

2.09.2012, 15:13:32

Zmieniło się i to dużo teraz jest widoczny jeden błąd:

Kod

TypeError: classAttr is undefined
classList = classAttr.split(/\s+/), main.js (wiersz 30)

Na stronie nie masz żadnego elementu z klasą "cont". Porównaj stary kod z nowym czy gdzieś ten element lub sama klasa się nie zapodziała.

Proponuje skorzystać z firebuga(Firefox)/dragonfly(Opera)

nigraS

3.09.2012, 10:17:09

ok, zamieściłem "cont" w html i css, teraz pojawia sie taki komunikat:

Kod

Czas: 03.09.2012 11:14:25
Błąd: TypeError: $(".cont .wrapper .block select.styled").select_skin is not a function
Plik źródłowy: http://www.wzajemna-wymiana.pl/js/main.js
Wiersz: 280

nie wiem o co teraz chodzi.

chomik21

3.09.2012, 14:59:49

Nie znam się na jQuery tylko na CSS, ale wydaje mi się że błąd jest tu

},
selectInput: function() {
$('.cont .wrapper .block select.styled').select_skin();
},

być może parametr .select_skin jest niepotrzebny, ponieważ nie odpowiada on żadnej funkcji.
Spróbuj dodać element któremu odpowiadało by .select_skin bądź też skasuj go z kodu.

nigraS

4.09.2012, 14:10:53

po skasowaniu taki komunikat sie pojawia:

Kod

Czas: 04.09.2012 15:05:34
Błąd: TypeError: $(".cont .wrapper .block select.styled") is not a function
Plik źródłowy: http://www.wzajemna-wymiana.pl/js/main.js
Wiersz: 280

ale np. gdy podmieniłem stary header, to menu sie rozwija, i mimo tego, że działa dobrze pojawia sie:

Kod

Czas: 04.09.2012 15:08:13
Błąd: TypeError: $(".cont .wrapper .block select.styled").select_skin is not a function
Plik źródłowy: http://www.wzajemna-wymiana.pl/js/main.js
Wiersz: 280

tak wygląda część menu ze starego headeru.

Kod

   <div class="cont soft-blue fixed">
     <div class="menu">
        <div class="menu-wrap">
           <div class="logo">
              <a href="<?=$site['site_url']?>"><img src="./img/logo_black.png" alt="logo"/></a>
           </div>
           <ul id="main_menu">
              <li><a href="index.php">Start</a></li>
              <?if(!$is_online){?>
              <?if($site['reg_status'] == 0){?><li><a href="register.php">Rejestracja</a></li><?}?>
           </ul>
              <?}else{?>
              <li>
                  <a href="#">Zdobądź punkty</a>
                  <ul>
                      <li><a href="facebook.php">Facebook</a></li>
                      <li><a href="twitter.php">Twitter</a></li>
                      <li><a href="digg.php">Digg</a></li>
                      <li><a href="google.php">Google</a></li>
                      <li><a href="youtube.php">Youtube</a></li>
                      <li><a href="surf.php" target="_blank">Auto-Surf</a></li>
                  </ul>
              </li>
              <li><a href="stats.php">Statystyki</a></li>
           </ul>
           <div class="login">
           <span class="no"><?=$data['coins']?></span>
                  <span class="ico"> </span>
                  <div class="details">
                      <div class="top">
                          <img src="img/login.jpg" alt="user" />
                          <div class="line name">
                              <?=$data['login']?>
                          </div>
                          <div class="line email">
                              <?=$data['email']?>
                          </div>
                          <div class="line">
                              Punktów: <?=$data['coins']?>
                          </div>
                          <div class="bbg"> </div>
                      </div>
                      <div class="bottom">
                          <div class="line">
                              <a href="edit_acc.php">Edytuj konto</a>
                          </div>
                          <div class="line">
                              <a href="vip.php">Konto VIP</a>
                          </div>
                          <div class="line">
                              <a href="logout.php">Wyloguj</a>
                          </div>
                      </div>
                  </div>
           </div><?}?>
        </div>
     </div>