[JavaScript][PHP]Prośba o zrozumienie czemu js nie działa |
[JavaScript][PHP]Prośba o zrozumienie czemu js nie działa |
12.12.2019, 19:29:33
Post
#1
|
|
Grupa: Zarejestrowani Postów: 111 Pomógł: 2 Dołączył: 20.07.2014 Ostrzeżenie: (0%) |
Witam,
Nie mogę zrozumieć dlaczego skrypt w jednym wypadku działa a w innym nie. Projekt składa się z pliku index.php oraz folderów "index", css i js. Zawartość folderu index to pliki "wyszukiwarkaMain.php oraz plik searchCity.php Zawartość folderu css to plik hamburger.css Zawartość folderu js to javaScriptCity.js Zasadniczym celem programu jest podpowiadanie nazw miejscowości (autocomplete). Kod zacznę od javaScriptCity.js
plik hamburger.css
Plik wyszukiwarkaMain.php <div class = "citySearch"> <input type="text" name="city" id="city" class="form-control" placeholder="miejscowość" /> </div> plik searchCity.php
i na zakończenie plik index.php
i teraz gdzie tkwi problem. fragmentem pliku index.php jest: <?php require "index/wyszukiwarkaMain.php"; ?> jeżeli wyszukiwarkaMain.php "załaduję" w ten sposób to wszystko gra. Jednak "wyszukiwarka zajmuje zbyt dużo miejsca więc chciałbym by użytkownik jak będzie chciał to sam ją otworzy klikając w "hamburgera". Wyszukiwarka oczywiście się otwiera jednak funkcja podpowiadania nazw miejscowości wówczas nie działa. Ktoś podpowie? Z góry dziękuję |
|
|
12.12.2019, 19:41:03
Post
#2
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
Co to oznacza, że użytkownik sam otwiera wyszukiwarkę klikając w "hamburgera"? Czy to oznacza, że po prostu w nowej zakładce/oknie otwiera się podstrona o adresie:
http://domena.pl/index/wyszukiwarkaMain.php? -------------------- |
|
|
12.12.2019, 22:06:02
Post
#3
|
|
Grupa: Zarejestrowani Postów: 111 Pomógł: 2 Dołączył: 20.07.2014 Ostrzeżenie: (0%) |
Ten fragment kodu to "przycisk" (trzy poziome kreski) uruchamiające funkcję "wyszukiwarka". Funkcja wyszukiwarka umieszcza pomiędzy divami "wyszukiwarkaMain" zawartość pliku wyszukiwarkaMain.php (to dzieje się na tej samej stronie po prostu div się "rozsuwa"). |
|
|
12.12.2019, 22:27:24
Post
#4
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
I wtedy również powinieneś zainicjować kod do obsługi autocomplete.
Tylko dlaczego wstawiasz ten fragment HTML dynamicznie, a nie jest on tam na stałe? -------------------- |
|
|
15.12.2019, 17:46:18
Post
#5
|
|
Grupa: Zarejestrowani Postów: 111 Pomógł: 2 Dołączył: 20.07.2014 Ostrzeżenie: (0%) |
W wersji mobilnej chcę by wyszukiwarka zajmowała jak najmniej miejsca.
Napisałeś "wtedy również powinieneś zainicjować kod do obsługi autocomplete." tzn? Przekopiowanie by javaScriptCity.js ładowała się dopiero po załadowaniu wyszukiwarkaMain.php nic nie zmieniło. |
|
|
15.12.2019, 17:52:30
Post
#6
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
Wtedy:
funkcja wyszukiwarka umieszcza pomiędzy divami "wyszukiwarkaMain" zawartość pliku wyszukiwarkaMain.php Co to znaczy, że ma zajmować mniej miejsca? Nie możesz jej po prostu ukryć z pomocą CSS? Wiesz, że obecnie za każdym razem na kliknięcie checkbox ten kod HTML będzie wstawiany? -------------------- |
|
|
16.12.2019, 18:30:43
Post
#7
|
|
Grupa: Zarejestrowani Postów: 111 Pomógł: 2 Dołączył: 20.07.2014 Ostrzeżenie: (0%) |
Nie widziałem, że za pomocą js mogę zmieniać CSS - dziękuję.
|
|
|
16.12.2019, 18:41:05
Post
#8
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
Tak, to prawda, ale nie to miałem na myśli.
Wyszukiwarkę można pokazywać/ukrywać wyłącznie z pomocą CSS. Jakby nie było, lepiej jeśli skorzystasz z połączenia JS+CSS, niż tak jak obecnie. -------------------- |
|
|
Wersja Lo-Fi | Aktualny czas: 28.04.2024 - 04:07 |