 Rozwijana lista plus - minus |
  |
| Rozwijana lista plus - minus |
 
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 6 Pomógł: 0 Dołączył: 8.10.2006 Ostrzeżenie: (0%) 
 |
Chodzi mi o to jak zrobić, żebym miał rozwijaną listę danych po kliknięciu na link (Javascript). Zrobiłem coś takiego tylko, że z jedną ikoną. To znaczy, że jak klikne to sie rozwija lista, ale nie zmienia sie obrazek na minus. A chciałbym dodać sobie takie obrazek minus. Ten minus wygląda tak: (IMG:http://www.emule-project.net/home/img/op.gif) . Plus wiadomo jak wygląda (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) I właśnie nie wiem jak to zrobic zeby mieć też ten minus po rozwinęciu listy. Ktoś mi może pomóc ? (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)
|
 |
 
|
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 90 Pomógł: 4 Dołączył: 5.02.2006 Ostrzeżenie: (0%)
|
kod odpowiedzialny za zmiane pliku obrazka to:
|
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 6 Pomógł: 0 Dołączył: 8.10.2006 Ostrzeżenie: (0%)
|
Dobra jak mam to teraz uzyc jako link w sekcji <a>. Wiem jak w javascripcie ale nie wiem jak w php (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
|
|
|
|
|
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 90 Pomógł: 4 Dołączył: 5.02.2006 Ostrzeżenie: (0%)
|
Możesz podać kod swojej listy (menu) ? Chodzi Ci o to aby podczas rozwijania / zwijania listy strona nie była przeładowywana czy o to aby po przeładowaniu strony lista rozwijana utrzymała stan z przed przeładowania strony?
|
|
|
|
|
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 1 415 Pomógł: 117 Dołączył: 7.09.2005 Skąd: Warszawa Ostrzeżenie: (0%)
|
Unobtrusive DHTML, and the power of unordered lists, warto przejrzeć. Linki podane bezpośrednio w artykule również.
|
|
|
|
|
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 6 Pomógł: 0 Dołączył: 8.10.2006 Ostrzeżenie: (0%)
|
Dobra, mam coś takiego napisanego w java script:
CODE <script type="text/javascript"> var stan, obrazek; function PokazUkryj(nazwa,image) { stan=(document.getElementById(nazwa).style.display=="none")?true:false; document.getElementById(nazwa).style.display=(stan)?"block":"none"; obrazek=(document.getElementById(image).style.display=="none")?true:false; document.getElementById(image).style.display=(obrazek)?"block":"none"; if(stan.style.display == 'none') { stan.style.display = 'block'; obrazek.setAttribute("src", "images/minus.gif"); } else { stan.style.display = 'none'; obrazek.setAttribute("src", "images/plus.gif"); } } </script> W sekcji body mam coś takiego Kod <a href="java script:PokazUkryj('lista');"><b>KGHM</b></a><br /> A to jest zawartość "lista": Kod <div id="lista" style="display:none;"> <a href="">Urzadzenia</a><br /> <a href="">Prace wydobywcze</a><br /> Dlaczego nie wyświetlają się wogóle plusy i minusy ? Jest tylko napis :/ |
|
|
|
|
Post
#7
|
|
|
Grupa: Moderatorzy Postów: 15 467 Pomógł: 1451 Dołączył: 25.04.2005 Skąd: Szczebrzeszyn/Rzeszów |
Kod function PokazUkryj(nazwa,image) { Tu są dwa parametry, a Ty podałeś tylko jeden. Wstaw jakiś <img> do dokumentu i jako drugi parametr do funkcji w <a> podaj nazwę owego obrazka. |
|
|
|
|
Post
#8
|
|
|
Grupa: Zarejestrowani Postów: 6 Pomógł: 0 Dołączył: 8.10.2006 Ostrzeżenie: (0%)
|
Niestety nie działa dalej. Gdy dodaję element image do parametru w sekcji <a> to wogóle to wszystko przestaje działać. Nie rozwija się lista. Natomiast gdy jest jeden parametr to wszystko jest dobrze, tylko nie ma obrazków :/
|
|
|
|
|
Post
#9
|
|
|
Grupa: Moderatorzy Postów: 15 467 Pomógł: 1451 Dołączył: 25.04.2005 Skąd: Szczebrzeszyn/Rzeszów |
Chyba się nie zrozumieliśmy...
Ma to związek z kawałkiem kodu: Kod img = document.getElementById(imgId); imgId było drugim parametrem Jak doń wkleisz kod obrazka, to za Chiny nie będzie działać, bo funkcja jako parametru wymaga podania identyfikatora obiektu w dokumencie, nie kodu. Poczytaj o DOM, przyda się na pewno. Ten post edytował erix 9.10.2006, 22:11:51 |
|
|
|
|
Post
#10
|
|
|
Grupa: Zarejestrowani Postów: 6 Pomógł: 0 Dołączył: 8.10.2006 Ostrzeżenie: (0%)
|
Niestety nie działa dalej. Dziwi mnie to :/
|
|
|
|
|
Post
#11
|
|
|
Grupa: Moderatorzy Postów: 15 467 Pomógł: 1451 Dołączył: 25.04.2005 Skąd: Szczebrzeszyn/Rzeszów |
Wrzuć do jakiegoś notesu (typu notes.blo.pl; tylko włącz kolorowanie do php!) cały kod.
|
|
|
|
|
Post
#12
|
|
|
Grupa: Zarejestrowani Postów: 6 Pomógł: 0 Dołączył: 8.10.2006 Ostrzeżenie: (0%)
|
|
|
|
|
|
Post
#13
|
|
|
Grupa: Zarejestrowani Postów: 90 Pomógł: 4 Dołączył: 5.02.2006 Ostrzeżenie: (0%)
|
Ten kod działa (przynajmniej u mnie), jesteś pewien że masz włączone javascript i że podałeś odpowiednie scieżki do plików (plus.gif, minus.gif)?
Kod <script type="text/javascript">
function zwinRozwin(div_id,imgId) { obiekt=document.getElementById(div_id); img = document.getElementById(imgId); if(obiekt.style.display == 'none') { obiekt.style.display = 'block'; img.setAttribute("src", "images/minus.gif"); } else { obiekt.style.display = 'none'; img.setAttribute("src", "images/plus.gif"); } } </script> |
|
|
|
|
Post
#14
|
|
|
Grupa: Moderatorzy Postów: 15 467 Pomógł: 1451 Dołączył: 25.04.2005 Skąd: Szczebrzeszyn/Rzeszów |
Wczoraj napisał do mnie autor tematu i doszedłem do rozwiązania. Nie wiem, czy u niego działało, ale u mnie tak (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Kod function zwinRozwin(div_id,imgId)
{ obiekt = document.getElementById(div_id); if(obiekt.style.display == 'none') { obiekt.style.display = 'block'; document.images[imgId].src = 'img/instal/zwin.jpg'; } else { obiekt.style.display = 'none'; document.images[imgId].src = 'img/instal/rozwin.jpg'; } } |
|
|
|
|
|
Aktualny czas: 21.10.2025 - 13:22 |
