Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS][JavaScript] Zmiana klasy dla diva - dziwny problem
puz219
post
Post #1





Grupa: Zarejestrowani
Postów: 201
Pomógł: 0
Dołączył: 1.07.2007

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

Witam.

Mam na stronie diva, dla którego napisałem skrypt w js, który miał zmieniać jego szerokość poprzez nadanie mu odpowiedniej klasy, ale niestety nie działa i nie wiem dlaczego, sprawdzałem zarówno w ff 3 jaki i w ie7 i w obydwu nic.

Oto div:
[HTML] pobierz, plaintext 
  1. <div id="nowosci" class="nowosci_short"></div>
  2. <br>
  3. <a href="#" onclick="zmienrozmiar()">Zmien rozmiar ramki</a>
[HTML] pobierz, plaintext


Teraz CSS:
[HTML] pobierz, plaintext 
  1. #nowosci {
  2. background-color: #d6d6d6;
  3. filter:alpha(opacity=60);
  4. -moz-opacity: 0.6;
  5. opacity: 0.6;
  6. height:25px;
  7. border-top: 1px solid #eeeeee;
  8. border-bottom: 1px solid #0a0f1a;
  9. vertical-align: middle;
  10. }
  11.  
  12. .nowosci_short {
  13. width: 998px;
  14. border-right: 1px solid #0a0f1a;
  15. border-left: 1px solid #0a0f1a;
  16. }
  17.  
  18. .nowosci_wide {
  19. width: 100%;
  20. border-right: 0pt;
  21. border-left: 0pt;
  22. }
[HTML] pobierz, plaintext


I na koniec js:
[HTML] pobierz, plaintext 
  1. function zmienrozmiar() {
  2. document.getElementById('nowosci').className = 'nowosci_wide';
  3. }
[HTML] pobierz, plaintext


Czy ktoś spotkał się z takim problemem, bo już przeczytałem ten kawałek kodu z 30 razy i prawie na 100% jestem pewny, że nie popełniłem, żadnego błędy, więc dlaczego to nie chce działać?

Proszę o pomoc.
Go to the top of the page
+Quote Post
paziek
post
Post #2





Grupa: Zarejestrowani
Postów: 207
Pomógł: 25
Dołączył: 16.11.2006

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

Kod
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE        html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
                "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html            xmlns="http://www.w3.org/1999/xhtml"
                xml:lang="pl"
                lang="pl">
<head>
    <meta http-equiv="Content-Type"        content="text/html; charset=utf-8" />
    <title>Tytuł</title>
    <meta http-equiv="Content-Language"    content="pl" />
    <meta name="Description"            content="Opis" />
    <meta name="Keywords"                content="słowa, kluczowe" />
    <meta name="Author"                    content="Łukasz 'Paziek' Kamiński" />

    <style type="text/css">
        #nowosci {
            background-color: #d6d6d6;
            filter:alpha(opacity=60);
            -moz-opacity: 0.6;
            opacity: 0.6;
            height:25px;
            border-top: 1px solid #eeeeee;
            border-bottom: 1px solid #0a0f1a;
            vertical-align: middle;
        }

        .nowosci_short {
            width: 998px;
            border-right: 1px solid #0a0f1a;
            border-left: 1px solid #0a0f1a;
        }

        .nowosci_wide {
            width: 100%;
            border-right: 0pt;
            border-left: 0pt;
        }
    </style>
    <script type="text/javascript">
        function zmienrozmiar() {
            document.getElementById('nowosci').className = 'nowosci_wide';
        }
    </script>
</head>
<body>
    <div id="nowosci" class="nowosci_short"></div>
    <br>
    <a href="#" onclick="zmienrozmiar()">Zmien rozmiar ramki</a>
</body>
</html>


Działa pod Operą 9.52 oraz Firefox 3.0.1
Może mieszasz ten kod z innym - sprawiającym problemy?
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · 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 Aktualny czas: 22.08.2025 - 05:28
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn