Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JS] Skrypt do zmiany wielkości liter, ustawienie wielkości w elementach należących do diva
Kostek.88
post 10.03.2008, 13:34:36
Post #1





Grupa: Zarejestrowani
Postów: 376
Pomógł: 47
Dołączył: 23.08.2007
Skąd: Warszawa

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


Witam,
mam taki oto kod do zmiany wielkości literek:
Kod
function largeFontSize(color) {
    document.getElementById("tekst").style.fontSize = "135%";
    updatePage();
}

function mediumFontSize(color) {
    document.getElementById("tekst").style.fontSize = "112.5%";
    updatePage();
}

function smallFontSize(color) {
    document.getElementById("tekst").style.fontSize = "90%";
    updatePage();
}


oraz na przykład coś takiego w HTML:
  1. <p class="tresc" id="tekst">
  2. treść
  3. <h1>bla bla bla</h1>
  4. <p>bla bla bla</p>
  5. </p>


Przy zmianie wielkości liter niestety zmienia tylko napis "treść". Jak zrobić, by zmieniał sie również tekst w znacznikach, które znajdują się w divie?

Ten post edytował Kaloryfer 10.03.2008, 13:35:25
Go to the top of the page
+Quote Post
lord_t
post 10.03.2008, 23:17:53
Post #2





Grupa: Zarejestrowani
Postów: 603
Pomógł: 131
Dołączył: 24.07.2007
Skąd: Górny Śląsk

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


Popatrz i porównaj z oryginałem powyżej:

  1. <div class="tresc" id="tekst">
  2. treść
  3. <h1>bla bla bla</h1>
  4. <p>bla bla bla</p>
  5. </div>


--------------------
Go to the top of the page
+Quote Post
Kostek.88
post 11.03.2008, 11:31:51
Post #3





Grupa: Zarejestrowani
Postów: 376
Pomógł: 47
Dołączył: 23.08.2007
Skąd: Warszawa

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


Sytuacja niestety się powtarza po tej drobnej zmianie...
Go to the top of the page
+Quote Post
lord_t
post 11.03.2008, 11:33:07
Post #4





Grupa: Zarejestrowani
Postów: 603
Pomógł: 131
Dołączył: 24.07.2007
Skąd: Górny Śląsk

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


U mnie działało idealnie jak testowałem.

edit: A co robi updatePage()? Bo ją sobie zakomentowałem.

Ten post edytował lord_t 11.03.2008, 11:34:25


--------------------
Go to the top of the page
+Quote Post
Kostek.88
post 11.03.2008, 12:18:36
Post #5





Grupa: Zarejestrowani
Postów: 376
Pomógł: 47
Dołączył: 23.08.2007
Skąd: Warszawa

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


Już wiem, po prostu miałem coś takiego w CSSie:
Kod
#tresc * {
    font-weight: normal;
    font-size: 8pt;
}

i nie wiedziałem, że to będzie przeszkadzać...

PS. Jeszcze taka sprawa, może to komuś pomoże smile.gif Otóż miałem coś takiego, że na stronie głównej wyświetlałem newsy. Każdy news był wyświetlany w oddzielnym divie, zatem nie mogłem użyć parametru id, bo ma byc unikalny dla każdego diva i nie wolno go powtarzać. Zatem do każdego diva dodałem atrybut name (mogą się powtarzać takie same nazwy) i użyłem kodu:

Kod
function largeFontSize() {
   var zmienna = document.getElementsByName('tekst');
   for (i = 0; i < zmienna.length; i++) {
      zmienna[i].style.fontSize = "135%";
   }
}

function mediumFontSize() {
   var zmienna = document.getElementsByName('tekst');
   for (i = 0; i < zmienna.length; i++) {
      zmienna[i].style.fontSize = "112.5%";
   }
}

function smallFontSize() {
   var zmienna = document.getElementsByName('tekst');
   for (i = 0; i < zmienna.length; i++) {
      zmienna[i].style.fontSize = "90%";
   }
}


Funkcja odczytuje wszystkie nazwy divów i w pętli zmienia wielkość czcionki. ALE UWAGA: muszą to być divy, bo jak miałem newsa w akapicie <p></p>, to nie działała funkcja, zmieniała czcionkę tylko w pierwszym akapicie/divie. Może to komuś pomoże. Pozdrawiam smile.gif

Ten post edytował Kaloryfer 12.03.2008, 09:46:05
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 28.04.2025 - 08:34