Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Przełączany kod w panelu
pawelek1261
post 19.08.2012, 08:26:07
Post #1





Grupa: Zarejestrowani
Postów: 51
Pomógł: 0
Dołączył: 10.11.2011

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

Witam! Jak moge zrobić przełączany kod w panele? Tzn. mam napis "Kotek|Piesek" i chcę jak nacisne na Kotek aby pojawiło się zdjęcie kotka, a jak nacisne na 'Piesek" to żeby pojawiło się zdjęcie pieska. Podałem taki przykład. Wie ktoś jaki musze kod zastosować?
Proszę o pomoc.
Go to the top of the page
+Quote Post
d3ut3r
post 19.08.2012, 08:36:15
Post #2





Grupa: Zarejestrowani
Postów: 709
Pomógł: 176
Dołączył: 24.10.2010

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

jeżeli chodzi o PHP to odpowiednie linki np index.php?pokaz=piesek i index.php?pokaz=kotek nastepnie w index.php instrukcja warunkowa if w odwołaniu do tablicy $_GET a konkretnie elementu $_GET['pokaz']

można też to zrobić w JavaScript np z wykorzystaniem jQuery wtedy przyda się poczytać o zdarzeniach (dokładnie o zdażeniu click) i metodach show i hide



--------------------
http://d3ut3r.wordpress.com/ | mysql_* jest przestarzałe UŻYWAJ PDO!
Go to the top of the page
+Quote Post
pawelek1261
post 19.08.2012, 09:51:48
Post #3





Grupa: Zarejestrowani
Postów: 51
Pomógł: 0
Dołączył: 10.11.2011

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

Właśnie wolał bym ten 2 sposób, mógł byś kod podyktować? (odrazu w php jak możesz)
Go to the top of the page
+Quote Post
newbie96
post 19.08.2012, 11:10:56
Post #4





Grupa: Zarejestrowani
Postów: 44
Pomógł: 0
Dołączył: 31.12.2011

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

Cytat(pawelek1261 @ 19.08.2012, 10:51:48 ) *
Właśnie wolał bym ten 2 sposób, mógł byś kod podyktować? (odrazu w php jak możesz)

ale kawały fajne opowiadasz ...
Go to the top of the page
+Quote Post
pawelek1261
post 19.08.2012, 11:42:09
Post #5





Grupa: Zarejestrowani
Postów: 51
Pomógł: 0
Dołączył: 10.11.2011

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

? Dobrze sie czujesz ?
Go to the top of the page
+Quote Post
Tajgeer
post 19.08.2012, 12:08:59
Post #6





Grupa: Zarejestrowani
Postów: 290
Pomógł: 48
Dołączył: 11.05.2008
Skąd: Kielce

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

Jeśli chcesz, żeby ktoś napisał za Ciebie ten skrypt, to napisz w dziale "Giełda".

Przykładowy sposób rozwiązania:
jQuery + zdarzenie .click();

Ten post edytował Tajgeer 19.08.2012, 12:09:52
Go to the top of the page
+Quote Post
newbie96
post 19.08.2012, 12:10:57
Post #7





Grupa: Zarejestrowani
Postów: 44
Pomógł: 0
Dołączył: 31.12.2011

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

@up
racja

@pawelek1261
po prostu nikt nie napisze za ciebie calego gotowego kodu biggrin.gif
Go to the top of the page
+Quote Post
pawelek1261
post 19.08.2012, 12:14:39
Post #8





Grupa: Zarejestrowani
Postów: 51
Pomógł: 0
Dołączył: 10.11.2011

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

Kod
   <div style=\"width:200px;\"><script>
function pokazdiv(el) {
for(var i=1; i<=2; i++) {
if(el == i) {
document.getElementById(el).style.display = \"block\";}
else{document.getElementById(i).style.display = \"none\"
;}}}
</script>
<center><a href=\"java script:void(0);\" onclick=\"pokazdiv(\'1\');\">Następny mecz</a> | <a href=\"java script:void(0);\" onclick=\"pokazdiv(\'2\');\">Poprzedni mecz</a></center>
<div id=\"1\">
treść następnego meczu<br>
treść następnego meczu<br>
treść następnego meczu<br>
</div>
<div id=\"2\" style=\"display:none;\">
treść poprzedniego meczu<br>
treść poprzedniego meczu<br>
treść poprzedniego meczu<br>
</div>
</div>


Mam taki przykładowy kod, ale on nie działa. Tzn. gdy wkleiłem i włączyłem panel po kliknięciu na "Następny mecz" otwiera mi nową karte i pokazuje błąd not found i na pasku adresu taki napis(nazwastrony.pl/java script:void(0); )
Wie ktos czemu?
Go to the top of the page
+Quote Post
Tajgeer
post 19.08.2012, 12:18:09
Post #9





Grupa: Zarejestrowani
Postów: 290
Pomógł: 48
Dołączył: 11.05.2008
Skąd: Kielce

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

Kod
java script:void(0);

Obrzydliwe... smile.gif

Zamień znaczniki z linkami np. na span. Problem z otwieraniem będzie zażegnany tongue.gif

Ten post edytował Tajgeer 19.08.2012, 12:18:43
Go to the top of the page
+Quote Post
pawelek1261
post 19.08.2012, 14:33:03
Post #10





Grupa: Zarejestrowani
Postów: 51
Pomógł: 0
Dołączył: 10.11.2011

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

A podał byś przykład?
Go to the top of the page
+Quote Post
Tarble
post 19.08.2012, 15:32:58
Post #11





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 19.08.2012

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

o to Ci chodzi?
Kod
    
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>

<button>Kotek</button>
<p>obrazek</p>

<script>
$("button").click(function () {
$("p").toggle("slow");
});    
</script>

Możesz to trochę zmodyfikować , na własne ....
Go to the top of the page
+Quote Post
pawelek1261
post 19.08.2012, 15:42:12
Post #12





Grupa: Zarejestrowani
Postów: 51
Pomógł: 0
Dołączył: 10.11.2011

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

Nie nie
Go to the top of the page
+Quote Post
Tarble
post 19.08.2012, 20:22:29
Post #13





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 19.08.2012

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

mozesz to zrobic tak że po kliknieciu w kotek otwiera ci sie nowe okno z obrazkiem kotka, a gdy klikniesz w pieska to ci sie wyswietli piesek biggrin.gif

link:
http://tomek.buszewski.com/2009/11/23/jquery-i-nowe-okno/
Go to the top of the page
+Quote Post
pawelek1261
post 20.08.2012, 07:23:58
Post #14





Grupa: Zarejestrowani
Postów: 51
Pomógł: 0
Dołączył: 10.11.2011

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

Nom, ale bardziej wolał bym żeby się strona nie odświeżała
Go to the top of the page
+Quote Post
Tajgeer
post 20.08.2012, 10:28:59
Post #15





Grupa: Zarejestrowani
Postów: 290
Pomógł: 48
Dołączył: 11.05.2008
Skąd: Kielce

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

Dołącz jQuery do nagłówka pliku HTML.
Nadaj znacznikom, które mają "Następny mecz" i "Poprzedni mecz" jakiś ID (np. "next", "prev").
Nadaj blokom odpowiedni ID (np. "next_match", "prev_match").
Obsłuż zdarzenie .click() na znacznikach (z użyciem np. metody .css() lub .fadeIn() i .fadeOut() dla bardziej "efektownych" przejść).

[HTML] pobierz, plaintext 
  1. <script>
  2. $('#next').click(function() {
  3.      $('#prev_match').css('display', 'none');
  4.      $('#next_match').css('display', 'block');
  5. });
  6. </script>
[HTML] pobierz, plaintext


Prościej się nie da wink.gif

Ten post edytował Tajgeer 20.08.2012, 10:29:45
Go to the top of the page
+Quote Post
« Następny starszy · PHP · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 11:24
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn