Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS] Skrypt do zmiany wielkości liter
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Kostek.88
10.03.2008, 13:34:36
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:
[HTML] pobierz, plaintext 
  1. <p class="tresc" id="tekst">
  2.    treść
  3.    <h1>bla bla bla</h1>
  4.    <p>bla bla bla</p>
  5. </p>
[HTML] pobierz, plaintext


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?
lord_t
10.03.2008, 23:17:53
Popatrz i porównaj z oryginałem powyżej:

[HTML] pobierz, plaintext 
  1. <div class="tresc" id="tekst">
  2. treść
  3. <h1>bla bla bla</h1>
  4. <p>bla bla bla</p>
  5. </div>
[HTML] pobierz, plaintext
Kostek.88
11.03.2008, 11:31:51
Sytuacja niestety się powtarza po tej drobnej zmianie...
lord_t
11.03.2008, 11:33:07
U mnie działało idealnie jak testowałem.

edit: A co robi updatePage()? Bo ją sobie zakomentowałem.
Kostek.88
11.03.2008, 12:18:36
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
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.