Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][PHP]Funkcja sprawdzająca kliknięcie w obrazek
ddr
post 21.07.2010, 11:49:24
Post #1





Grupa: Zarejestrowani
Postów: 39
Pomógł: 0
Dołączył: 27.03.2010

Ostrzeżenie: (0%)
-----


Czy mógłby ktoś naprowadzić mnie jak zrobić takie coś, że jak ktoś kliknie w dany obrazek w menu to zmienia mu się obrazek pod nim na inny.
Go to the top of the page
+Quote Post
piku235
post 21.07.2010, 11:51:36
Post #2





Grupa: Zarejestrowani
Postów: 26
Pomógł: 4
Dołączył: 3.11.2008
Skąd: Rzeszów

Ostrzeżenie: (10%)
X----


Możesz to zrobić jedynie dzięki JavaScript, lub możesz użyć biblioteki jQuery, łatwiejsza w obsłudze.
Go to the top of the page
+Quote Post
zavada
post 21.07.2010, 11:52:07
Post #3





Grupa: Zarejestrowani
Postów: 68
Pomógł: 6
Dołączył: 15.06.2009
Skąd: Kraków

Ostrzeżenie: (0%)
-----


  1. <img src="ścieżka" onclick="javascript.document.getElementById("drugi").src='ścieżka drugiego obrazka po zmianie';"> // pierwszy obrazek
  2. <img src="ścieżka drugiego obrazka przed zmianą" id="drugi"> // drugi obrazek


Masz gotowca... winksmiley.jpg

PS. Wiem, że to nie ten dział na gotowce, ale cóż zrobić...
Go to the top of the page
+Quote Post
ddr
post 21.07.2010, 12:13:49
Post #4





Grupa: Zarejestrowani
Postów: 39
Pomógł: 0
Dołączył: 27.03.2010

Ostrzeżenie: (0%)
-----


To nie działa albo ja coś źle robię. dry.gif
Go to the top of the page
+Quote Post
Wilu88
post 21.07.2010, 12:20:46
Post #5





Grupa: Zarejestrowani
Postów: 158
Pomógł: 6
Dołączył: 7.03.2010

Ostrzeżenie: (0%)
-----


Cytat(ddr @ 21.07.2010, 13:13:49 ) *
To nie działa albo ja coś źle robię. dry.gif



A oczywiście zamiast słowa "ścieżka" wpisałeś swoje ścieżki do obrazków?
Go to the top of the page
+Quote Post
ddr
post 21.07.2010, 12:23:14
Post #6





Grupa: Zarejestrowani
Postów: 39
Pomógł: 0
Dołączył: 27.03.2010

Ostrzeżenie: (0%)
-----


Wilku, za takiego newbie to mnie nie miej tongue.gif Jasne że wpisałem. Obrazki są tylko jak kliknę w obrazek to nic się nie dzieje.

Ten post edytował ddr 21.07.2010, 12:23:58
Go to the top of the page
+Quote Post
thek
post 21.07.2010, 12:39:35
Post #7





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D




Bo skrypt ma błąd. Zobacz na apostrofy w onclick. Objęcie parametru drugi w podwójne sprawia, że masz błąd składni. Zamień je na pojedyncze i powinno być ok.


--------------------
Najpierw był manual... Jeśli tam nie zawarto słów mądrości to zapytaj wszechwiedzącego Google zadając mu własciwe pytania. A jeśli i on milczy to Twój problem nie istnieje :D
Go to the top of the page
+Quote Post
ddr
post 21.07.2010, 12:47:50
Post #8





Grupa: Zarejestrowani
Postów: 39
Pomógł: 0
Dołączył: 27.03.2010

Ostrzeżenie: (0%)
-----


Poprawiłem lecz dalej się nic nie dzieje blink.gif

  1. <img src="admin.png" onclick="javascript.document.getElementById('drugi').src='kupadmina.png'">
  2. <img src="tlo.png" id="drugi">


Ten post edytował ddr 21.07.2010, 12:48:43
Go to the top of the page
+Quote Post
zavada
post 21.07.2010, 12:52:41
Post #9





Grupa: Zarejestrowani
Postów: 68
Pomógł: 6
Dołączył: 15.06.2009
Skąd: Kraków

Ostrzeżenie: (0%)
-----


...i znalazłem drugi błąd w swoim skrypcie: zamiast kropki po javascript ma być dwukropek smile.gif

Go to the top of the page
+Quote Post
thek
post 21.07.2010, 12:54:37
Post #10





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D




Bo ścieżka nie jest prawidłowa. kupaadmina.png to się bierze z powietrza? Walnij cały adres (począwszy od http://) i powiedz czy działa smile.gif


--------------------
Najpierw był manual... Jeśli tam nie zawarto słów mądrości to zapytaj wszechwiedzącego Google zadając mu własciwe pytania. A jeśli i on milczy to Twój problem nie istnieje :D
Go to the top of the page
+Quote Post
zavada
post 21.07.2010, 12:58:00
Post #11





Grupa: Zarejestrowani
Postów: 68
Pomógł: 6
Dołączył: 15.06.2009
Skąd: Kraków

Ostrzeżenie: (0%)
-----


Chyba raczej kupadmina smile.gif

O ile robiłem kiedyś takie skrypciki to "http:// i dalsza ścieżka" nie była ważna, jeśli obrazek był w tym samym folderze, co plik html/skrypt.

Ten post edytował zavada 21.07.2010, 12:58:50
Go to the top of the page
+Quote Post
thek
post 21.07.2010, 13:12:21
Post #12





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D




Owszem, jeśli jest w tym samym + nie podmieniono obrazka na serwerze. Przeglądarka przy zmianie src zapewne uzyje obrazka z cache swojego. użycie http:// w adresie wymusza na niej żądanie do serwera by sprawdzić, czy zwróci jej status 304(Not modified) czy nie.


--------------------
Najpierw był manual... Jeśli tam nie zawarto słów mądrości to zapytaj wszechwiedzącego Google zadając mu własciwe pytania. A jeśli i on milczy to Twój problem nie istnieje :D
Go to the top of the page
+Quote Post
ddr
post 21.07.2010, 13:42:10
Post #13





Grupa: Zarejestrowani
Postów: 39
Pomógł: 0
Dołączył: 27.03.2010

Ostrzeżenie: (0%)
-----


Działa pięknie, a teraz mam takie pytanko czy można jakoś na jednym z obrazków dodać coś a żeby na innych tego nie było? Pokaże wam to co zrobiłem - Klik I właśnie chciałbym aby działały te przyciski "wzór podania, płatności" i ten kalkulator, i moje pytanie w jakim miejscu mam to zakodować.
Go to the top of the page
+Quote Post
Wilu88
post 21.07.2010, 13:58:57
Post #14





Grupa: Zarejestrowani
Postów: 158
Pomógł: 6
Dołączył: 7.03.2010

Ostrzeżenie: (0%)
-----


Ja bym na twoim miejscu zrobił to na zasadzie ukrytych divów i tylko przyciskami uaktywniałbym jeden, a resztę ukrywał, chyba będzie najprościej.

Tworzysz tyle divów ile będzie tam działów

  1. <div style="display: none" id="dzial1">
  2. <p>Oto treść diva.</p>
  3. </div>
  4.  
  5. <div style="display: none" id="dzial2">
  6. <p>Oto treść diva.</p>
  7. </div>


itd.


A później każdemu przyciskowi w zdarzeniu onclick przypisujesz coś takiego:

Dla działu 1:
Kod
onClick="document.getElementById('dzial1').style.display='block';"

Dla działu 2:
Kod
onClick="document.getElementById('dzial2').style.display='block';"


itd.

Powinno zadziałać ale musiałbyś jeszcze potestować bo czasem okazuje się że wrazm z odkryciem jednego diva, trzeba ukrywać wszystkie inne
Go to the top of the page
+Quote Post
ddr
post 21.07.2010, 14:16:48
Post #15





Grupa: Zarejestrowani
Postów: 39
Pomógł: 0
Dołączył: 27.03.2010

Ostrzeżenie: (0%)
-----


Wilu, bardzo mi pomogłeś, tylko jeszcze jedno bym się chciał spytać a mianowicie jak zrobić tak że jak pokazuje się jeden div to wszystkie inne się chowają?
Go to the top of the page
+Quote Post
Wilu88
post 21.07.2010, 14:21:06
Post #16





Grupa: Zarejestrowani
Postów: 158
Pomógł: 6
Dołączył: 7.03.2010

Ostrzeżenie: (0%)
-----


Kod
onclick="document.getElementById('dzial1').style.display='block'; document.getElementById('dzial2').style.display='none'; document.getElementById('dzial3').style.display='none'; document.getElementById('dzial4').style.display='none'; document.getElementById('dzial5').style.display='none';"


Ten kod pokaże Ci dział1 a resztę powinien ukryć, o ile się gdzieś nie machnąłem biggrin.gif
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 28.04.2024 - 06:09