Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css]Zamiana obrazka po kliknięciu
GreenGo
post
Post #1





Grupa: Zarejestrowani
Postów: 265
Pomógł: 4
Dołączył: 30.08.2004

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


Witam.
Jak zrobić aby po kliknięciu na obrazek, zmieniał on się, oraz zmieniała się zawartość warstwy pod nim ?
Takie coś jak jest na stronie http://pclab.pl Na dole zmiana plików najnowszych i najpopularniejszych.

Z góry dzięki za pomoc.
Pozdrawiam (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Darti
post
Post #2





Grupa: Zarejestrowani
Postów: 1 076
Pomógł: 62
Dołączył: 6.03.2005
Skąd: Wroc

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


Tam wszystko w kodzie jest przeciez, wystarczy podejrzec:
najpierw zdefiniowane są dwa divy:
  1. <div id="mainbottomblockcontentlatest">
  2. <-- zawartosc jednej zakladki -->
  3. </div>
  4. <div id="mainbottomblockcontenttop">
  5. <-- zawartosc drugiej zakladki -->
  6. </div>


później dwa przyciski:
  1. <div class="mainfileslast"><a href="http://pclab.pl" onclick="showOff(); return false;"></a></div>
  2. <div class="mainfilestop"><a href="http://pclab.pl" onclick="hideOff(); return false;"></a></div>


a później prosty skrypt java script:
  1. <script language="javascript" type="text/javascript">
  2. <!--
  3. if (document.all || document.getElementById)
  4. {
  5. var latestObj=document.all? document.all["mainbottomblockcontentlatest"] : document.getElementById? document.getElementById("mainbottomblockcontentlatest") : ""
  6. var topObj=document.all? document.all["mainbottomblockcontenttop"] : document.getElementById? document.getElementById("mainbottomblockcontenttop") : ""
  7. }
  8. function showOff()
  9. {
  10. topObj.style.display="none";
  11. latestObj.style.display="inline";
  12. }
  13. function hideOff()
  14. {
  15. latestObj.style.display="none";
  16. topObj.style.display="inline";
  17. }
  18. -->
  19. </script>
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 17.10.2025 - 10:14