Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Dynamiczne wywołanie funkcji + zmiana wartości przez PHP
Forum PHP.pl > Forum > Przedszkole
Vertisan
11.06.2015, 16:16:08
Witam!

Jestem początkującym w JS i mam następujący problem. Mam funkcję oraz warunek, funkcja ta ma się wywołać po spełnieniu warunku - ok, działa jak należy ale dopiero po przeładowaniu strony, a ja bym chciał żeby działało to bez przeładowania strony.

Kod
function dropdown_hover() {
    $(".dropdown").hover(            
            function() {
                $('.dropdown-menu', this).stop( true, true ).fadeIn(450);
                $(this).toggleClass('open');
            },
            function() {
                $('.dropdown-menu', this).stop( true, true ).fadeOut(450);
                $(this).toggleClass('open');
            });
};

$(function(){
    var $window = $(window);

    if ($window.width() > 768) {
        dropdown_hover();
    };
})


I żeby nie robić drugiego tematu, mam jeszcze jedno pytanie. W jaki sposób, poprzez PHP mogę zmieniać wartości JS?
patwoj98
11.06.2015, 16:23:10
Zacznij od wrzucenia tego w kod, a nie w funkcję z manuala bo tak to mało komu się będzie chciało z tym męczyć wink.gif
Vertisan
11.06.2015, 16:25:40
Poprawione
patwoj98
11.06.2015, 16:38:56
To jeszcze dorzuć dla nas HTML z którym to współpracuje. (wymagam tego zgodnie z tym co obowiązuje: Temat: JavaSccript jesli Twoj watek go dotyczy KONIECZNIE przeczytaj)
Vertisan
11.06.2015, 16:46:59 
[HTML] pobierz, plaintext 
  1.     <nav id="main-navi" class="navbar navbar-default">
  2.         <div class="container-fluid">
  3.         <div class="navbar-header">
  4.             <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-navigation">
  5.                 <span class="sr-only">Toggle navigation</span>
  6.                 <span class="icon-bar"></span>
  7.                 <span class="icon-bar"></span>
  8.                 <span class="icon-bar"></span>
  9.             </button>
  10.         </div>
  11.  
  12.         <div class="collapse navbar-collapse" id="main-navigation">
  13.                 <ul class="nav navbar-nav navbar-right">
  14.                     <li>
  15.                         <a href="#">Aktualności</a>
  16.                     </li>
  17.                     <li class="dropdown">
  18.                         <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Informacje <span class="caret"></span></a>
  19.                         <ul class="dropdown-menu" role="menu">
  20.                             <li>
  21.                                 <a href="#">O turnieju</a>
  22.                             </li>
  23.                             <li>
  24.                                 <a href="#">Dojazd</a>
  25.                             </li>
  26.                             <li>
  27.                                 <a href="#">Nagrody</a>
  28.                             </li>
  29.                             <li>
  30.                                 <a href="#">Sprzet</a>
  31.                             </li>
  32.                             <li>
  33.                                 <a href="#">Wspólpraca</a>
  34.                             </li>
  35.                             <li class="divider"></li>
  36.                             <li>
  37.                                 <a href="#">Regulaminy</a>
  38.                             </li>
  39.                         </ul>
  40.                     </li>
  41.                     <li>
  42.                         <a href="#">Zapisy</a>
  43.                     </li>
  44.                     <li>
  45.                         <a href="#">Galeria</a>
  46.                     </li>
  47.                     <li>
  48.                         <a href="#">Stream</a>
  49.                     </li>
  50.                     <li>
  51.                         <a href="#">FAQ</a>
  52.                     </li>
  53.                     <li>
  54.                         <a href="#">Kontakt</a>
  55.                     </li>
  56.                 </ul>
  57.             </div><!-- /.navbar-collapse -->
  58.         </div><!-- /.container-fluid -->
  59.     </nav>
[HTML] pobierz, plaintext
patwoj98
11.06.2015, 16:52:59
To już jest jQuery. Spróbuj dać przed lub po Twoich JSowych funkcjach:
Kod
$(document).ready(function(){
  dropdown_hover();      
});
Vertisan
11.06.2015, 17:08:51
Cytat(patwoj98 @ 11.06.2015, 17:52:59 ) *
To już jest jQuery. Spróbuj dać przed lub po Twoich JSowych funkcjach:
Kod
$(document).ready(function(){
  dropdown_hover();      
});


Nie pomaga, dalej to samo
patwoj98
11.06.2015, 17:17:55
Wydaje mi się, że nie tym robisz. Spróbuj https://jqueryui.com/toggle/ smile.gif
Vertisan
11.06.2015, 18:11:04
Cytat(patwoj98 @ 11.06.2015, 18:17:55 ) *
Wydaje mi się, że nie tym robisz. Spróbuj https://jqueryui.com/toggle/ smile.gif

Chyba nie zrozumiałeś o co mi wgl chodzi ...
Przeczytaj jeszcze raz pierwszy post
patwoj98
11.06.2015, 18:18:38
Spróbuj wrzucić to co podałem w poście 6 do ifa
Vertisan
11.06.2015, 18:20:12
Cytat(patwoj98 @ 11.06.2015, 19:18:38 ) *
Spróbuj wrzucić to co podałem w poście 6 do ifa


Dalej nie czytasz co pisze ... Patrz mój post po Twoim -.-
patwoj98
11.06.2015, 18:49:47
To Ty czytasz nie uważnie. Jak byś pokusił się jednak o sprawdzenie co ten patwoj pisze to daj znać czy działa.
Vertisan
11.06.2015, 18:52:14
Napisałem że nie działa a Ty dalej swoje ...
Dobra, widzę że bez sensu jest cały ten temat - można zamknąć, poszukam pomocy gdzie indziej.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.