Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [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
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
GreenGo
post
Post #3





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

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


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)

Ten post edytował GreenGo 21.07.2007, 01:41:23
Go to the top of the page
+Quote Post

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: 15.09.2025 - 17:31