Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css]Zamiana obrazka po kliknięciu
Forum PHP.pl > Forum > Przedszkole
GreenGo
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 smile.gif
Darti
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>
GreenGo
Przekopiowałem odpowiednie style, nazw nawet nie pozmieniałem aby było identycznie, skrypt wkleiłem do "head" i ciągle jak klikam to nic się nie zmienia :/

Edit:
Ok już wiem czego to jest wina, ale nie wiem dlaczego i jak to poprawić :/
Na początku strony mam kod
  1. <?php
  2. $xhtml = false;
  3. if (preg_match('/application/xhtml+xml(?![+a-z])(;q=(0.d{1,3}|[01]))?/i', $_SERVER['HTTP_ACCEPT'], $matches)) {
  4. $xhtmlQ = isset($matches[2])?($matches[2]+0.2):1;
  5. if (preg_match('/text/html(;q=(0d{1,3}|[01]))s?/i', $_SERVER['HTTP_ACCEPT'], $matches)) {
  6. $htmlQ = isset($matches[2]) ? $matches[2] : 1;
  7. $xhtml = ($xhtmlQ >= $htmlQ);
  8. } else {
  9. $xhtml = true;
  10. }
  11. }
  12. if ($xhtml) {
  13. header('Content-Type: application/xhtml+xml; charset=iso-8859-2');
  14. echo '<?xml-stylesheet href="style.css" type="text/css"?>';
  15. } else {
  16. header('Content-Type: text/html; charset=iso-8859-2');
  17. }
  18. ?>

...który wysyła dla mozilli dokument jako xhtml a dla IE jako html.

Jak wywale ten kod to już mi wszystko ładnie działa, ale z nim nie :/
Mógłby mi to ktoś wyjaśnić ? (na IE działa dobrze)
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.